/*  
Theme Name: Green Design
Theme URI: https://www.greendesign.com.au/
Description: Custom Theme for Green Design
Version: 1.0
Author: Soapbox Design
Author URI: https://www.soapboxdesign.com.au
*/

/** RESET **/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* box-sizing border box */
html {-webkit-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden;}
*, *:before, *:after {  -webkit-box-sizing: inherit;  box-sizing: inherit; }

/** SITE STYLES **/

:root {
/*colours */
    --Col_GrnDk:#1a4d4f;
    --Col_GrnMid:#157681;
    --Col_GrnLt:#7cc0bc;
    --Col_GrnPl:#8cbcc1;
    --Col_Lime:#89c240;
    --Col_Sage:#82ad95;
    --Col_Copy:#303630;

/* fonts */
    --Copy: "Poppins", sans-serif;
    --CTA: "Lato", sans-serif;
    --fontawe: "Font Awesome 6 Pro";
    --Copy_xlt: 200;
    --Copy_Lt: 300;
    --Copy_Reg: 400;
    --Copy_Med: 500;
    --Copy_Bld: 700;
        
    --font-p:15px;
    --font-h1:22px;
    --font-h2:20px;
    --font-h3:18px;
    --font-h4:15px;

/* padding */
    --Pad: 40px 15px;
    --TBPad: 40px 0;
    --TBPadhalf: 20px 0;
    
    
/* Border Radius */
    --radiusTL: 20vh 0 0 0;
    --radiusTR: 0 20vh 0 0;
    --radiusBR: 0 0 20vh 0;
    --radiusBL: 0 0 0 20vh;
    --radiusR: 0 20vh 20vh 0;
    --radiusL: 20vh 0 0 20vh;
}



@media screen and (min-width: 768px) { :root {
/* padding */
    --Pad: 45px 15px;
    --TBPad: 45px 0;
    --TBPadhalf: 25px 0;

/* fonts */
    --font-p:16px;
    --font-h1:30px;
    --font-h2:26px;
    --font-h3:18px;
    --font-h4:16px;
} }

@media screen and (min-width: 1000px) { :root {
/* padding */
    --Pad: 50px 15px;
    --TBPad: 50px 0;
    --TBPadhalf: 25px 0;

/* fonts */
    --font-p:17px;
    --font-h1:34px;
    --font-h2:28px;
    --font-h3:20px;
    --font-h4:18px;
} }

@media screen and (min-width: 1500px) { :root {
/* padding */
    --Pad: 60px 15px;
    --TBPad: 60px 0;
    --TBPadhalf: 30px 0;

/* fonts */
    --font-p:18px;
    --font-h1:40px;
    --font-h2:32px;
    --font-h3:26px;
    --font-h4:20px;
} }

