/*
Theme Name: SAC
Description: Minimal theme for Simon Anderson Consultants
Version: 1.1
*/
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font:15px/24px Arial,Helvetica,sans-serif;color:#555;background:#fff;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:#222}
p{font-size:15px;line-height:24px}
h1,h2,h3,h4,h5{margin:0 0 .5em;color:#222;font-weight:700}
h1,h1 a{font-size:72px;line-height:1.1em;letter-spacing:-1px;margin-top:0;margin-bottom:15px;font-weight:700}
small{font-size:50%;font-style:normal;font-weight:700;text-decoration:none}
h2{font-size:30px;line-height:1.2}
h3{font-size:24px;line-height:1.2}
h4{font-size:20px;line-height:1.2;letter-spacing:1px}
h5{font-size:16px;line-height:1.2;letter-spacing:2px;text-transform:uppercase}
.text-white,.text-white h1,.text-white h2,.text-white h4{color:#fff}
.container{max-width:1200px;margin:0 auto;padding:40px 20px}
.clearfix::after{content:"";display:table;clear:both}
.col_full{width:100%;clear:both}

/* Header */
.site-header{background:#000;position:relative;z-index:50}
.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px;min-height:100px}
.logo img{display:block;max-height:70px;width:auto}
.logo-text{color:#fff;font-size:22px;text-decoration:none}
.main-nav .menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 34px}
.main-nav a{display:block;padding:8px 0;color:#9a9a9a;font-size:14px;text-decoration:none}
.main-nav a:hover,.main-nav .current-menu-item>a{color:#fff}
.main-nav .sub-menu{display:none}
.nav-toggle{display:none;background:none;border:1px solid #666;color:#fff;padding:8px 14px;cursor:pointer}

/* Footer */
.site-footer{background:#000;color:#999;text-align:center;padding:30px 20px;font-size:13px}

/* Page layout (class names inherited from the converted content) */
.vc-row{display:flex;flex-wrap:wrap;margin: 0 auto;}
.site-content>.vc-row{max-width:1600px;margin: 0 auto;}
.site-content>.vc-row-full{max-width:100%;width:100%;margin-left:0;margin-right:0}
.vc-col{padding:15px;width:100%}
.vc-col::after,.vc-text::after{content:"";display:table;clear:both}
.vc-align-center{text-align:center}
.vc-align-right{text-align:right}
.vc-image img{max-width:100%;height:auto}
.vc-map{display:block}
.vc-btn{display:inline-block;padding:10px 24px;border:2px solid #222;background:#222;color:#fff;text-decoration:none}
.vc-btn-inverse{background:transparent;color:#222}
.emailbtn{padding-left:10px}
.wpb_column{float:left;padding:0 15px;min-height:1px;width:100%}
@media (min-width:768px){
 .vc_col-sm-1{width:8.3333%}.vc_col-sm-2{width:16.6667%}.vc_col-sm-3{width:25%}
 .vc_col-sm-4{width:33.3333%}.vc_col-sm-5{width:41.6667%}.vc_col-sm-6{width:50%}
 .vc_col-sm-7{width:58.3333%}.vc_col-sm-8{width:66.6667%}.vc_col-sm-9{width:75%}
 .vc_col-sm-10{width:83.3333%}.vc_col-sm-11{width:91.6667%}.vc_col-sm-12{width:100%}
}
@media (max-width:767px){
 .vc-col{flex:0 0 100% !important;max-width:100% !important}
 .vc_hidden-xs{display:none !important}
 h1,h1 a{font-size:48px}
}
@media (min-width:768px) and (max-width:991px){.vc_hidden-sm{display:none !important}}
@media (min-width:992px) and (max-width:1199px){.vc_hidden-md{display:none !important}}
@media (min-width:1200px){.vc_hidden-lg{display:none !important}}
@media (max-width:900px){
 .nav-toggle{display:block}
 .main-nav{display:none;width:100%}
 .nav-open .main-nav{display:block}
 .main-nav .menu{display:block}
 .header-inner{padding:15px 20px;min-height:0}
}

/* Triangle images on the home page (from the old custom CSS) */
.vc-image.tri1 img{width:280px;height:200px;-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%);clip-path:polygon(50% 0%,0% 100%,100% 100%);position:absolute;vertical-align:top;margin-top:-55px}
.vc-image.tri2 img{width:280px;height:200px;-webkit-clip-path:polygon(50% 100%,0 0,100% 0);clip-path:polygon(50% 100%,0 0,100% 0);position:absolute;vertical-align:top;margin-top:140px}
.vc-image.tri3 img{width:280px;height:200px;-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%);clip-path:polygon(50% 0%,0% 100%,100% 100%);position:absolute;vertical-align:top;margin-top:124px;margin-left:156px}
.vc-image.tri4 img{width:280px;height:200px;-webkit-clip-path:polygon(50% 100%,0 0,100% 0);clip-path:polygon(50% 100%,0 0,100% 0);position:absolute;vertical-align:top;margin-top:320px;margin-left:160px}

/* Rotated service labels */
.serv1,.serv2,.serv3{font-size:36px;color:#333;line-height:1.1em;font-weight:700;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.serv1{position:absolute;top:0}
.serv2{margin-top:40px}

/* Section titles ([ctitle]) */
.title-outer{border-bottom:1px solid #ffc624;margin-bottom:20px;position:relative}
.title-outer.pos_right{text-align:right}
.title-outer.pos_center{text-align:center}
.title-outer h3{border-bottom:1px solid #333;display:inline-block;padding-bottom:5px;position:relative;bottom:-1px;margin-bottom:0;line-height:1.7;font-size:14px;color:#333;text-transform:uppercase}
.porthome .title-outer{border:0;margin-bottom:20px}

/* Team members ([employee]) */
.employee_wrap{margin-bottom:20px}
.team-member{margin-bottom:30px}
.team-image{position:relative}
.team-image img{display:block;width:100%}
.team-image span{display:block;position:absolute;background:#ffc624;color:#333;bottom:0;left:0;padding:0 10px;line-height:22px;font-size:12px;text-transform:uppercase}
.team-desc h4{margin:15px 0 5px}
.team-desc a{text-decoration:none}
.team-skills{list-style:none;margin:10px 0 0;padding:0}
.team-skills li{display:inline-block;margin-right:10px}

/* Projects ([recent_works]) */
.portfolio-wrapper{position:relative}
.scroll-portfolio{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.scroll-portfolio::-webkit-scrollbar{display:none}
.scroll-portfolio .portfolio-item{flex:0 0 calc((100% - 60px) / 4);scroll-snap-align:start}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px}
.portfolio-image{position:relative;overflow:hidden}
.portfolio-image a{display:block;position:relative}
.portfolio-image img{display:block;width:100%;aspect-ratio:470/320;object-fit:cover}
.portfolio-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .25s}
.portfolio-image a:hover .portfolio-overlay{opacity:1}
.portfolio-title{position:relative;text-align:center;padding:7px 0}
.portfolio-title h3{padding-bottom:4px;font-size:14px;font-weight:400;line-height:18px;margin:0}
.portfolio-title h3 a{color:#555;text-transform:uppercase;line-height:1;text-decoration:none}
.portfolio_tags{font-size:12px;color:#999}
.sac-carousel-btn{position:absolute;top:30%;z-index:5;width:36px;height:36px;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.sac-carousel-btn.prev{left:0}
.sac-carousel-btn.next{right:0}
@media (max-width:991px){
 .scroll-portfolio .portfolio-item{flex-basis:calc((100% - 40px) / 3)}
 .portfolio-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:767px){
 .scroll-portfolio .portfolio-item{flex-basis:100%}
 .portfolio-grid{grid-template-columns:repeat(2,1fr)}
}

/* FAQs ([faqs]) */
.faqs_wrap .toggle{border-bottom:1px solid #e5e5e5}
.faqs_wrap .togglet{cursor:pointer;padding:14px 0;font-weight:700;color:#222}
.faqs_wrap .togglet i{margin-right:8px}
.faqs_wrap .togglec{padding:0 0 14px}

/* "02 expertise" heading: sits on the hero photo, above the white section */
.vc-row[style*="padding-bottom: 370px"] h1 span[style*="#ffffff"]{display:inline-block;position:relative;top:-3.75rem}