/* Annsca Redesign — restyle of the existing theme's page sections */

/* Hide the old header, mobile menu and footer */
#wrapper-navbar,#mobile-nav,.mm-menu,.mm-wrapper__blocker,#wrapper-footer,.global-cta-section{display:none!important}
html.mm-wrapper_opened{overflow:auto!important}
body,#page,.mm-page,.mm-slideout{padding-top:0!important;margin-top:0!important;transform:none!important}

body{background:#fff!important;color:var(--ar-text)!important;font:400 16px/1.7 var(--ar-sans)!important}
#page-wrapper p,#page-wrapper li,#page-wrapper td{font-family:var(--ar-sans)!important;font-size:17px;line-height:1.85;color:var(--ar-mute)}
#page-wrapper h1,#page-wrapper h2,#page-wrapper h3,#page-wrapper h4,#page-wrapper h5,
#hero-section h1,#hero-section h2{font-family:var(--ar-serif)!important;font-weight:500!important;text-transform:none!important;letter-spacing:-.012em!important;color:var(--ar-navy)}
#page-wrapper h1{font-size:clamp(40px,4.4vw,60px)!important;line-height:1.06!important;margin-bottom:28px!important}
#page-wrapper h2{font-size:clamp(34px,3.6vw,50px)!important;line-height:1.08!important;margin-bottom:26px!important}
#page-wrapper h3{font-size:clamp(24px,2.2vw,32px)!important;line-height:1.2!important}
#page-wrapper h4,#page-wrapper h5{font-size:22px!important;line-height:1.25!important}
#page-wrapper h1 strong,#page-wrapper h2 strong,#page-wrapper h3 strong{font-weight:500!important}
#page-wrapper h3 span{color:inherit!important}
#page-wrapper a:not(.btn):not(.ar-btn){color:var(--ar-green-d);text-decoration-color:rgba(94,148,40,.35);text-underline-offset:3px}
#page-wrapper a:not(.btn):not(.ar-btn):hover{color:var(--ar-navy)}
#page-wrapper strong{color:var(--ar-text)}
#page-wrapper .container{max-width:1240px!important;padding-left:40px!important;padding-right:40px!important}

/* Buttons */
#page-wrapper .btn,#page-wrapper .btn-primary,#page-wrapper button[type=submit],#page-wrapper input[type=submit]{
	display:inline-flex!important;align-items:center;gap:12px;background:var(--ar-green)!important;color:var(--ar-ink)!important;border:0!important;border-radius:0!important;
	padding:16px 30px!important;font:600 12px/1 var(--ar-sans)!important;letter-spacing:.16em!important;text-transform:uppercase!important;box-shadow:none!important;transition:background .3s!important;text-decoration:none!important}
#page-wrapper .btn:hover{background:var(--ar-green-2)!important}
#page-wrapper .btn .fa{font-size:14px;transition:transform .3s}
#page-wrapper .btn:hover .fa{transform:translateX(4px)}