html { background-color: var(--Col_GrnDk); scroll-behavior: smooth; overflow-x: hidden;}
body { -webkit-text-size-adjust: none; background-color:#fff; font-size: var(--font-p); font-family: var(--Copy); overflow-x: hidden;}

h1, h2, h3, h4 { font-family: var(--Copy); color:var(--Col_GrnMid); margin:0; padding:0; text-decoration:none; outline:none; border:none; line-height:1.6; font-weight: var(--Copy_Lt);}

h1 { font-size: var(--font-h1); margin:0 0 20px 0;}
h2 { font-size: var(--font-h2); margin:0 0 15px 0;}
h3 { font-size: var(--font-h3); margin:0 0 10px 0;}
h4 { font-size: var(--font-h4); margin:0 0 10px 0;}

p, a, li { font-family: var(--Copy); margin:0; padding:0; text-decoration:none; border:none; font-weight: var(--Copy_xlt);}
p, li { color:var(--Col_Copy); line-height:1.6;}
p { margin:0 0 10px 0;}

a, button { text-decoration:none; color:var(--Col_GrnMid); border:none; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
a:hover { color:var(--Col_GrnLt);}

ul, ol { margin-left:20px; margin-bottom:10px;}
ul { list-style:disc;}
ol { list-style:decimal; font-weight:var(--Copy_Med);}

table { margin:20px auto;}
th { text-transform:uppercase; border-bottom:2px solid #aaa !important;}
th, td { padding:10px; border:1px solid #ccc;}
table tr:nth-of-type(even) { background:#f2f2f2;}
@media screen and (max-width: 600px) {table { overflow-x: auto; display: block; border-right:1px dashed #ccc; padding:30px 0; }}

b, strong, em b, i b, em strong, i strong, p strong { font-family: var(--Copy); font-weight:var(--Copy_Med);}
em, i, em b, i b, em strong, i strong { font-style: italic;}

*:focus, button:focus { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

.container { width: 100%; max-width: 1650px;}
.pgbody { min-height: 60vh;}
img { max-width: 100%; height: auto;}
img.objfit_cover {-o-object-fit: cover; object-fit: cover; width: auto; height: 100%;}

.pad_blk {padding-block:2.5vh;}
.pad_blk_lrg {padding-block:6vh;}

/* background colors */
.GreenDk {background:var(--Col_GrnDk) !important;}
.GreeMid {background:var(--Col_GrnMid) !important;}
.GreenLt {background:var(--Col_GrnLt) !important;}
.white {background:#fff !important;}

/* highlight colors */
.Txt_GreenDk {color:var(--Col_GrnDk) !important;}
.Txt_GreeMid {color:var(--Col_GrnMid) !important;}
.Txt_GreenLt {color:var(--Col_GrnLt) !important;}
.Txt_white {color:#fff !important;}

/** CTA Buttons **/
.cta_btn { border: 1px solid #fff; background: transparent; border-radius: 999px; padding: 10px 30px; position: relative; font-weight: var(--Copy_Med);}
.cta_btn:after {display: inline-block; content: '\f061'; font-family: var(--fontawe); margin-left: 7px;}

.cta_btn.btn_GrnDk { border:2px solid var(--Col_GrnDk); color: var(--Col_GrnDk); background: #fff;}
.cta_btn.btn_GrnDk:hover,
.cta_btn.cta_GrnMid:hover,
.cta_btn.cta_GrnPl:hover { border:2px solid var(--Col_Lime); background: var(--Col_Lime); color: #fff;}

.cta_btn.cta_GrnMid { border:2px solid var(--Col_GrnMid); color: var(--Col_GrnMid); background: #fff;}

.cta_btn.cta_GrnPl { border:2px solid #fff; color: #fff; background: var(--Col_GrnPl);}

.proj_det_cta { text-align:right;}
.proj_det_cta a { border: 1px solid #fff; background: transparent; border-radius: 999px; padding: 10px 30px; position: relative; font-weight: var(--Copy_Med); color:#fff;}
.proj_det_cta a:hover {background:#fff; color:#4fa9a3;}

/* CTA button colours */
.btn_GrnDk { background: var(--Col_GrnDk); color: #fff;}
.btn_GrnDk.btn_glass {background: rgba(21, 118, 129, 0.49);}
.btn_GrnDk:hover {background: var(--Col_Lime); color: var(--Col_GrnDk);}




/** HEADER **/
header { position:relative; margin:0; padding:0;}
header:hover { background-color: var(--Col_GrnDk) !important; border-bottom: 2px solid var(--Col_GrnDk);}
.NavMain { position: fixed; top: 0; width: 100%; height: auto; background-color: var(--Col_GrnDk);  -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 999;  }
.NavMain.hidden { -webkit-transform: translateY(-100%); transform: translateY(-100%); }


	
/* nav */
.NavMain .container { width: 100%; max-width: 2200px;}
.NavMain .container .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.dropdown-menu a:hover { background: transparent;}
.navbar-brand { max-width: 150px;}
.navbar-collapse, ul.navbar-nav { width: 100%;}
.collapse { border-bottom: 0 !important;}


button.navbar-toggler { color: #fff;}
.dropdown-menu a, .dropdown-menu h2 { color: #fff; font-family: var(--CTA); font-weight: var(--Copy_Med); margin-bottom: 20px;}
.dropdown-menu a span { display: block; font-weight: var(--Copy_xlt) !important; color: #419396; text-wrap: wrap; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; font-size: 90%;}
.dropdown-menu a:hover, .dropdown-menu a:hover span {color: var(--Col_Lime);}

.nav_logo { position: relative; z-index: 5000; padding-block:10px;}
.nav_logo img { height: auto; width: 90%; max-width: 250px;}
.nav_book { text-align: center;}
.nav_book a { display: block; white-space: nowrap; padding: 10px 20px !important;}
.nav_book a.btn_GrnDk { border:2px solid #fff !important; color: #fff !important; }

.navbar-text { }
.navbar-text .cta_btn { display: inline-block; padding: 10px;}

nav .nav-link {color: #fff !important;}

.dropdown-menu {background: var(--Col_GrnDk) !important; border-radius: 0; position: relative; border-top: 2px solid #fff;}
.dropdown-menu:not(.dd_expanded) li a.dropdown-item {font-size: var(--Copy_xlt) !important; margin-bottom: 0;}


@media only screen and (min-width :800px) {
    .navbar-brand { max-width: 200px;}
	.dd_expanded {margin-top:3px !important;}
}

@media only screen and (max-width :1199px) {
    header, .dropdown-menu { border: 0; background: var(--Col_GrnDk) !important;}
    .dropdown-menu {width: 95vw; }
    .nav_book a { margin-bottom: 2.5vh; margin-left: 20px;}
    .navbar-collapse { border-top: 2px solid white;}
    .dropdown a span {display: none;}
}

@media only screen and (min-width :1200px) {
    .navbar-brand { max-width: 200px;}
    .navbar {padding: 0 !important; }
    .navbar-nav {padding-inline:2vw;}
    .dropdown:hover .dropdown-menu { display: block; margin-top: 0;}
    .nav_main ul.navbar-nav li .dropdown-menu {border: 0; border-radius: 0 0 5px 5px; background: var(--Copy_ExBld) !important; padding-bottom: 0; overflow: hidden; }
    
    .NavMain nav.navbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    ul.navbar-nav { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width:100%;}
    ul.navbar-nav a, .nav_book a span:after, .dropdown-menu h2 {font-size: 13px; font-family: var(--CTA); font-weight: 700; letter-spacing: 0.5px;}
    ul.navbar-nav a:hover, .nav_book a:hover span:after {text-decoration: none;}
    ul.navbar-nav a:hover { color: var(--Col_Lime) !important;}
    /*.dropdown { position: relative !important; }*/
    .dropdown.dd_static { position: static !important;}
	.dropdown-menu {background: var(--Col_GrnDk) !important; border-radius: 0; position: relative; border-top: 2px solid #fff; -webkit-box-shadow: 0 10px 6px -4px rgba(0,0,0,0.4);}
    .dropdown a.dropdown-toggle:after { display: none;}
	.dropdown-menu:before,
    .dropdown-menu:after {position: absolute; top: -2px; width: 2500px; display: block; content: ''; background: var(--Col_GrnDk); height: 100%; border-top: 2px solid #fff;-webkit-box-shadow: 0 10px 6px -4px rgba(0,0,0,0.4); box-shadow: 0 10px 6px -4px rgba(0,0,0,0.4); }
    .dropdown-menu:before { left: -2490px;}
    .dropdown-menu:after { right: -2490px;}
    .dropdown-menu.dd_expanded { -webkit-box-shadow: 0 !important; box-shadow: 0!important; margin-top: 0px !important; width: 100% !important; position: absolute !important; left: 0; border-radius: 0; background-color: var(--Col_GrnDk); border: 0 solid transparent;  border-top: 2px solid #fff; position: relative;}
    .dropdown-menu.dd_expanded h2 { color: #fff; margin-left: 15px;}
    .dropdown-menu.dd_expanded:before,
    .dropdown-menu.dd_expanded:after {position: absolute; top: 0; width: 1500px; display: block; content: ''; background: var(--Col_GrnDk); height: 100%; z-index:0; }
    .dropdown-menu.dd_expanded:before { left: -1495px;}
    .dropdown-menu.dd_expanded:after { right: -1505px;}
    nav .nav-link {padding-block:55px;}

    nav .dropdown-menu {padding-block:2vh;}

}


@media only screen and (min-width :1400px) {
    .navbar-brand { max-width: 275px;}
    ul.navbar-nav a, .nav_book a span:after, .dropdown-menu h2 {font-size: 15px;}
}

@media only screen and (min-width :1800px) {
    ul.navbar-nav a, .nav_book a span:after, .dropdown-menu h2 {font-size: 16px;}
}

@media only screen and (min-width :2000px) {
    ul.navbar-nav a, .nav_book a span:after, .dropdown-menu h2 {font-size: 18px;}
}
	
/** CONTENT **/
.hd_pnl, .hd_pnl.hme_head { background: var(--Col_GrnDk); height: auto; width: 100vw; padding-bottom: 3.5vh; position:relative; }
.hd_pnl.hme_head { height: 100vh !important;}
.hd_pnl.hme_head:before { content: ''; display: block; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)),color-stop(35%, rgba(0,0,0,0.25)),color-stop(50%, rgba(0,0,0,0.25)),to(rgba(0,0,0,0.5))); background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 35%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0.5) 100%); top: 0; left: 9; width: 100%; height: 100%; position: absolute;}
.hd_pnl_txt { padding: 0; position: relative;  }
.hd_pnl_txt_in { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 5vh 0px; position: relative;}
.hd_pnl.blog { height: 50vh;}
.head_cont { width: 100%; }
.head_cont a, .head_cont span.current, .head_cont h1, .head_cont p { color: #fff; position: relative;}
.head_cont a { font-weight:var(--Copy_Med); text-decoration: underline; display: none;}
.head_cont a:hover { color: var(--Col_GrnLt);}

.head_cont .head_cta_btn a.cta_btn {background: var(--Col_GrnMid) !important; color: #fff; display: inline-block; margin-top: 15px; text-decoration: none; display: none;}
.head_cont .head_cta_btn a.cta_btn:hover {background: var(--Col_Lime) !important; display: none;}
.breadcrumb a, .breadcrumb span.current {text-decoration: none; margin-right: 7px;}
.breadcrumb, .breadcrumb a:hover:before, .breadcrumb a:before, .breadcrumb span.current:before, .breadcrumb a { color: #fff !important; text-transform:lowercase !important;}
.breadcrumb a:before, .breadcrumb span.current:before {content: '/'; font-weight:var(--Copy_Med); margin-right: 7px; }
.head_cont h1 { font-size: calc(20px + 1.35vw); line-height: 1.4; display: block; margin-bottom: 10px;}
.head_cont a.more_cta { position: relative; margin-top: 20px; margin-bottom: 0; }
.head_cont a.more_cta.hide {display: none;}
.hd_pnl_img { height: 33vh; padding: 0; border-radius:0 0 0 20vh; overflow: hidden;}	
.hd_pnl_img img {-o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}

.article .hd_pnl { background: #1a4d4f !important;}
.article .hd_pnl_img { border-radius:0 0 0 20vh; z-index: 2;}


.head_cont a.more_cta { display: block; width: 100%; max-width: 200px; text-align: center; border: 2px solid var(--Col_GrnMid); color: var(--Col_GrnMid); text-decoration: none;}
.head_cont a.more_cta:hover { border: 2px solid var(--Col_GrnLt); color: var(--Col_GrnLt);}
.head_cont a.more_cta span:before { content: 'More'}
.head_cont a.more_cta[aria-expanded="true"] span:before { content: 'Less'}

.hd_pnl .cta_btn:after {display: inline-block; content: '\f061'; font-family: var(--fontawe); margin-left: 7px;}

.head_cont a[href^="http"],
.head_cont .head_cta_btn a.cta_btn[href^="http"],
.head_cont a[href^="https"],
.head_cont .head_cta_btn a.cta_btn[href^="https"],
.head_cont a[href^="#"],
.head_cont .head_cta_btn a.cta_btn[href^="#"] { display: inline-block;}

.card-body .cta_btn:after, .hd_pnl a.more_cta[aria-expanded="true"]:after { content: '\f060'}
			
.collapse { border-bottom: 1px solid var(--Col_GrnLt);}
.hd_collapse_pnl { padding-block:3vh;}	
.hd_collapse_pnl .more_btn_out { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.card-body a.cta_btn {border: 2px solid var(--Col_GrnMid) !important; color: var(--Col_GrnMid); font-weight: var(--Copy_Med);}
.card-body a.cta_btn:hover {border: 2px solid var(--Col_GrnLt) !important; color: var(--Col_GrnLt); text-decoration: none;}

/*@media only screen and (max-width :1000px) {
    .head_cont h2, .head_cont p { display: none; visibility: hidden; height: 0; width: 0;}
    }*/

@media only screen and (min-width :768px) {
	.hd_pnl.hme_head:before { content: ''; display: block; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)),color-stop(35%, rgba(0,0,0,0)),color-stop(50%, rgba(0,0,0,0)),to(rgba(0,0,0,0.5))); background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%); top: 0; left: 9; width: 100%; height: 100%; position: absolute;}
    .hd_pnl_txt_in { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5vh 7.5vh;}
    .head_cont a.more_cta { position: absolute; bottom: 10%;}
   
}
    
@media only screen and (min-width :1000px) {
    .hd_pnl { height: 85vh;}
    .head_cont p { display: block; font-size: 1.5vh;}
    .hd_pnl .row { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%;}
    .hd_pnl_txt_in { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5vh 7.5vh;}
    .hd_pnl_img { height: 100%; padding: 0; border-radius:0 0 0 30vh; overflow: hidden; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;}
    .article .hd_pnl:after { display: block; content: ''; position: absolute; bottom: 15vh; right: 0; width: 25vh; height: 25vh; background: #5098a1;}
    .hd_collapse_pnl .col-md-6:nth-of-type(1) {padding-right: 2.5%;}
    .hd_collapse_pnl .col-md-6:nth-of-type(2) {padding-left: 2.5%;}
    
}


/** MODULES **/

/* Intro */
.gd_intro { background: #4ba9a3; border-radius: 0 0 7.5vh 0;}
.gd_intro .container { padding: 10vh;}
.gd_intro .container p { color: #fff; font-size: var(--font-h3); text-align: center;}

/* 2 Column Img/Txt */
.cols2_imgtxt { padding-block:5vh;}
.cols2_imgtxt .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.cols2_imgtxt .row > div { }
.cols2_imgtxt_itm {margin-bottom: 5vh; display: -webkit-box; display: -ms-flexbox; display: flex;}
.cols2_txt { padding: 2.5vh 5vh; display: -webkit-box; display: -ms-flexbox; display: flex; }
.cols2_txt_in { max-width: 800px;}
.cols2_txt_in a.cols2_link { background: var(--Col_GrnPl); padding: 15px 30px; text-align: center; line-height: 1; color: #fff; font-weight: var(--Copy_Mid); border-radius: 999px; display: inline-block; margin-top: 40px;}
.cols2_img { height: auto; height: 45vh; overflow: hidden; padding: 0;}
.cols2_txt_in a.cols2_link:after { content: '\f178'; font-family: var(--fontawe); margin-left: 7px;}
.cols2_txt_in a.cols2_link:hover { background: var(--Col_GrnMid);}
.cols2_img img {height: 100%; width: auto; -o-object-fit: cover; object-fit: cover;}
.cols2_imgtxt_itm:nth-child(even) .cols2_img {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
.cols2_imgtxt_itm:nth-child(even) .cols2_txt {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.cols2_imgtxt_itm .cols2_img {border-radius: 0 0 7.5vh 0 !important;}
.cols2_imgtxt_itm:nth-child(even) .cols2_img {border-radius: 7.5vh 0 0 7.5vh !important;}
.cols2_imgtxt_itm:first-child .cols2_img {border-radius: 0 0 7.5vh 0 !important;}
.cols2_imgtxt_itm:last-child .cols2_img {border-radius: 7.5vh 0 0 0 !important;}


    /* reversed option */

    .cols2_imgtxt.reversed .cols2_imgtxt_itm { display: flex; align-items: center;}
    .cols2_imgtxt.reversed .cols2_imgtxt_itm:nth-of-type(odd) .cols2_img {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;border-radius: 7.5vh 0 0 7.5vh !important;}
    .cols2_imgtxt.reversed .cols2_imgtxt_itm:nth-of-type(odd) .cols2_txt {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
    .cols2_imgtxt.reversed .cols2_imgtxt_itm:nth-of-type(even) .cols2_img {order: 0; border-radius: 0 7.5vh 7.5vh 0 !important;}
    .cols2_imgtxt.reversed .cols2_imgtxt_itm:nth-of-type(even) .cols2_txt {-webkit-box-pack: start;-ms-flex-pack: end;justify-content: flex-start;}
    .hme .cols2_imgtxt.reversed .cols2_txt_in h1 { margin-left: unset !important;}

@media only screen and (max-width :1000px) {
    .cols2_imgtxt .cols2_imgtxt_itm .cols2_txt { order: 2;}
    .cols2_imgtxt .cols2_imgtxt_itm .cols2_img { width: 95%;}
    .cols2_imgtxt .cols2_imgtxt_itm:nth-of-type(odd) .cols2_img { margin-right: 5%;}
    .cols2_imgtxt.reversed .cols2_imgtxt_itm:nth-of-type(odd) .cols2_img { margin-left: 5%;}
}

@media only screen and (min-width :1000px) {
    .cols2_imgtxt.reversed .cols2_imgtxt_itm .cols2_img { width: 52.5%;}
    .cols2_imgtxt.reversed .cols2_imgtxt_itm .cols2_txt { width: 47.5%;}
}

.fw_2cols { border-radius: 7.5vh 7.5vh 0 0; margin-top: 5vh; display: flex; overflow: hidden; background: var(--Col_GrnPl); flex-direction: column;}
.fw_2cols > div { width: 100%;}
.fw_2cols > div img { height: 100%; width: 100%; object-fit: cover;}
.fw_2cols_txt {justify-content: flex-end; align-items: center; display: flex; padding: 5vh;}
.fw_2cols_txt > div { max-width: 650px;}
.fw_2cols_txt p { color: #fff;}

@media only screen and (max-width :1000px) {
.fw_2cols_txt {order: 2;}
}

@media only screen and (min-width :1000px) {
    .fw_2cols {flex-direction: row;}
    .fw_2cols > div { width: 50%;}
}

/* Product Details */
.prod_dets { background: var(--Col_GrnDk) !important;}
.prod_dets > div { background: #4ba9a3; border-radius: 0 0 7.5vh 0; border-top: 2px solid #fff;}
.prod_dets .container { padding: 5vh;}
.prod_dets h1, .prod_dets p, .prod_dets p span {color: #fff;}
.prod_dets h1 { border-bottom: 1px solid #fff; margin-bottom: 30px;}
.prod_dets p span { font-size: var(--font-h3);}
.prod_dets img {height:50px; width:auto;}


/* testimonials carousel */
.mod_testimonial_caro {position: relative;}
.mod_testimonial_caro:before {content: ''; display: block; background: var(--Col_GrnDk); width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; z-index: 0;}
.hme .mod_testimonial_caro:before,
.locations .mod_testimonial_caro:before {content: ''; display: block; background: var(--Col_GrnMid); width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; z-index: 0;}
.locations .mod_testimonial_caro:after {content: ''; display: block; background: var(--Col_GrnDk); width: 100%; height: 50%; position: absolute; left: 0; top: 0; z-index: 0;}
.mod_testimonial_caro .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.mod_testcaro_txt_wrp { border: 1px solid var(--Col_GrnLt); border-radius: 0 7.5vh 7.5vh 0; padding: 7.5vh; background: #fff; position: relative; z-index: 1;}
.mod_testcaro_img, .mod_testcaro_img_in { padding: 0; position: relative; z-index: 1; height: 50vh;}
.mod_testcaro_txt_wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.mod_testcaro_txt_in { max-width: 750px; position: relative; }
.testcaro_controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.testcaro_controls:before {position: absolute; top: 0; left: 0; content: '\f10d'; font-family:var(--fontawe); display: block; font-weight: 800; color: var(--Col_GrnDk); font-size: 7vh;}
.testcaro_controls a:first-of-type {margin-right: 10px;}
.testcaro_txt {padding-block:10vh;}
.testcaro_txt p, .testcaro_txt cite { color: var(--Col_GrnDk) !important; font-style: italic !important; text-align: left !important;}
.testcaro_txt cite { color: var(--Col_Lime) !important;}
.testcaro_5str img { width: 80%; max-width:500px;}
.mod_testcaro_img { overflow: hidden;}
.mod_testcaro_img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.hme .mod_testcaro_txt_wrp,
.locations .mod_testcaro_txt_wrp { display: flex; justify-content: flex-start; border-radius: 7.5vh 0 0 7.5vh;}

/* FAQs */
.mod_faqs {background:#fff !important; padding-bottom: 5vh; border-top: 1px solid #fff;}
.directory .mod_faqs {background: #fff; padding-bottom: 0;}
.mod_faqs_in { background: var(--Col_GrnPl); border-radius: var(--radiusBR); padding-block: 5vh; padding-inline:15px;}
.mod_faqs_in .container h2 { font-size: 3vh; color: #fff; border-bottom: 1px solid #fff; margin-bottom: 2.5vh;}

.accordion *, .accordion button, .accordion button[aria-expanded="true"] { border: 0 !important; background: none; border-radius: 0; padding: 0;}
.accordion button:after { display: none;}
.accordion button:before { position: absolute; top: 50%; left: -35px; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: '\2b'; font-family:var(--fontawe); display: block; font-weight: 800; color: var(--Col_GrnDk); font-size: 1.7vh;}
.accordion button[aria-expanded="true"]:before { content: '\f068'}
.accordion-header, .accordion-body {padding-inline: 50px 7.5%; }
.accordion h2 { border-bottom: 0 !important; text-decoration: none; margin-bottom: 0 !important;}
.accordion button, .accordion button[aria-expanded="true"] {color: var(--Col_GrnDk); font-weight: var(--Copy_Med);  font-size: var(--font-h4); padding-block:1.5vh; }
.accordion-body {padding-block: 2vh; }
.accordion-body p { color: #fff; font-size: var(--font-p); line-height: 1.5;}

@media only screen and (min-width :1000px) {
    .mod_faqs_in {padding-inline:35px !important;}
}

/* Collection / Services */
.gd_collection { padding-top:5vh; padding-bottom:7.5vh; position: relative;}
.gd_collection:before {content: ''; display: block; background: #92b9a6; position: absolute; bottom: 0; left: 0; width: 100vw; height: 60%;}
.gd_collection .slider { width: 97.5%; margin: 0 20px; padding-inline:20px;  }
.gd_collection .slick-slide { margin: 0px 15px; overflow: hidden; position: relative;}
.gd_collection .slick-slide > div { height: 33vh; min-height: 250px; border:2px solid white; overflow: hidden; position: relative;}
.gd_collection .slick-slide:nth-of-type(4n+1) > div { border-radius: 4vh !important;}
.gd_collection .slick-slide:nth-of-type(4n+2) > div { border-radius: 999px !important;}
.gd_collection .slick-slide:nth-of-type(4n+3) > div { border-radius: 0 4vh 0 4vh !important;}
.gd_collection .slick-slide:nth-of-type(4n+4) > div { border-radius: 50% 0 4vh 4vh !important;}
.gd_collection .slick-slide img { height: 100%; width: 100%; object-fit: cover; }

.gd_collection_txt { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 55%,rgba(0,0,0,0.65) 100%); padding: 30px 20px; z-index: 100;}
.gd_collection_txt h2 { color: #fff; font-size: var(--font-h4);}
.gd_collection_txt span { color: #fff; border-radius: 999px; border: 1px solid #fff; background: rgba(255,255,255,0.6); padding: 3px 20px; -webkit-transition:background .2s ease-out; transition:background .2s ease-out;}
.gd_collection .slick-slide:hover .gd_collection_txt span { background: var(--Col_GrnDk);}
.gd_collection .slick-slide a, .gd_collection .slick-slide a > div { height: 100% !important;}

.gd_collection .slider a {background: var(--Col_GrnDk);}
.gd_collection .slider a:hover img {opacity: 0.5;}

/* Clients Slider */
    .hme_clients .slider { width: 90%; margin: 0 20px; padding-inline:20px;  }
    .hme_clients .slick-slide { margin: 0px 0.12vw; }
    .hme_clients .slick-slide img { width: 100%; }
    .hme_clients .slick-slide { transition: all ease-in-out .3s; opacity: 1; }
    .hme_clients .slick-active, .hme_clients .slick-current { opacity: 1; }

/* Further Reading */
.mod_xtra_reading .container { padding: var(--TBPad); padding-inline:15px;}
.mod_xtra_reading .container h2 { font-size: 3vh; color: var(--Col_GrnMid); border-bottom: 1px solid var(--Col_GrnPl);}
.xtra_reading_itm { margin-bottom: 40px;}
.xtra_reading_itm a {background: var(--Col_GrnPl); padding: 10px 25px; color: #fff; font-weight: var(--Copy_Mid); line-height: 1; display: inline-block; border-radius: 999px;}
.xtra_reading_itm a:hover { background: var(--Col_GrnMid);}
.xtra_reading_itm p {padding-block:15px;}


@media only screen and (min-width :700px) {
    .mod_xtra_reading_in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
    .xtra_reading_itm { width: 30%; padding-block: 2.5%;}
}

/* Video */
.vid { padding-block: 2.5vh;}
.vid .vid_head { text-align: left; padding-bottom: 2.5vh;}
.vid .vid_head h2 { font-size: var(--font-h1);}
.vid_embed { border-radius: 7.5vh 7.5vh 0 0; overflow: hidden;}
.vid_blurb {padding-top: 2.5vh;}
.vid_blurb > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.vid_blurb a.cta_btn { display: inline-block; margin-top: 20px; max-width: 200px; }

.hme .vid .vid_intro p:first-of-type { color: var(--Col_Lime); font-weight: var(--Copy_Med);}



@media only screen and (min-width :700px) {
    .vid { padding-block: 5vh;}
    .vid .vid_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* -webkit-box-align: center; -ms-flex-align: center; align-items: center; */}
    .vid .vid_head div { /*max-width: 45% !important;*/ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left;}
	.vid .vid_head h2 { padding-right:2.5vh !important;}
	.vid .vid_head .vid_ttl { width:33% !important;}
	.vid .vid_head .vid_intro { width:67% !important;}
}

/* Project Spotlight */
.proj_spotlgt { padding-block: 5vh;}

.projspot_itm { background: var(--Col_GrnMid); border-radius: 0 0 0 7.5vh; overflow: hidden; margin-top: 5vh;}
.projspot_itm_img { padding: 0; height: 55vh; min-height:350px;}
.projspot_itm_img img { height: 100%; width: auto; -o-object-fit: cover; object-fit: cover; }

.projspot_itm_quote { display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;padding: 2.5vh; background: var(--Col_GrnDk);}
.projspot_itm_quote h3 { color: var(--Col_Lime); font-size: var(--font-h2);}
.projspot_itm_quote q { color: var(--Col_GrnPl); font-size: var(--font-h4); line-height: 1.5; font-weight: var(--Copy_Lt);}
.projspot_itm_cont {padding: 5vh; }
.projspot_itm_cont p { color: #fff;}
.projspot_itm_cont p:last-of-type { margin-bottom: 40px;}

@media only screen and (min-width :700px) {
    .proj_spotlgt { padding:2.5vh 5vh;}
    .proj_spotlgt .projspot_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;padding-bottom: 2.5vh; }
    .proj_spotlgt .projspot_head div { max-width: 45% !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
    .proj_spotlgt .projspot_head div h2 { text-align: left; line-height: 1; font-size: var(--font-h1);}
    .proj_spotlgt .projspot_head_cta { text-align: right;}
    .proj_spotlgt .projspot_head_cta a:nth-of-type(2) { margin-left: 20px;}
    .projspot_itm_cont {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
	 .projspot_itm_img { padding: 0; height: 52vh;}
}

/* Gallery */
.gd_gal {padding-bottom:5vh; }
.gd_nav .container { padding-bottom: 2.5vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}

.gal_main {background: #9cc7cb; padding-top:5vh;}
.gal_itm_txt, .gal_itm_txt p { text-align: center; color: #fff; font-size: var(--font-h3); margin-bottom: 20px; font-weight: var(--Copy_Lt);}
.gal_main .gal_itm_img { border-radius: 7.5vh 7.5vh 0 0; overflow: hidden; width: 100%; height: 33vh; min-height: 300px; overflow: hidden;}
.gal_main .gal_itm_img img { height: 100%; width: 100%; object-fit: cover; }

@media only screen and (min-width :700px) {
    .gal_main .gal_itm_img { height: 70vh; min-height: 600px;}
}

/** RESOURCES **/
.filter_pnl { padding-block:5vh;}
.filter_pnl .container { position: relative; border-bottom: 1px solid var(--Col_GrnPl);}
.filter_pnl .container .card-body { padding-bottom:5vh;}
.filter_pnl .container button.btn { position: absolute; bottom: -20px; left: 0; border-radius: 0 50% 0 50%; background: #fff; border: 1px solid var(--Col_GrnPl); padding: 5px 15px; color: var(--Col_GrnPl); font-size: 20px; font-weight: 800;}
.filter_pnl .container button.btn:hover, .filter_pnl .container button.btn[aria-expanded="true"] {background: var(--Col_GrnPl); color: #fff;}
.filter_pnl .card { border-radius: 0; border: 0;}

.res_itm { border-radius: 5vh 5vh 0 0; overflow: hidden; background: #f5f8f6; margin-bottom: 30px;}
/*.res_img { height: 100%; width: 100%; padding: 0;}*/
.res_img { height: 33dvh; width: 100%; padding: 0;}
.res_img img { height: 100%; width: 100%; object-fit: cover;}
.res_txt { padding: 2.5vh 5vh 2.5vh 2.5vh;}
.res_txt p:last-of-type { margin-bottom: 40px;}
.res_txt a {border-radius: 999px; display: inline-block; background: #b9e1e5; color: var(--Col_GrnMid); font-weight: var(--Copy_Med); padding: 10px 20px; line-height: 1;}
.res_txt a:hover { background: var(--Col_Lime); color: #fff;}


/** VERTICAL CAROUSEL **/
.vert_caro  { height: 60vh; margin-block:2.5vh;}
.vert_caro .carousel-inner, .vert_caro .carousel, .vert_caro .carousel-item, .vert_caro .carousel-container { height: 100%; }

.vert_caro  .carousel-item-prev:not(.carousel-item-end), .vert_caro  .active.carousel-item-start { transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); }
.vert_caro .carousel-item-next:not(.carousel-item-start), .vert_caro  .active.carousel-item-end { transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); }

.vert_caro .carousel-indicators { top: 50%; position: absolute; width: 60%; margin: auto; height: 20px; right: 10px; left: 40%; display: block; }
.vert_caro .carousel-indicators [data-bs-target] { background: none; border: 2px solid var(--Col_GrnPl); border-radius: 12px; width: 12px; height: 12px; margin-bottom: 5px; }
.vert_caro .carousel-indicators li.active { background: var(--Col_GrnPl); }

.vert_caro * { padding: 0;}
.v_caro_sect { display: flex; justify-content:flex-end; align-items: center; height: 60vh; }
.v_caro_sect p { color: var(--Col_Copy); text-align: left;}
.v_caro_txt { }
.v_caro_txt > div {max-width: 700px; padding:2.5vh 5vh 2.5vh 2.5vh; }
.v_caro_img > div { border-radius: 10vh 0 0 10vh; overflow: hidden; padding: 0; height: 100%; width: 100%;}

.v_caro_img > div img { height: 100%; width: 100%; object-fit: cover;}

.vert_caro:nth-of-type(even) {}
.vert_caro:nth-of-type(even) .v_caro_txt { order: 2;}
.vert_caro:nth-of-type(even) .v_caro_sect { justify-content:flex-start;}
.vert_caro:nth-of-type(even) .v_caro_txt > div {padding:2.5vh 2.5vh 2.5vh 5vh; }
.vert_caro:nth-of-type(even) .carousel-indicators { left: 59%;}

.about .vert_caro {background: var(--Col_GrnPl); margin-block: 0;}
.pgbody.about .vert_caro:nth-of-type(even) { border-top-left-radius: 7.5vh !important;}
.about .vert_caro .v_caro_sect p { color: #fff;}
.about .vert_caro .carousel-indicators [data-bs-target] { border: 2px solid #fff;}
.about .vert_caro .carousel-indicators li.active { background: #fff; }

.about .vert_caro .v_caro_txt { order: 0;}
.about .vert_caro .v_caro_sect { justify-content:flex-end;}
.about .vert_caro .v_caro_txt > div {padding:2.5vh 2.5vh 2.5vh 5vh; }
.about .vert_caro .carousel-indicators { left: 40%;}

.about .vert_caro:nth-of-type(odd) {}
.about .vert_caro:nth-of-type(odd) .v_caro_txt { order: 2;}
.about .vert_caro:nth-of-type(odd) .v_caro_sect { justify-content:flex-start;}
.about .vert_caro:nth-of-type(odd) .v_caro_txt > div {padding:2.5vh 2.5vh 2.5vh 5vh; }
.about .vert_caro:nth-of-type(odd) .carousel-indicators { left: 59%;}

.vert_caro_2 { border: 2px solid green; height: 75vh;}


/* Service carousel */
.serv_caro { position: relative; padding-bottom: 5vh;}
.serv_caro:before {background: #82ad95; position: absolute; bottom: 0; left: 0; width: 100%; height: 66%; content: ''; display: block;}
.serv_caro_head { display: flex; justify-content: space-between; align-items: center;}
.serv_caro .carousel {padding: 0;}
.serv_caro .carousel-inner {display: flex; padding: 0; }
.serv_caro .carousel-item { }
.serv_caro .carousel-item .col-md-3 { justify-content: center; display: flex;}
.serv_caro .carousel-item .card { width: 95%; padding: 0; overflow: hidden !important; border: 2px solid white; }
.serv_caro .carousel-item .card-img { height: 33vh;}
.serv_caro .carousel-item .card-img img { width: 100%; height: 100%; object-fit: cover;}
.serv_caro .carousel-item .col-md-3:nth-of-type(1) .card { border-radius: 3vh !important;}
.serv_caro .carousel-item .col-md-3:nth-of-type(2) .card { border-radius: 45% !important;}
.serv_caro .carousel-item .col-md-3:nth-of-type(3) .card { border-radius: 0 5vh 0 5vh !important;}
.serv_caro .carousel-item .col-md-3:nth-of-type(4) .card { border-radius: 50% 0 3vh 3vh !important;}

@media (max-width: 767px) {
		.serv_caro .carousel-inner .carousel-item > div {
			display: none;
		}
		.serv_caro .carousel-inner .carousel-item > div:first-child {
			display: block;
		}
	}

	.serv_caro .carousel-inner .carousel-item.active,
	.serv_caro .carousel-inner .carousel-item-next,
	.serv_caro .carousel-inner .carousel-item-prev {
		display: flex;
	}

	/* medium and up screens */
	@media (min-width: 768px) {

		.serv_caro .carousel-inner .carousel-item-end.active,
		.serv_caro .carousel-inner .carousel-item-next {
			transform: translateX(25%);
		}

		.serv_caro .carousel-inner .carousel-item-start.active, 
		.serv_caro .carousel-inner .carousel-item-prev {
			transform: translateX(-25%);
		}
	}

	.serv_caro .carousel-inner .carousel-item-end,
	.serv_caro .carousel-inner .carousel-item-start { 
		transform: translateX(0);
	}

/** DIRECTORY **/
.dir_feed {}
.dir_feed > .row { padding-top:2.5vh;}
.dir_feed h1 { color: var(--Col_Lime); margin-bottom: 0px; line-height: 1.2;}
.dir_feed h2 { color: var(--Col_GrnPl); font-size: var(--font-h2);}
.dir_feed h2 span {font-weight: var(--Copy_Med);}
.dir_itm {border:1px solid var(--Col_GrnPl); border-radius: 0 2.5vh 2.5vh 0; margin-bottom: 30px; overflow: hidden;}
.dir_itm_txt { padding: 3vh;}
.dir_itm_txt .dir_dets {font-weight: var(--Copy_Lt); line-height:1.6;}
.dir_itm_txt .dir_dets * { padding-block:7px;}
.dir_itm_txt .dir_cat {font-weight: var(--Copy_Med);}
.dir_caro_btns { background: rgba(255,255,255,0.75); position: absolute; bottom: 20px; right: 20px; border-radius: 999px; line-height: 1; padding: 10px 15px; border: 2px solid #fff;}
.dir_caro_btns a { padding: 7px 7px; color: var(--Col_GrnPl);}
.dir_caro_btns a:hover { color: var(--Col_GrnMid);}
.dir_feed .carousel-inner { height: 40vh;}
.dir_feed .carousel-item { height: 100%; width:100%;}
.dir_feed .carousel-item img { height: 100%; width:100%; object-fit: cover;}

/** BLOG **/
.hd_pnl.head_post {position: relative;}
.hd_pnl.head_post { min-height: 60vh; height: auto;}
.hd_pnl.head_post .hd_pnl_txt_in {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.hd_pnl.head_post .head_cont {  margin-top: 10%;}
.hd_pnl.head_post .head_cont h1 {font-size: var(--font-h1);}
.hd_pnl.head_post:after { position: absolute; bottom: -1px; right: 0; display: block;  content: ''; background: url(/wp-content/uploads/2025/02/blog_head_curve.svg) bottom right no-repeat; background-size: contain; width: 10vw; height: 10vw; z-index: 10;}
.blog_feed > .row { padding-top:2.5vh;}
.blog_feed h1 { color: var(--Col_GrnPl); margin-bottom: 20px; line-height: 1.2;}
.blog_feed h2 { color: var(--Col_GrnPl); font-size: var(--font-h3);}
.blog_feed h2 span {font-weight: var(--Copy_Med);}
.blog_feed_itm {padding-bottom: 10vh; position: relative; }
.blog_feed_itm_in { background: #fff; border-radius: 0 5vh 5vh 0;  overflow: hidden; position: relative; z-index: 2;}
.blog_feed_img { width: 100%; height: 33vh; min-height: 200px; overflow: hidden;}
.blog_feed_img img { width: 100%; height: 100%; object-fit: cover;}
.blog_feed_txt { padding: 3vh; position: relative;}
.blog_feed_txt h1 { color:var(--Col_GrnMid);}
.blog_feed_txt h1:hover { color: var(--Col_GrnLt);}
.blog_feed_txt p:last-of-type { padding-bottom: 8vh;}
.blog_feed_txt span.cta_btn { position: absolute; bottom: 4vh; border:2px solid var(--Col_GrnMid); color: var(--Col_GrnMid); background: #fff;}

.blog_feed_itm {position: relative; padding-bottom: 12.5vh;}
/*.blog_feed_itm:before {content: ''; position: absolute; display: block; top: 33vh; width: 2000px; height: calc(33vh + 7.5vh); left: -500px; background: #7cc0bc; margin-bottom: 10vh;  }
.hme_feed .blog_feed_itm:before {height: calc(33vh + 17.5vh);}*/

.blog_feed_itm_in:hover h1 { color: var(--Col_Lime);}
.blog_feed_itm_in:hover span.cta_btn { border: 2px solid var(--Col_Lime); background: var(--Col_Lime); color: #fff;}

.blog_feed {position: relative;}
.blog_feed_itm { position: relative; background: #7cc0bc; padding-bottom: 5vh; margin-bottom: 5vh;}
.blog_feed_itm:before {content: ''; display: block; position: absolute; top: 0; left: -2200px; background: #fff; width: 4500px; height: 33vh; z-index: 1; }
.blog_feed_itm:after {content: ''; display: block; position: absolute; top: 0; left: -2200px; background: #7cc0bc; width: 4500px; height: 100%; z-index: 0; }

.hme_feed a.cta_btn.cta_btm {position: absolute; bottom: 25px; display: block !important; width: 100% !important; max-width: 300px; display: block;text-align: center; }

.hd_pnl_art { border-top: 2px solid #fff; padding-block:7px;}
.hd_pnl_art .container { display: flex; justify-content: space-between; max-width: 2125px; padding-block:15px;}
.hd_pnl_art .container * { line-height: 1; margin-bottom: 0;}
.hd_pnl_art .breadcrumb a, .hd_pnl_art .breadcrumb span.current {text-decoration: none; margin-right: 7px; color: #fff !important;}
.hd_pnl_art .breadcrumb a:hover:before, .hd_pnl_art .breadcrumb a:before, .hd_pnl_art .breadcrumb span.current:before { color: #fff !important;}
.hd_pnl_art .breadcrumb a:before, .hd_pnl_art .breadcrumb span.current:before {content: '/'; font-weight:var(--Copy_Med); margin-right: 7px; }
.hd_pnl_art .cta_btn { border: 2px solid var(--Col_GrnMid); padding: 5px 20px;}
.hd_pnl_art .cta_btn:after, .article_wrap .cta_btn:after {display: none;}
.hd_pnl_art .cta_btn:before, .article_wrap .cta_btn:before  {display: inline-block; content: '\f177'; font-family: var(--fontawe); margin-right: 7px;}

.article_wrap { margin-bottom:5vh;}
.article_cont p, .article_cont li { color: var(--Col_GrnMid); margin-bottom: 10px;}
.article_cont a { font-weight:var(--Copy_Med); text-decoration:underline;}
.article_cont, .article_sb {padding-block:5vh; padding-bottom:10vh; min-height:75vh;}
.article_cont .cta_btn { display:inline-block; margin-top:5vh; text-decoration:none;}
.article_sb {background: #5098a1; position: relative; padding-inline:5vh; border-radius:0 0 0 10vh;}
.article_sb:before {background: #5098a1; display: block; content: ''; width: 500px; height: 100%; position: absolute; top: 0; right: -500px;}
.article_sb p { color: #fff; font-size: var(--font-h4);}

.head_cont .head_arrow {position: absolute; bottom: 10%; right: 10%;}

@media only screen and (min-width :800px) {
    .blog_feed_itm:nth-of-type(odd) {padding-right: 2.5vh;}
    .blog_feed_itm:nth-of-type(even) {padding-left: 2.5vh;}
	.hd_pnl.head_post .hd_pnl_img {line-height: 0;}
	.hme_feed .blog_feed_itm:before {height: calc(33vh + 20vh); }
    .hme_feed a.cta_btn.cta_btm {position: absolute; bottom: 45px;}
}

@media only screen and (min-width :1000px) {
    .article_cont { padding-right: 5vh;}
	.hme_feed .blog_feed_itm:before {height: calc(33vh + 23vh); }
    .hme_feed a.cta_btn.cta_btm {position: absolute; bottom: 25px;}
}

@media only screen and (min-width :1300px) {
    .hme_feed .blog_feed_itm:before {height: calc(33vh + 25vh); }
    .hme_feed a.cta_btn.cta_btm {position: absolute; bottom: 15px;}
}

@media only screen and (min-width :1800px) {
    .hme_feed .blog_feed_itm:before {height: calc(33vh + 15vh); }
    .hme_feed a.cta_btn.cta_btm {position: absolute; bottom: 15px;}
}

/** HOME **/
.hme .NavMain { background: transparent;}
.hme .hd_pnl { position: relative; width: 100vw; height: 100vh; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative;}
.hme_head_txt { width: 100%; max-width: 1800px; padding-inline:2.5vh; position: absolute; left: 50%; transform: translateX(-50%); bottom: 5vh; }
.hme_head_txt h1 { color: #e0f99d; font-size: var(--font-h3); font-weight:var(--Copy_Med); text-transform: uppercase; line-height: 1; }
.hme_head_txt h2 { color: #fff; font-size: 7vh; line-height: 1;}
.hme_head_txt h2 a { font-size: var(--font-p); font-weight: var(--Copy_Med); color: #fff !important; border:2px solid #fff !important; display: block; margin-top: 20px; text-align: center; max-width: 300px;}

.hme .pgbody { padding-top: 2.5vh;}

.hme .cols2_imgtxt_itm { align-items: flex-start; }
.hme .cols2_imgtxt_itm .cols2_img {border-radius: 0 0 7.5vh 0; overflow: hidden;}
.hme .cols2_img_in {height: 100%; }
.hme .cols2_img_in img { width: 100%; height: 100%; object-fit: cover;}
.hme .cols2_txt_in h1 { font-size: 4vh;}

.hme_proj_spotlgt { padding-block:5vh;}
.hme_proj_spotlgt .projspot_head { display: flex; justify-content: flex-end;}
.hme_proj_spotlgt .projspot_head_in { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5vh; width: 95%; max-width: 2000px; }
.hme_proj_spotlgt .projspot_slide { display: flex; justify-content: flex-end;}
.hme_proj_spotlgt .projspot_slide_in { width: 95%; max-width: 2000px; border-bottom-left-radius: 7.5vh; overflow: hidden;}
.hme_proj_spotlgt .slick-prev:before,
    .hme_proj_spotlgt .slick-next:before {
      color: var(--Col_GrnDk); top: 0;
    }

.projspot_slide { padding-bottom: 30px;}
.projspot_slide_in div {height: 20vw; }
.projspot_slide_in div img { width: auto; height: 100%; -o-object-fit: cover; object-fit: cover;}

.hmeslider_itm {position: relative;}

.hmeslider_over { background: var(--Col_GrnDk); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.hmeslider_itm:hover .hmeslider_over { opacity: 1;}
.hmeslider_over {text-align: left; padding: 7.5vh;}
.hmeslider_over h3 { color: var(--Col_Lime); font-size: var(--font-h2);}
.hmeslider_over q { color: var(--Col_GrnPl); font-size: var(--font-h4); line-height: 1.5; font-weight: var(--Copy_Lt);}

@media only screen and (max-width :700px) {
    .projspot_slide_in div {height: 50vw;}
}

@media only screen and (max-width :1300px) {
    .hme_proj_spotlgt .projspot_head_cta a { display: block; margin-top: 7px;}
}


.hme_resources { background: var(--Col_GrnDk) url(assets/img/green-design-brandmark-white.svg) no-repeat; background-position: 75%; border-top-left-radius: 7.5vh; padding-block:10vh;}
.hme_resources .row { align-items:flex-end;}
.hme_resources .row > div { }
.hme_resources h1 { color: var(--Col_GrnPl);}
.hme_resources p { color: #fff;}
.hme_resources p:first-of-type { color: var(--Col_Lime); font-weight: var(--Copy_Med);}
.hme_resources ul {list-style: none; position: relative; margin: 0; padding: 0; text-align: right;}
.hme_resources ul li { display: inline-block; margin-block:20px;}
.hme_resources ul li a.cta_btn { background: var(--Col_GrnPl); color: #fff; border:2px solid #fff;}
.hme_resources ul li a.cta_btn:hover {background: var(--Col_GrnMid);}



.hme_feed { padding-top:5vh; position: relative; padding-bottom: 0; }
.hme_feed .blog_feed .row { margin-bottom: 0;}
.hme_feed a.cta_btn {position: absolute; bottom: 3.5vh; left: 50%; transform: translateX(-50%); background: #8cbcc1; color: #fff; border:2px solid #fff;}
.hme_feed a.cta_btn:hover { background: var(--Col_GrnMid);}
.hme_feed_head { display: flex; align-items: center; }
.hme_feed_head h2 { margin-bottom: 0;}
.hme_feed_head_cta { text-align: right;}
.hme_feed_head_cta a {border:2px solid var(--Col_GrnMid); color: var(--Col_GrnMid); background: #fff; border-radius: 999px; padding: 10px 30px; position: relative;}
.hme_feed_head_cta a:hover {border:2px solid var(--Col_GrnMid); background: var(--Col_GrnMid); color: #fff; }

.hme_story { padding-block: 7.5vh;}
.hme_story .container {max-width: 1400px;}
.hme_story .container .row { display: flex; align-items: flex-end;}
.hme_story p:first-of-type { color: var(--Col_Lime); font-weight: var(--Copy_Med);}
.hme_story a.cta_btn { background: var(--Col_GrnPl); color: #fff; border:2px solid #fff; margin-bottom: 20px; display: inline-block;}
.hme_story a.cta_btn:hover {background: var(--Col_GrnMid);}

.hme_clients { background: var(--Col_GrnMid); padding-block:5vh;}
.hme_clients h1 { color: var(--Col_GrnPl);}

@media only screen and (min-width :700px) {
    .hme .hd_pnl { height: 90vh;}
    .hme_head_txt h2 a { display: inline-block;}
    
    .hme_proj_spotlgt .projspot_head_cta { margin-right: 5vh;}
}

@media only screen and (min-width :1000px) {
    .hme .hd_pnl { height: 85vh;}
    .hme_head_txt { bottom: 10vh;}
    .hme_head_txt h2 a { position: relative; top: -12px;}
    /*.hme .cols2_txt_in h1 {position: relative; margin-left: -40%;}
    .hme .cols2_txt_in h1 span { color: #fff; margin-right: 3%;}*/
    
    .hme_resources { padding-block:15vh;}
    
    .hme_proj_spotlgt .projspot_head_cta { margin-right: 15vh;}
}

/*@media only screen and (min-width :1300px) {
    .hme .cols2_txt_in h1 {position: relative; margin-left: -30%;}
    .hme .cols2_txt_in h1 span { color: #fff; margin-right: 3%;}
}

@media only screen and (min-width :1800px) {
    .hme .cols2_txt_in h1 { margin-left: -14vw;}
}

@media only screen and (min-width :2000px) {
    .hme .cols2_txt_in h1 { margin-left: -14vw;}
    
}*/


/** CONTACT **/

.cont_dets, .cont_lhs, .cont_rhs {padding-block:5vh;}
.cont_lhs h2 {font-size: var(--font-h1); color: #4ba9a3;}
.cont_lhs ul {list-style: none; position: relative; margin: 0;padding: 0; margin-bottom: 2.5vh;}
.cont_lhs ul li { margin-bottom: 15px;}
.cont_lhs ul li, .cont_lhs ul li a { display: block; color: #4ba9a3; font-weight: var(--Copy_);}
.cont_lhs ul li span { display: inline-block; width: 200px;}

.cont_rhs { padding:7.5vh; background: #4ba9a3; border-radius: 7.5vh 0 0 7.5vh; position: relative;}
.cont_rhs:after { background: #4ba9a3; position: absolute; top: 0; right: -100%; width: 1000px; height: 100%; display: block; content: '';}
.cont_rhs .row { margin-bottom: 40px;}
.cont_rhs h3, .cont_rhs p, .cont_rhs p a { color: #fff; font-weight: var(--Copy_Med); font-weight: var(--Copy_Lt);}
.cont_rhs h3, .cont_rhs p span { display: inline-block; font-weight: var(--Copy_Lt);}

@media only screen and (min-width :1000px) {
	.cont_rhs h3, .cont_rhs p span { width: 100px;}
}

/** FOOTER **/
footer { background: var(--Col_GrnDk); padding:0 10px; position:relative;}
footer p, footer li, footer a { color: #fff;}
footer ul {list-style: none; position: relative; margin: 0; padding: 0;}

.ft-request_consult { padding-block:10vh;}
.ft-request_consult_txt { text-align: center; margin-bottom: 30px;}
.ft-request_consult_txt h1 { font-size: 4vh; line-height: 1.12; color: #8cbcc1; padding-bottom:2.5vh;}
.ft-request_consult_txt p br { display: none;}
.ft-request_consult_txt p strong { color: var(--Col_Lime); font-weight: var(--Copy_Med);}
.ft-request_consult_form {border-right: 0; padding: 5vh 5vh 1vh; border-radius: 5vh 0 0 0; position: relative; background: var(--Col_Lime); border: 2px solid var(--Col_Lime);}
.ft-request_consult_form:after { background: var(--Col_Lime); height: 100%; width: 1500px; height: calc(100% + 4px); position: absolute; top: -2px; right: -1500px; content: ''; display: block;}

.ft-social { border-block:1px solid #fff; }
.ft-social img { max-width: 300px; margin: 0 auto; display: block; margin-bottom: 30px;}
.ft-social ul {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.ft-social ul li a { font-size: 3vh;}
.ft-social ul li a:hover { opacity: 0.5;}

.ft-contact ul { margin-bottom: 30px;}
.ft-contact ul li {line-height:2;}
.ft-contact ul li span {color: var(--Col_Lime); font-weight: var(--Copy_Med); min-width: 40%; margin-right: 10px; display: inline-block;}

.ft-contact_memb ul li { padding-inline:10px;}
.ft-contact_memb img { width: 100%; height: auto;}

.container.ft-credits { width: 100%; max-width: 1800px; padding: 3vh 5vh 1vh; border-radius: 6vh 5vh 0 0; border:2px solid #fff; border-bottom: 0; background: #598527; text-align: center;}
.container.ft-credits p, .container.ft-credits p a { text-transform: uppercase; font-size:12px; letter-spacing:2.5;}
.container.ft-credits a:hover {color:rgba(255,255,255,0.6);}

@media only screen and (min-width :800px) {
    .ft-request_consult_txt { text-align: right; padding-right: 5vh;}
    .ft-request_consult_txt p br { display: block;}
    .ft-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    .ft-contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
    .ft-contact_memb {display: -webkit-box; display: -ms-flexbox; display: flex;}
    .ft-contact_memb .row {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    .container.ft-credits {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: unset;}
	
}

@media only screen and (min-width :1400px) {
    .ft-social { padding-inline:0;}
}


/* misc */
.pagination {padding-bottom: 5vh; width: 100%; text-align:center; margin:0 auto; display:block; }
.pagination ol.wp-paginate { position:relative; text-align:center; width:100%;}
.pagination ol.wp-paginate li, ol.wp-paginate li a, ol.wp-paginate li span.current { background:none; border:none;}
.pagination ol.wp-paginate li span.current { color:var(--Col_GrnMid); font-weight:var(--Copy_Bld);}
.pagination ol.wp-paginate li a:hover { background:none; border:none; color:var(--Col_GrnMid); font-weight:var(--Copy_Med);}
.pagination ol.wp-paginate li a { color:var(--Col_GrnPl); font-weight:var(--Copy_Med);}
	
	/* form */
	.gform_wrapper label.gfield_label { font-size:var(--font-p); font-family: var(--Copy); color: var(--Col_Copy); font-weight:var(--Copy_Reg); padding:0 0 3px 0; margin:10px 0 0 0;}
	.gform_wrapper input[type=text], .gform_wrapper input[type=tel], .gform_wrapper input[type=email], .gform_wrapper textarea, .gform_wrapper input[type=submit] { border-radius: 6px; background-color:#fff; padding:10px 20px; resize:none; border:1px solid #ccc; width:100%; margin:0 0 0 0; font-size:var(--font-p); font-family: var(--Copy); -webkit-appearance: none;}
	.gform_wrapper input[type=submit] { background-color: var(--Col_GrnMid); color:#fff; font-weight:var(--Copy_Med); width:auto; max-width:500px; display:inline-block; font-size:var(--font-h4); font-family: var(--Copy); cursor:pointer; margin:0; -webkit-appearance: none; border-radius:999px;}
	.gform_wrapper input[type=submit]:hover { background-color: var(--Col_GrnDk); }
    .gform_confirmation_wrapper { font-size:var(--font-p); font-family: var(--Copy);}

    .ginput_container_select { background: url(assets/img/base/select.svg) no-repeat 96% 0;  height: 39px; border-radius: 0; overflow: hidden; width: 100%;}
    .ginput_container_select select { background: transparent; border: none; border-radius: 0; font-size: 14px; height: 39px; padding: 5px;  width: calc(100% + 30px); -webkit-appearance: none;  -moz-appearance: none;}

#myBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: rgba(0,0,0,0.2); color: white; cursor: pointer; padding: 15px; border-radius: 10px; font-size: 18px; }
#myBtn:hover { background-color: rgba(0,0,0,0.6); }
				

/* image align */
	img.alignright {float:right; margin:10px; margin-right:0px;} .alignright {float:right; }
	img.alignleft {float:left; margin:10px; margin-left:0px;} .alignleft {float:left; }
	img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; margin-top:10px;} .aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
	@media only screen and (min-width : 700px) and (max-width : 1023px) {img.alignright, .alignright, img.alignleft, .alignleft { max-width:50%; height:auto;} }
	@media only screen and (max-width : 700px) {img.alignright, .alignright, img.alignleft, .alignleft, img.aligncenter, .aligncenter { width:100%; height:auto; margin:15px auto;}}
	

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.slider_pnl { /*overflow-x: hidden;*/ background: #8cbcc1; border-top-left-radius: 7.5vh;overflow: hidden;}
.slider_pnl:nth-of-type(1) {margin-top: 5vh; }
.slider_pnl.bg_fff {background: #fff;}
.slider_pnl .slider_pnl_in { display: -webkit-box; display: -ms-flexbox; display: flex;}
.text-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;padding-block:5vh;/* height: 33vh;*/}
.image-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border-radius: 10vh 0 0 0 !important; overflow: hidden; }
.image-container img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}

.text-container::-webkit-scrollbar {display: none;}
.text-section { padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.text-section div { padding: 0 2.5vh; }
.text-section div h2 { margin-bottom: 5%; font-size: var(--font-h1);}
.text-section div h3 {  font-size: var(--font-h3);}
.text-section div p { color: #fff;}
.slider_pnl.bg_fff .text-section div p {color: #303630;}
/**.text-section div p:first-of-type { color: var(--Col_GrnMid); font-weight: var(--Copy_Med);}**/

.slider_pnl:nth-of-type(even) { margin-top: 0; border-radius: 0;}
.slider_pnl:nth-of-type(even) .text-container  { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;}
.slider_pnl:nth-of-type(even) .image-container { border-radius: 0 0 10vh 0 !important;}
.slider_pnl:nth-of-type(even) .text-section { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}

.slider_pnl.white p {color:var(--Col_Copy) !important;}

.text-section { position: relative; }


@media only screen and (min-width :800px) {
    
	.slider_pnl.rev .image-container {-webkit-box-ordinal-group: 1000 !important;-ms-flex-order: 999 !important;order: 999 !important; border-radius: 0 0 10vh 0 !important;}
	.slider_pnl.rev .text-container .text-section  {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
	.slider_pnl .image-container, .slider_pnl .text-section, .slider_pnl .slider_pnl_in { height: 75vh !important; min-height: 800px; }
}

@media only screen and (max-width :1000px) {
    .slider_pnl .slider_pnl_in {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .slider_pnl .text-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;}
    .slider_pnl .image-container { border-radius: 0 !important; height: 33vh;}
}

@media only screen and (min-width :1000px) {
    .slider_pnl .slider_pnl_in { overflow-y: hidden;}
    .slider_pnl .slider_pnl_in, .text-section { height: 66vh;}
    .text-container { padding: 10px 0; overflow-y: scroll; scrollbar-width: none; }
    .text-section div { max-width: 850px; padding: 5vh; }
    .text-section div h3 { margin-block: 2.5%;}
    .text-section:after { width: 2.5vw; height: 2.5vw; left: 1.5%; text-align: center;bottom: 2.5%; position: absolute; display: block; content: '\f063'; font-family: var(--fontawe); color: rgba(255,255,255,0.4); font-size: 2vw;}
    .text-section:last-of-type:after { content: '\e09a';}
    .slider_pnl.white .text-section:after { width: 2.5vw; height: 2.5vw; left: 1.5%; text-align: center;bottom: 2.5%; position: absolute; display: block; content: '\f063'; font-family: var(--fontawe); color: var(--Col_GrnPl); font-size: 2vw;}
    .slider_pnl.white .text-section:last-of-type:after { content: '\e09a';}
}

.pg_404 {padding:30vh 20px; text-align:center;}
	
/** Search & Filter Pro **/
.filter_pnl form {width: 100% !important; max-width: unset; }
.filter_pnl ul { list-style: none; position: relative; margin: 0; padding: 0; text-align: center; }
.filter_pnl ul li, .filter_pnl ul li label { display: block; width: 100%; margin: 0; padding: 0; margin-bottom: 7px;}
.filter_pnl ul li input[type=text], .news_filter ul li select, .news_filter ul li label, .filter_news ul li select,  .filter_news ul li label { width: 100%;}
.filter_pnl ul li h4 { display: none;}
.filter_pnl ul li input, .filter_pnl ul li select { padding: 5px 10px;}
.filter_pnl ul li input[type=text], .filter_pnl ul li select.sf-input-select {border-radius: 5px; border: 1px solid var(--Col_GrnPl); -webkit-appearance: none; position: relative; color: var(--Col_GrnMid);}
.filter_pnl ul li select.sf-input-select { background: #fff url(/wp-content/uploads/2024/12/select.png) center right no-repeat; cursor: pointer; width:100% !important;}

.filter_pnl ul li.sf-field-reset { width:100%; display:block; padding:7px; text-align:right;}
.filter_pnl ul li.sf-field-reset a { font-size:12px; text-decoration:underline; color:var(--Col_GrnDk);}
.filter_pnl ul li.sf-field-reset a:hover { color:var(--Col_GrnMed);}
	
	

@media only screen and (min-width :800px) {
    .filter_pnl ul li { display:inline-block !important; padding: 0 5px !important; width:calc(25% - 7px);}
	.filter_pnl ul li.sf-field-search { width:calc(75% - 24px) !important;}
	.filter_pnl ul li.sf-field-sort_order { display:inline-block !important; padding: 0 5px !important; width:calc(25% - 7px) !important;}
	.filter_pnl .filter_plants ul li { display:inline-block !important; padding: 0 5px !important; width:calc(49.5% - 7px);}
	.filter_pnl .filter_planters ul li { display:inline-block !important; padding: 0 5px !important; width:calc(33.3% - 7px);}
	.filter_pnl.filter_3 ul li { display:inline-block !important; padding: 0 5px !important; width:calc(33% - 7px);}
	.filter_pnl ul li.sf-field-reset { width:calc(100% - 30px); }
	.filter_pnl ul li.sf-field-reset a { font-size:14px;}
        }


@media only screen and (min-width :800px) and (max-width :1000px) {
    .hd_pnl { height: 50vh; min-height: 400px;}
    .hd_pnl_txt_in { padding: 0; padding-inline:5vw;}
}