@charset "UTF-8";


html, body {  background:#fff; color:#6b6b6b; display:block; font-family: 'Open Sans', sans-serif; font-size:16px; height:100%; margin:0; padding:0; }
#site-wrap { height:100%; margin:auto; max-width:1960px; padding:60px 60px 0 60px; position:relative;}
img { border:none; display:block; height:auto; max-width:100%;}
h1 { font-size:24px; font-weight:600;  margin:0; padding:0 0 10px 0;}
h2 { font-size:18px; margin:0 0 5px 0; padding:0;}
h3 { font-size:16px; margin:0 0 5px 0; padding:0;}
h4 { font-size:15px; font-weight:600; margin:5px 0; padding:0;}
h5 { font-size:15px; font-weight:400; line-height:17px; margin:5px 0; padding:0; text-transform:uppercase; }
h6 { font-size:0.9em; font-weight:500; margin:0 0 5px 0; padding:0;}
.wpcf7 form .wpcf7-response-output { margin:0; font-size:14px; line-height:16px;}
p { font-size:15px; line-height:22px; margin:0 0 8px 0;}
.h-col-1 p { font-size:18px; line-height:25px;}
a:link, a:visited { color:#28724F; text-decoration:none;}
a:hover, a:active { color:#007a89; transition:0.3s;}
a.phone {color:#00afc4; font-size:24px; }
a.add-arrow, a.back-arrow { display:inline-block; font-weight:400; padding:8px 0 0 0; }
a.add-arrow:before { background:url(//www.southarchitects.co.nz/wp-content/themes/sa2020/images/icons.png) -130px -8px no-repeat; content:""; display:block; float:left; height:15px; margin:4px 5px 0 0; width:9px; }
a.back-arrow:before { background:url(//www.southarchitects.co.nz/wp-content/themes/sa2020/images/icons.png) -100px -8px no-repeat; content:""; display:block; float:left; height:15px; margin:4px 5px 0 0; width:9px; }
.alignleft { float:left; margin:0 10px 10px 0; width:calc(45% - 10px);}
.alignright { float:left; margin:0 0 10px 10px; width:calc(45% - 10px);}
hr { border-bottom:0; border-left:0; border-right:0; border-top:1px solid #b7c1c4; height:1px; margin:30px 0; }
.clear { clear:both;}
#logo { margin:0 20px 0 3px; position:absolute; top:0; left:3px; width:170px; z-index:90;}
#content  { clear:both; padding:0; position:relative;}
#copyright { background:#def6f1; border-top:3px solid #fff; font-size:0.8em; padding:25px 5%; text-align:center;}
#footer { clear:both; padding:35px 0 0 0; } #nav { margin:0; padding:0; position:absolute; top:15px; left:170px; z-index:9; }
#nav input[type="checkbox"] { display:none;}
#nav ul { margin:0; padding:0;}
#nav ul li { float:left; list-style:none; margin:0; padding:0; }
#nav ul li a { font-size:16px;}
#nav li a:link, #nav li a:visited { color:#6b6b6b; display:block; padding:5px 15px; }
#nav li a:active, #nav li a:hover {  color:#28724F; }
ul#menu-header-menu li.current_page_item a:link, ul#menu-header-menu li.current_page_item a:visited { color:#28724F;}
#home-banner { height:calc(100% - 120px); margin-bottom:60px;}
#home-banner ul { height:100%; list-style:none; margin:0; padding:0;}
#home-banner ul li{ background:url(//www.southarchitects.co.nz/wp-content/themes/sa2020/images/home-slide-1.jpg) center center no-repeat; background-size:cover; height:100%; margin:0; padding:0;}
.faqs { padding:0;}
.faqs input[type="checkbox"] { display:none; }
.faqs input[type="checkbox"] ~ label { color:#28724F; cursor:pointer; display:block; font-size:20px; line-height:24px; }
.faqs input[type="checkbox"] ~ label:before { background:url(//www.southarchitects.co.nz/wp-content/themes/sa2020/images/faq-arrow.png) center center no-repeat #28724F;  content:""; height:40px; position:absolute; left:0; top:0; transition:0.2s; width:40px; }
.faqs input[type="checkbox"]:checked ~ label:before { transition:0.2s; transform:rotate(90deg); }
.faqs input[type="checkbox"] ~ p { display:none;}
.faqs input[type="checkbox"]:checked ~ p { display:block;}
.faqs p { font-size:16px; line-height:22px; margin:10px 0;}
.faq { background:#eff0f2; margin:0 0 5px 0; padding:5px 25px 10px 50px; position:relative; }
#social { position:absolute; top:15px; right:60px;}
#social ul, #social ul li  { margin:0 0 0 5px; padding:0; list-style:none;}
#social ul li {display:inline-block;}
#social ul li a:link { display:block; height:100%;}
.facebook, .linkedin , .instagram { background:url(//www.southarchitects.co.nz/wp-content/themes/sa2020/images/icons.png) no-repeat; filter:grayscale(100%); height:30px; opacity:0.5; width:30px; }
.facebook { background-position:0 0; }
.linkedin { background-position:-30px 0; }
.instagram { background-position:-210px 0; }
#social ul li.facebook:hover, #social ul li.linkedin:hover , #social ul li.instagram:hover { filter:grayscale(0%); opacity:1; transition:0.3s;}
#affiliate-logos { background:#eff0f2; margin-top:35px; padding:50px 0;}
#affiliate-logos-inner { max-width:1960px; margin:auto;}
#affiliate-logos ul { display:table; float:right; margin:0; padding:0;}
#affiliate-logos ul li { display:table-cell; list-style:none; margin:0; padding:0 60px 0 0;}
#affiliate-logos ul li img { filter:grayscale(100%); max-height:40px; opacity:0.5; }
#wired { font-size:12px; padding:20px 60px; text-align:right; }
#wired a:link, #wired a:visited { color:#cad2d3; }
#wired a:active, #wired a:hover  { color:#28724F;}
.box {background:#eff0f2; padding:30px 34px;}
p.alignleft ~ .box { float:left; width:calc(55% - 68px);} 
table { border-bottom:1px solid #b7c1c4; border-collapse:collapse; border-spacing:0; font-weight:500; width:100%; }
table tr {}
table tr td, table tr th { font-size:13px; padding:6px 9px; text-align:left; vertical-align:top;}
table tr th { background:#f5f5f5; font-weight:700;}
table tr:nth-of-type(odd) td { background:#f5f5f5; }
table ~ a:link, table ~ input[type="submit"], table ~ input[type="button"]  { margin-top:8px;}
table.bbd { border-bottom:1px dotted #ccc; }
table a:link, table a:visited, table.data a:link, table.data a:visited { display:block; font-weight:600; }
table.data th { background:#f5f5f5; }
table.data tbody tr:nth-child(even) { background:#f5f5f5; }
table.data { border-bottom:1px solid #e5e5e5; }
table.data td, table.data th { font-size:13px; padding:6px 9px; text-align:left; vertical-align:top; }
table.data td.datetime, table.data td.links, table.data td.number { white-space:nowrap; }
table.data td.datetime, table.data td.number, table.data th.datetime, table.data th.number { text-align:right; }
table.data td.yesno, table.data th.yesno { text-align:center; } table.data tr:nth-of-type(2n+1) td { background:transparent; }
table.data { margin:0.75em 0 0; } input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], textarea, select { background:#fff; border:1px solid #d6d6d6; border-radius:0; font-family:'Open Sans'!important; font-size:13px; line-height:30px; margin:0; outline:0; padding:0 20px; position:relative; width:calc(100% - 40px); z-index:7;}
textarea { background-color:#fff; color:#707778; font-family: 'Open Sans', sans-serif; line-height:16px; height:116px; padding:14px 20px;}
input[type="submit"], input[type="button"], button, .btn  { background:#28724F; border-radius:0; border:0; color:#fff!important; cursor:pointer; display:inline-block; font-size:15px; font-weight:300; line-height:42px; margin:0; padding:0 25px; text-decoration:none; text-transform:uppercase;  }
input[type="submit"]:hover, input[type="button"]:hover, input[type="submit"]:active, input[type="button"]:active , .a-btn:hover, .a-btn:active { background:#e55100; border-radius:0; color:#fff; transition:0.3s;}
.wpcf7 p { margin-bottom:4px;}
select::-ms-expand { display:none; }
select { background:none; border:1px solid #b7c1c4; -webkit-appearance:none; -moz-appearance:none; text-indent:0; text-overflow:'';}
.wpcf7 form.sent .wpcf7-response-output { background:#46b450; border-color:#46b450; color:#fff; }
#wpcf7-f3257-o1 form .wpcf7-response-output { margin:10px 0;}
#wpcf7-f341-p342-o1 form.sent .wpcf7-response-output { margin-bottom:30px!important; margin-left:125px!important; margin-right:60px!important; margin-top:10px!important;  margin:auto!important; max-width:1475px;}
.a-btn { background:#28724F; border-radius:45px; border:0; color:#fff; cursor:pointer; display:inline-block; font-size:20px; float:right; line-height:60px; margin:0; padding:0 40px 0 70px; position:relative; text-decoration:none;}
.btn-team { margin:10px 0 0 0; padding-left:55px; position:relative;}
.btn-team:before { background:url(//www.southarchitects.co.nz/wp-content/themes/sa2020/images/icons.png) -150px 0 no-repeat; content:""; display:block; height:30px; margin:0; position:absolute; top:5px; left:8px; width:37px; }
.btn:active, .btn:hover { background:#2c5134;  }
.label { font-size:16px; height:15px; margin:0; padding:0 0 8px 0;}
.tabs-wrapper input[type="radio"] { display:none;	}
.tabs-wrapper  input[type="radio"] + label { background:#fff; color:#28724F; font-size:16px; float:left; line-height:24px; font-weight:300; margin:0 1px 1px 0; padding:9px 20px; }
.tabs-wrapper input[type="radio"]:checked + label { background:#eff0f2; color:#6b6b6b;} 
#tab-body-1, #tab-body-2, #tab-body-3 { display:none; }
.tab-body { position:relative; }
.tab-body-wrapper { clear:both; }
.tabs-wrapper input[type="radio"]#tab1:checked  + label ~ .tab-body-wrapper #tab-body-1, .tabs-wrapper input[type="radio"]#tab2:checked  + label ~ .tab-body-wrapper #tab-body-2, .tabs-wrapper input[type="radio"]#tab3:checked  + label ~ .tab-body-wrapper #tab-body-3  { display:block;}
.h-col-4 input[type="submit"] { font-size:12px; line-height:30px; margin:0; padding:0 15px; }
.contact-wrap { padding:60px 60px 20px 125px;  }
.contact-wrap span.wpcf7-form-control-wrap { display:block; margin:0 0 10px 0;}
.contact-wrap input[type="text"], .contact-wrap input[type="email"] { line-height:50px;}
.contact-wrap .wpcf7-textarea { height:146px;}
.contact-wrap h2 { font-size:36px; font-weight:300; padding:0 0 8px 0;}
.col-contact-wrap { float:left; width:78%;}
.col-contact1 { float:left; margin:0 10px 0 0; width:calc(50% - 10px);}
.col-contact2 {float:left; margin:0 15px 0 0; width:calc(50% - 15px);}
.col-contact3 { float:left; margin:-35px 0 0 0; position:relative; width:22%;}
.contact-wrap .col-contact2 span.wpcf7-form-control-wrap { margin-bottom:0;}
.col-contact3:before { background:url(//www.southarchitects.co.nz/wp-content/themes/sa2020/images/squares-hor.png) no-repeat; background-size:cover; content:""; display:block; height:20px; position:absolute; top:2px; left:-115px; width:100px; }
.col-contact3 p { font-size:15px; line-height:18px; margin:-2px 0 10px 0;}
.col-contact3 p small { display:block; font-size:12px;}
.col-contact3 p a:link { font-size:20px;}
.col-contact3 p small a:link { font-size:14px;}
.col-contact3 p:last-of-type { margin-bottom:0;}
.contact-submit-wrap { clear:both;}
#location-map { background:url(//www.southarchitects.co.nz/wp-content/uploads/location-map-2023.png) center center no-repeat; background-size: cover; border:8px solid #fff; clear:both; height:500px; margin:40px 140px 80px 125px; outline:1px solid #d6d6d6;}
#location-map a:link { display:block; height:100%;}
#location-map:active, #location-map:hover {outline-color:#28724F; }
#p-title { background:#eff0f2; }
#p-title h1 { font-size:24px; font-weight:300; line-height:26px; margin:0 0 10px 0; padding:20px 20px 24px 125px; }
.portfolio-row { clear:both;}
.portfolio-row:nth-of-type(even) .portfolio-feature { float:right; margin:0 0 0 20px; }
.portfolio-feature { float:left; height:400px; margin:0 20px 0 0; width:calc(41.6% - 40px); }
.portfolio-feature, .portfolio-other ul li { filter:grayscale(100%);}
.portfolio-feature:active, .portfolio-feature:hover, .portfolio-other ul li:active, .portfolio-other ul li:hover { filter:grayscale(0%); transition:0.3s;}
.portfolio-feature a:link, .portfolio-other  a:link { height:100%; display:block; }
.portfolio-other { float:left; width:calc(58.4% + 20px);}
.portfolio-other ul, .portfolio-other ul li { margin:0; padding:0; list-style:none;}
.portfolio-other ul li { float:left; height:190px; margin:0 0 20px 20px; width:calc(33.333% - 14px); }
.portfolio-other ul li:nth-of-type(1), .portfolio-other ul li:nth-of-type(4) { margin-left:0; }
.filler { background:url(//www.southarchitects.co.nz/wp-content/themes/sa2020/images/filler-bg-2.png) center center no-repeat; color:#fff; font-size:30px; font-weight:300; height:100%; line-height:190px; text-align:center; }
.filler:active, .filler:hover { background:url(//www.southarchitects.co.nz/wp-content/themes/sa2020/images/filler-bg-2o.png) center center no-repeat; transition:0.3s;}
.portfolio-gallery, .portfolio-slider { float:left; margin:0 20px 0 0; width:calc(60% - 20px);}
.portfolio-content { float:left; width:20%;}
.portfolio-slider img { margin:auto; max-height:680px;}
.squares-portfolio-content { margin:0 0 20px 0;}
.portfolio-gallery ul, .portfolio-gallery ul li { list-style:none; margin:0; padding:0;}
.portfolio-gallery ul li {float:left; opacity:1;}
.portfolio-gallery ul li a:link { display:block; height:100%;}
.portfolio-gallery ul li:nth-of-type(1) { height:440px; margin:0 20px 20px 0; width:66.6%; }
.portfolio-gallery ul li:nth-of-type(2) { height:440px; margin:0 0 20px 0; width:calc(33.3% - 20px); }
.portfolio-gallery ul li:nth-of-type(3) { height:440px; margin:0; width:33.3%; }
.portfolio-gallery ul li:nth-of-type(4), .portfolio-gallery ul li:nth-of-type(5), .portfolio-gallery ul li:nth-of-type(6), .portfolio-gallery ul li:nth-of-type(7) { height:210px; margin:0 0 20px 20px; width:calc(33.3% - 20px); }
.portfolio-gallery ul li:active, .portfolio-gallery ul li:hover { opacity:0.85; transition:0.3s;}
.portfolio-slider ul, .portfolio-slider ul li  { height:650px; list-style:none; margin:0 0 20px 0; padding:0;}
.portfolio-gallery .bx-wrapper { margin-bottom:30px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:0; background:#fff;}
.portfolio-gallery .bx-wrapper .bx-pager { bottom:-20px; padding-top:0;}
.portfolio-gallery .bx-pager.bx-default-pager a.active {background:#28724F!important; }
.portfolio-gallery .bx-wrapper .bx-pager.bx-default-pager a { background:#d5d5d5; border-radius:0;}
.portfolio-gallery .bx-controls-direction {display:none;}
#staff-involved { padding:0 0 0 20px; position:relative; }
#staff-involved:before { background:url(//www.southarchitects.co.nz/wp-content/themes/sa2020/images/squares-vert.png) no-repeat; background-size:cover; content:""; display:block; height:50px; position:absolute; top:0; left:0; width:10px; }
#staff-involved ul { list-style:none; margin:0; padding:0;}
#staff-involved ul li{ float:left; margin:0 20px 0 0; min-height:210px; padding:0; width:125px; }
#staff-involved ul li h5 { margin-bottom:0;}
#staff-involved ul li p { font-size:12px; line-height:16px; margin:0; padding:0;}
.portfolio-category { height:640px; margin:0 20px 0 0; width:calc(33.3% - 15px); padding:0; position:relative; text-align:center;}
.portfolio-category { filter:grayscale(100%); transition:0.3s;}
.portfolio-category span { background-color:rgba(80, 119, 88, 0.7); color:#fff; display:block; font-size:30px; font-weight:300;  filter:grayscale(0%); height:80px; line-height:80px; position:absolute; bottom:0; width:100%; z-index:1; }
.portfolio-category:active span, .portfolio-category:hover span { background-color:rgba(80, 119, 88, 0.7); }
.portfolio-category:active, .portfolio-category:hover { filter:grayscale(0%); }
.portfolio-category a:link { display:block; height:100%; }
.staff-wrap { float:left; margin:0 40px 70px 0; width:calc(50% - 20px);}
.staff-wrap:nth-of-type(even) { margin-right:0;}
.staff-wrap:nth-of-type(odd) { clear:both; }
.staff-pic { float:left; margin:0 10px 0 0; position:relative; width:calc(30% - 10px);}
.staff-pic-1 img, .staff-pic-2  img{ width:100%; }
.staff-pic-2 { position:absolute; top:0; left:0; width:100%;}
.staff-pic .staff-pic-2 { opacity:1; transition:0.8s;}
.staff-pic:hover .staff-pic-2 { opacity:0; transition:1.3s;}
.staff-pic:after { background:url(//www.southarchitects.co.nz/wp-content/themes/sa2020/images/squares-hor.png) no-repeat; background-size:cover; content:""; display:block; float:right; height:20px; margin:10px 0 0 0; width:100px;}
.staff-profile { float:left; width:70%;}
.staff-profile h2 { font-size:20px; font-weight:300; margin:0; padding:0; text-transform:uppercase; }
.staff-profile h6, .staff-profile p { font-size:14px; margin:0 0 10px 0; padding:0;}
ul.news-links { list-style:none; margin:20px 0 0 120px; min-height:30px; padding:0 0 20px 0; }
ul.news-links li { float:left; margin:0 2px;}
ul.news-links li a:link { border-radius:1px; color:#6b6b6b; font-size:14px; padding:5px 10px; }
ul.news-links li a:active, ul.news-links li a:hover { color:#28724F;}
ul.news-links li.current_page_item  a:link { background:#28724F; color:#fff;}
.testimonial-wrap { float:left; margin:10px 40px 10px 0; width:calc(50% - 20px);}
.testimonial-wrap:nth-of-type(even) { margin-right:0;}
.testimonial-wrap:nth-of-type(odd) { clear:both; }
.testimonial-from { font-size:18px; font-weight:400; margin:20px 0; padding:0 20px 10px 0;}
.testimonial-from small { display:block; font-size:12px;}
.testimonial-text { position:relative;}
.testimonial-text:before { content:""; border-width:20px 0 0 20px; border-color:transparent transparent transparent #EFF0F2; border-style:solid; display:block; height:0; position:absolute; top:-20px; left:30px; width:0;}
.hide { display:none;}
.floatblock { float:left;}
.aright { float:right!important;}
.row { clear:both; position:relative; } .col-1o3, .scol-1o3, .col-2o3, .col-1o4, .col-2o4, .col-1o2, .fifty-p, .col-40p, .col-60p, .col-1, .col-2, .col-3, .portfolio-category { float:left; }
.col-1o3 { margin:0 20px 0 0; width:calc(33.3% - 15px);}
.col-2o3 { margin-right:3.5%; width:65.5%;}
.col-2o3 ~ .col-1o3, .col-1o3 ~ .col-2o3, .col-1o3:nth-of-type(3) { margin-right:0; }
.col-1o4 { margin-right:1%; width:24%;}
.col-1o4:nth-child(4n) { margin-right:0;}
.col-2o4 { margin-right:5%; width:45%;}
.col-1o4 ~ .col-2o4 { margin-right:0;}
.col-1o2 { margin-right:3%; width:48.5%;}
.col-1o2:nth-of-type(even) { margin-right:0;}
.col-auto3 { -webkit-column-count:3; -moz-column-count:3; column-count:3;}
.fifty-p { width:50%;}
.col-40p { width:40%;}
.col-60p { width:60%; }
.col-40p ~ .col-60p { margin-left:10px; width:calc(60% - 10px);}
.col-60p ~ .col-40p { margin-left:10px; width:calc(40% - 10px);}
.h-col-1, .h-col-1a, .h-col-2, .h-col-3, .h-col-4 { position:relative;}
.h-col-1 { width:calc(34% - 20px);}
.h-col-1a { width:6%;}
.h-col-2 { width:calc(18% - 16px); }
.h-col-3 { width:calc(18% - 16px); }
.h-col-4 { width:calc(24% - 16px); }
.h-col-4 p { font-size:14px; line-height:22px;}
.h-col-1a img { float:right; height:100%; max-height:350px;} #wpcf7-f3257-o1 input[type="email"] { margin:0 0 5px 0;}
.h-even-height { align-items:stretch; display:flex; gap:16px; }
.h-even-height .box { height:calc(100% - 60px); } @media only screen and (max-width: 1700px) {
.portfolio-feature { width:calc(41.8% - 40px); }
.portfolio-other { width:calc(58.2% + 20px);}
.portfolio-content { width:25%;}
}
@media only screen and (max-width: 1600px) {
.portfolio-feature { width:calc(41.9% - 40px); }
.portfolio-other { width:calc(58.1% + 20px);}
}
@media only screen and (max-width: 1500px) {
.portfolio-feature { width:calc(42% - 40px); }
.portfolio-other { width:calc(58% + 20px);}
.portfolio-gallery { width:calc(70% - 20px);}
.portfolio-content { width:30%;}
}
@media only screen and (max-width: 1400px) {
.h-col-3 { display:none;}
.h-col-2 { width:calc(27% - 16px);}
.h-col-4  {width:calc(33% - 16px);}
.portfolio-feature { width:calc(42.1% - 40px); }
.portfolio-other { width:calc(57.9% + 20px);}
.filler { font-size:26px; line-height:190px; }
}
@media only screen and (max-width: 1300px) {
.h-col-1 { width:calc(38% - 20px);}
.h-col-2 { width:calc(24% - 16px);}
.portfolio-feature { width:calc(42.3% - 40px); }
.portfolio-other { width:calc(57.7% + 20px);}
.portfolio-category { height:500px;}
.portfolio-category span { font-size:24px;}
}
@media only screen and (max-width: 1250px) {
.portfolio-feature { width:calc(42.4% - 40px); }
.portfolio-other { width:calc(57.6% + 20px);}
}
@media only screen and (max-width: 1200px) {
.h-even-height { flex-wrap:wrap; }
.h-even-height .h-col-1, .h-even-height .h-col-2, .h-even-height .h-col-3, .h-even-height .h-col-4  { width:calc(50% - 20px); }
.h-col-1 h1 { font-size:24px;}
.h-col-1 p {font-size:15px; line-height:25px;	}
.h-col-1a { display:none;}
.portfolio-feature { width:calc(42.5% - 40px); }
.portfolio-other { width:calc(57.5% + 20px);}
.portfolio-gallery, .portfolio-content  { width:100%;}
#staff-involved { margin-top:20px;}
.squares-portfolio-content { max-width:33.3%;}
.staff-wrap { clear:both; float:none; margin:0 0 30px 0; width:100%;}
}
@media only screen and (max-width: 1100px) {
.portfolio-feature { width:calc(42.8% - 40px); }
.portfolio-other { width:calc(57.2% + 20px);}
.portfolio-feature { height:360px;}
.portfolio-other ul li { height:170px;}
.filler { font-size:20px; line-height:170px; }
.portfolio-category { height:400px;}
.portfolio-category span { font-size:20px; height:60px; line-height:60px;}
.contact-wrap { padding:50px 0 30px 0;}
#location-map { height:400px; margin:0 0 50px 0;}
}
@media only screen and (max-width: 1000px) {
.portfolio-feature { width:calc(43% - 40px); }
.portfolio-other { width:calc(57% + 20px);}
.single-img-col { margin:0 0 10px 0!important; width:100%!important; }
.entry { width:100%!important; }
.alignleft { width:100%;}
p.alignleft ~ .box { width:calc(100% - 68px);} 
}
@media only screen and (max-width: 950px) {
#social { left:160px; right:inital;}
#nav { margin:0; padding:0; position:absolute; top:0; left:0; text-align:center; width:100%; z-index:99; }
#nav input[type="checkbox"] { display:none;}
#nav input[type="checkbox"] + label { background:url(//www.southarchitects.co.nz/wp-content/themes/sa2020/images/icons.png) -400px 0 no-repeat; display:block; height:50px; margin:0; padding:0; position:absolute; top:7px; right:9px; width:50px; z-index:99; }
#nav input[type="checkbox"]:checked + label { background:url(//www.southarchitects.co.nz/wp-content/themes/sa2020/images/icons.png) -450px 0 no-repeat; }
#nav input[type="checkbox"] ~ .menu-wrap ul  { background-color: rgba(80, 119, 88, 0.9); border-radius:0; display:none; margin:0; padding:50px 50px 100px 50px; position:absolute; transition:0.3s;  right:0; width:calc(100% - 100px); z-index:8; }
#nav input[type="checkbox"]:checked ~ .menu-wrap ul { display:block; }
#nav input[type="checkbox"] ~ .menu-wrap ul li { display:block; float:none; margin:0; padding:0; position:relative; }
#nav input[type="checkbox"] ~ .menu-wrap ul li.current-menu-item a:link, #nav input[type="checkbox"] ~ .menu-wrap ul li.current-menu-item a:visited { color:#fff; opacity:0.7;}
#nav li a:link, #nav li a:visited { color:#fff; display:block; font-size:24px; font-weight:400; padding:10px 25px; }
#nav li a:active, #nav li a:hover { color:#fff; opacity:0.7; }
.col-40p, .col-60p { width:100%; }
.col-40p ~ .col-60p { margin:10px 0 0 0; width:100%;}
.col-60p ~ .col-40p { margin-left:0; width:100%;}
#affiliate-logos ul li { padding:0 40px 0 0;}
#affiliate-logos ul li:last-of-type { padding-right:60px;}
.portfolio-feature, .portfolio-row:nth-of-type(even) .portfolio-feature { float:none; margin:0 0 20px 0; width:100%; }
.portfolio-other { width:100%;}
.portfolio-gallery ul li:nth-of-type(1), .portfolio-gallery ul li:nth-of-type(2), .portfolio-gallery ul li:nth-of-type(3) { height:340px;}
.portfolio-gallery ul li:nth-of-type(4), .portfolio-gallery ul li:nth-of-type(5), .portfolio-gallery ul li:nth-of-type(6), .portfolio-gallery ul li:nth-of-type(7) { height:160px;}
.portfolio-category { height:340px;}
.portfolio-category span { font-size:16px; height:50px; line-height:50px;}
.col-contact1, .col-contact2 { float:none; margin:0; width:100%;}
.col-contact-wrap { width:70%;}
.col-contact3 { margin:0 0 0 15px; padding:30px 0 0 0; width:calc(30% - 15px); }
.col-contact3:before { left:0;}
}
@media only screen and (max-width: 860px) {
.h-even-height { display:block; }
.h-even-height .h-col-1 { margin:0 0 10px 0; padding:20px; width:calc(100% - 40px); }
.h-even-height .h-col-2, .h-even-height .h-col-3, .h-even-height .h-col-4  { margin:0 0 10px 0; width:100%; }
}
@media only screen and (max-width: 800px) {
.testimonial-wrap { margin:0 0 20px 0; width:100%;}
}
@media only screen and (max-width: 700px) {
#logo { top:-3px; width:140px;}
#social { left:140px;}
#social ul li { margin:0;}
#site-wrap { padding:60px 0 0 0;}
#home-banner { height: calc(100% - 60px); margin-bottom:30px;}
.h-col-1 { padding:0 30px 20px 30px; width:auto;}
#affiliate-logos ul li, #affiliate-logos ul li:last-of-type { padding:0 20px;}
#wired { padding:20px 0; text-align:center;}
#p-title h1 { padding:20px 20px 24px 150px;}
.testimonial-from { padding:0 20px 10px 30px;}
.testimonial-text {  margin:0 20px;}
.testimonial-text:before { left:60px;}
.contact-wrap { padding:30px;}	
.portfolio-category { width:calc(50% - 10px);}
.portfolio-category:nth-of-type(even) { margin-right:0;}
#footer { padding:0;}
.entry { margin-bottom:10px!important; }
.btn-team { margin:10px 0 0 30px;}
}
@media only screen and (max-width: 600px) {
.portfolio-feature, .portfolio-row:nth-of-type(even) .portfolio-feature {  margin:0 0 10px 0; }
.portfolio-other ul li { height:120px; margin:0 0 10px 10px;  width:calc(33.333% - 7px);}
.filler { line-height:120px; }
.portfolio-gallery ul li:nth-of-type(1), .portfolio-gallery ul li:nth-of-type(2), .portfolio-gallery ul li:nth-of-type(3) { height:220px;}
.portfolio-gallery ul li:nth-of-type(4), .portfolio-gallery ul li:nth-of-type(5), .portfolio-gallery ul li:nth-of-type(6), .portfolio-gallery ul li:nth-of-type(7) { height:100px;}
.col-contact-wrap { width:100%;}
.col-contact3 { margin:0; width:100%; }
.col-contact3:before { display:none; }
}
@media only screen and (max-width: 550px) {
.portfolio-category { margin:0 0 20px 0; width:100%;}
.staff-pic { margin:0 0 10px 10px; width:50%;}
.staff-profile { width:100%;}
.staff-pic:after { height:10px; margin:-10px -60px 0 0; width:50px;}
.tabs-wrapper  input[type="radio"] + label { font-size:15px; padding:9px 15px; }
.faq { padding:10px 25px 10px 50px;}
.faqs input[type="checkbox"] ~ label { font-size:18px; line-height:20px;}
}
@media only screen and (max-width: 400px) {
#logo { left:0; width:135px;}
#footer {border-top:10px solid #fff; }
#social { left:135px;}
#home-banner { margin-bottom:15px;}
.h-col-1 { padding:0 20px 20px 20px; }
.box { padding:20px;}
p.alignleft ~ .box { width:calc(100% - 40px);} 
#affiliate-logos { padding:25px 0;}
#affiliate-logos ul { display:block; float:none;}
#affiliate-logos ul li { display:block; margin:20px 0; }
#affiliate-logos ul li img {margin:auto;}
.portfolio-feature { height:260px;}
.portfolio-other ul li { height:95px;}
.filler { font-size:16px; line-height:95px; }
.portfolio-gallery ul li:nth-of-type(1), .portfolio-gallery ul li:nth-of-type(2), .portfolio-gallery ul li:nth-of-type(3) { height:180px;}
.portfolio-gallery ul li:nth-of-type(4), .portfolio-gallery ul li:nth-of-type(5), .portfolio-gallery ul li:nth-of-type(6), .portfolio-gallery ul li:nth-of-type(7) { height:80px;}
.contact-wrap h2 {font-size:30px;}
}#home-banner .bx-wrapper { height:100%; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; background:#fff;}
.bx-viewport {  height:100%!important;}
#home-banner .bx-wrapper .bx-pager { bottom:20px; }
#home-banner .bx-wrapper .bx-pager.bx-default-pager a { background:#fff; width:12px; height:12px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; opacity:50%;}
#home-banner .bx-wrapper .bx-pager.bx-default-pager a.active { opacity:90%;}
#home-banner .bx-controls-direction { display:none; }
#mailpoet_form_1 .mailpoet_paragraph input[type="text"].mailpoet_text, #mailpoet_form_1 .mailpoet_paragraph input[type="email"].mailpoet_text { padding:0 12px!important; width:calc(100% - 24px)!important;}
.mailpoet_form .mailpoet_submit { width:150px!important;}
#mailpoet_form_1 .mailpoet_submit, #mailpoet_form_1 .mailpoet_paragraph, #mailpoet_form_1 .mailpoet_form_paragraph, #mailpoet_form_1 .mailpoet_textarea, #mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_select, #mailpoet_form_1 .mailpoet_form_image, #mailpoet_form_1 .mailpoet_message, #mailpoet_form_1 .mailpoet_paragraph select {
font-size:13px!important; line-height:30px!important;}
ul#menu-news-menu { margin:0 0 0 125px; padding:0;}
ul#menu-news-menu li { list-style:none; float:left; padding:0 1px; }
ul#menu-news-menu li a:link, ul#menu-news-menu li a:visited { color:#7b7b7b; font-size:14px; padding:2px 9px; }
ul#menu-news-menu li.current_page_item a:link, ul#menu-news-menu li.current_page_item a:visited { background:#507758; color:#fff;}
#wmle_container { margin-top:20px!important; }
#wmle_container .wmle_item { background:#eff0f2; padding:0;}
#wmle_container .wmle_item { margin:0 10px 20px 10px;}
#wmle_container .wmle_item .wmle_masonary_box { background:none; border:none; padding:25px 30px 35px 30px;}
#wmle_container .wmle_item .wmle_masonary_box .wmle_post_title {  text-align:left; font-size:18px; color:#6b6b6b; font-weight:bold; border-bottom:none; padding:0;}
#wmle_container .wmle_item .wmle_post_meta, #wmle_container .wmle_item .wmle_social_share, #wmle_container .wmle_item .wmle_post_category { display:none;}
#wmle_container .wmle_item .wpme_image {  border-bottom:5px solid #fff; padding:0;}
#wmle_container .wmle_item .wpme_image img { display:block;}
#wmle_container .wp-post-image { float:none; margin:0;}
#wmle_container .wmle_item .wmle_masonary_box .wmle_post_excerpt p { font-weight:400;}
.single-img-col { float:left; margin:0 10px 0 0; width:calc(40% - 10px); }
.entry {  float:left; margin:0; overflow:hidden; position:relative; width:60%; }
p.wp-caption-text { background:#eff0f2; margin:5px 0 0 0; padding:8px 15px; }
.postmetdata { font-size:0.8em;}
.nocomments { display:none;}
.img-col { float:left; margin:0 4%; min-height:300px; width:24%; position:relative;}
.img-col img, .img-col .alt-img img { border:3px solid #fff; border-top:0; margin-right:40px; margin-bottom:0; padding:0; width:100%; height:auto;}
.img-col .main-img img {
position:relative;
}
.img-col .alt-img img {
position:absolute;
left:0;
opacity: 0;
transition:none;
}
.img-col:hover .alt-img img {
opacity:1;
}
.text-col {
float: left;
margin: 40px 0;
width: 68%;
}
.text-col h2 {
color: #716966;
font-family: "Poppins";
font-weight: 500;
text-transform: uppercase;
font-size: 22px;
margin: 0;
}
p.title:nth-child(2) {
height: auto;
width: auto;
}
.text-col p {
margin-right: 40px;
}
.entry-inner hr.white {
margin-right: -40px;
}
hr.white {
border: 0;
height: 0;
border-top: 1px solid #fff;
border-bottom: none;
margin: 18px 0;
}
.text-col p {
margin-right: 40px;
}