/* ---------- Page hero ---------- */
#hero-section{position:relative!important;min-height:68vh!important;height:auto!important;display:flex!important;align-items:flex-end!important;padding:190px 0 80px!important;background-color:var(--ar-ink)!important;background-size:cover!important;background-position:center!important;overflow:hidden!important;margin:0!important}
#hero-section.full-screen{min-height:88vh!important}
#hero-section:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,18,28,.88) 0%,rgba(8,18,28,.55) 55%,rgba(8,18,28,.25) 100%),linear-gradient(0deg,rgba(8,18,28,.9) 0%,rgba(8,18,28,0) 55%)}
#hero-section video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0!important;min-width:0!important;min-height:0!important;transform:none!important;left:0!important;top:0!important}
#hero-section .container{position:relative;z-index:2;width:100%;max-width:1240px!important;padding:0 40px!important}
#hero-section .hero-section__content,#hero-section .text-center{text-align:left!important}
#hero-section .row{justify-content:flex-start!important;margin:0!important}
#hero-section .row>[class*=col]{max-width:900px!important;flex:0 0 100%!important;padding:0!important}
#hero-section .hero-section__content__heading{color:#fff!important;font-size:clamp(48px,6.6vw,96px)!important;line-height:1!important;font-weight:400!important;margin:22px 0 0!important;animation:ar-hup 1.1s var(--ar-ease) both}
#hero-section .hero-section__content .row>[class*=col]:before{content:"Annsca Group";display:inline-flex;align-items:center;gap:14px;font:600 11.5px/1 var(--ar-sans);letter-spacing:.26em;text-transform:uppercase;color:#a3d067;animation:ar-hfd 1s .3s both}
#hero-section .hero-section__content__blurb,#hero-section .hero-section__content__blurb p{color:rgba(255,255,255,.75)!important;font:300 18px/1.7 var(--ar-sans)!important;max-width:560px;margin-top:20px}
#hero-section .hero-section__content__blurb:empty{display:none}
#hero-section .scrollToId{display:none!important}
@keyframes ar-hup{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes ar-hfd{from{opacity:0}to{opacity:1}}

/* ---------- Sections ---------- */
#page-wrapper{background:#fff;padding:0!important}
#page-wrapper .nst-section{position:relative;padding-top:120px!important;padding-bottom:120px!important}
#page-wrapper .nst-section+.nst-section:not(.bg-light):not(.bg-dark):not(.image_divider){border-top:1px solid #ece7dd}
#page-wrapper .bg-light{background:var(--ar-sand)!important}
#page-wrapper .bg-dark{background:var(--ar-navy)!important}
#page-wrapper .bg-dark h1,#page-wrapper .bg-dark h2,#page-wrapper .bg-dark h3,#page-wrapper .bg-dark h4,#page-wrapper .bg-dark strong{color:#fff!important}
#page-wrapper .bg-dark p,#page-wrapper .bg-dark li{color:rgba(255,255,255,.72)!important}
#page-wrapper .bg-dark a:not(.btn){color:var(--ar-green-l)!important}

/* Introduction */
#page-wrapper .introduction .bg-img{opacity:.08!important;filter:grayscale(1)}
#page-wrapper .introduction.bg-dark .bg-img{opacity:.18!important}
#page-wrapper .introduction .content-container{max-width:860px!important;flex-basis:auto!important}
#page-wrapper .introduction h1:before,#page-wrapper .introduction h2:before,#page-wrapper .rich_content h1:before,#page-wrapper .rich_content h2:before{content:"";display:block;width:40px;height:2px;background:var(--ar-green);margin:0 auto 30px}
#page-wrapper .introduction h3{font-size:clamp(26px,2.6vw,36px)!important;line-height:1.3!important;color:var(--ar-navy);font-style:italic;font-weight:400!important}
#page-wrapper .introduction.bg-dark h3{color:var(--ar-green-l)!important}
#page-wrapper .introduction .btn{margin-top:20px}

/* Image + text */
#page-wrapper .image_and_text .row{align-items:center!important}
#page-wrapper .image_and_text .image-col img{width:100%;height:auto;display:block;box-shadow:0 40px 80px -40px rgba(13,24,36,.45);border-radius:0!important}
#page-wrapper .image_and_text .image-col+[class*=col]{padding-left:64px!important}
#page-wrapper .image_and_text [class*=col]:not(.image-col):first-child{padding-right:64px!important}
#page-wrapper .image_and_text h2:before,#page-wrapper .image_and_text h1:before{content:"";display:block;width:40px;height:2px;background:var(--ar-green);margin-bottom:28px}
#page-wrapper .image_and_text p{font-size:16.5px}
#page-wrapper .image_and_text--large-image .image-col img{box-shadow:none}

/* Rich content */
#page-wrapper .rich_content .container>.row>[class*=col],#page-wrapper .rich_content .content-container{max-width:860px;margin:0 auto}
#page-wrapper .rich_content ul{padding-left:1.1em}
#page-wrapper .rich_content li::marker{color:var(--ar-green)}

/* Two columns with background colours (Contact) */
#page-wrapper .rich_content_2_col_with_bg_colours{padding:0!important;background:var(--ar-navy)!important}
#page-wrapper .rich_content_2_col_with_bg_colours [class*=col],#page-wrapper .rich_content_2_col_with_bg_colours [style*=background]{background-color:transparent!important}
#page-wrapper .rich_content_2_col_with_bg_colours>*{background:none!important}
#page-wrapper .rich_content_2_col_with_bg_colours h1,#page-wrapper .rich_content_2_col_with_bg_colours h2,#page-wrapper .rich_content_2_col_with_bg_colours h3{color:#fff!important}
#page-wrapper .rich_content_2_col_with_bg_colours p,#page-wrapper .rich_content_2_col_with_bg_colours li{color:rgba(255,255,255,.72)!important}
#page-wrapper .rich_content_2_col_with_bg_colours a{color:var(--ar-green-l)!important}
#page-wrapper .rich_content_2_col_with_bg_colours .row>[class*=col]{padding-top:110px!important;padding-bottom:110px!important}

/* Image divider */
#page-wrapper .image_divider{padding:0!important;min-height:420px;background-size:cover!important;background-position:center!important}
#page-wrapper .image_divider img{width:100%;height:auto;display:block}

/* Icon list */
#page-wrapper .icon_list .iconlist-container{padding:34px 16px;background:#fff;border:1px solid var(--ar-line);height:100%;transition:transform .35s var(--ar-ease),box-shadow .35s}
#page-wrapper .icon_list .iconlist-container:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(13,24,36,.35)}
#page-wrapper .icon_list .iconlist-container img{max-height:64px;width:auto;margin:0 auto 18px;display:block}
#page-wrapper .icon_list .iconlist-container p{font-size:14px!important;line-height:1.5;margin:0}
#page-wrapper .icon_list [class*=col-6]{margin-bottom:24px}
#page-wrapper .icon_list h3{margin-bottom:50px!important}

/* Team */
#page-wrapper .team_archives_with_filter img{width:100%;height:auto;filter:grayscale(1);transition:filter .5s,transform .6s var(--ar-ease)}
#page-wrapper .team_archives_with_filter [class*=col]:hover img{filter:grayscale(0)}
#page-wrapper .team_archives_with_filter h2,#page-wrapper .team_archives_with_filter h3,#page-wrapper .team_archives_with_filter h4,#page-wrapper .team_archives_with_filter h5{color:var(--ar-navy)!important;font-size:26px!important;margin:22px 0 8px!important;text-align:left!important}
#page-wrapper .team_archives_with_filter p{font-size:15px!important;line-height:1.7!important;text-align:left!important}
#page-wrapper .team_archives_with_filter .text-center{text-align:left!important}
#page-wrapper .team_archives_with_filter button,#page-wrapper .team_archives_with_filter .filter a{background:none!important;border:1px solid var(--ar-line)!important;border-radius:0!important;color:var(--ar-navy)!important;font:600 11.5px/1 var(--ar-sans)!important;letter-spacing:.16em;text-transform:uppercase;padding:12px 18px!important}

/* Call to action module */
#page-wrapper .call_to_action{background:var(--ar-sand)!important;text-align:center}

/* Website boxes / counter cards */
#page-wrapper .website_boxes [class*=col]>*{border-radius:0!important}
#page-wrapper .counter_cards{background:var(--ar-navy)!important}
#page-wrapper .counter_cards *{color:#fff!important;font-family:var(--ar-serif)}

/* Map */
#page-wrapper .map{padding:0!important}
#page-wrapper .map iframe{display:block;width:100%;filter:grayscale(.6) contrast(1.05)}

/* Forms */
#page-wrapper input[type=text],#page-wrapper input[type=email],#page-wrapper input[type=tel],#page-wrapper textarea,#page-wrapper select{border:1px solid var(--ar-line)!important;border-radius:0!important;padding:14px 16px!important;font:400 15px var(--ar-sans)!important;background:#fff!important}

/* Section reveal (added by JS) */
.ar-js #page-wrapper .nst-section>.container{transition:opacity 1s ease,transform 1s var(--ar-ease)}
.ar-js #page-wrapper .nst-section.ar-pre>.container{opacity:0;transform:translateY(36px)}

@media(max-width:860px){
	#hero-section{min-height:56vh!important;padding:150px 0 56px!important}
	#hero-section .container,#page-wrapper .container{padding-left:20px!important;padding-right:20px!important}
	#page-wrapper .nst-section{padding-top:80px!important;padding-bottom:80px!important}
	#page-wrapper .image_and_text .image-col+[class*=col],#page-wrapper .image_and_text [class*=col]:not(.image-col):first-child{padding-left:15px!important;padding-right:15px!important}
	#page-wrapper .image_and_text .image-col{margin-bottom:40px!important}
	#page-wrapper .image_divider{min-height:240px}
	#page-wrapper p{font-size:16px}
}

/* v1.0.1 refinements */
#page-wrapper .image_and_text .row{align-items:flex-start!important}
@media(min-width:768px){#page-wrapper .image_and_text .image-col{position:sticky;top:110px}}
#page-wrapper .image_and_text--large-image__content-wrap{padding:56px 52px!important;border-radius:0!important;box-shadow:0 40px 80px -40px rgba(13,24,36,.45)!important}
#page-wrapper .introduction .content-container{margin-left:auto;margin-right:auto}
#page-wrapper .introduction.bg-dark p{max-width:820px;margin-left:auto;margin-right:auto}
#page-wrapper .ar-empty{display:none!important}