/*  
Theme Name: Carnaby+Co
Theme URI: https://www.carnabyandco.com.au/
Description: Custom Theme for Carnaby+Co
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; }

/* Fonts */
@import url(https://db.onlinewebfonts.com/c/d8333d2b684c25346f73e82eca3f0474?family=AntartidaRD+Essential+W00+Lt);
@import url(https://db.onlinewebfonts.com/c/5089476f655e8aede1cdfa0200417f33?family=AntartidaRD+Essential+W00+Bold);

@font-face {
    font-family: "AntartidaRD Essential W00 Lt";
    src: url("https://db.onlinewebfonts.com/t/d8333d2b684c25346f73e82eca3f0474.eot");
    src: url("https://db.onlinewebfonts.com/t/d8333d2b684c25346f73e82eca3f0474.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/d8333d2b684c25346f73e82eca3f0474.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/d8333d2b684c25346f73e82eca3f0474.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/d8333d2b684c25346f73e82eca3f0474.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/d8333d2b684c25346f73e82eca3f0474.svg#AntartidaRD Essential W00 Lt")format("svg");
}
@font-face {
    font-family: "AntartidaRD Essential W00 Bold";
    src: url("https://db.onlinewebfonts.com/t/5089476f655e8aede1cdfa0200417f33.eot");
    src: url("https://db.onlinewebfonts.com/t/5089476f655e8aede1cdfa0200417f33.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/5089476f655e8aede1cdfa0200417f33.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/5089476f655e8aede1cdfa0200417f33.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/5089476f655e8aede1cdfa0200417f33.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/5089476f655e8aede1cdfa0200417f33.svg#AntartidaRD Essential W00 Bold")format("svg");
}

/** SITE STYLES **/

:root {
/*colours */
    --Col_RdLt:#b42f2c;
    --Col_RdMd:#aa3310;
    --Col_RdDk:#911c18;
    --Col_RdPl:#da908f;
    --Col_Or:#d15e10;
    --Col_Blk:#000;

/* fonts */
    --Copy: "AntartidaRD Essential W00 Lt";
    --Head: "AntartidaRD Essential W00 Bold";
    --fontawe: "Font Awesome 6 Pro";
    
    --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;
}

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

/* fonts */
    --font-p:16px;
    --font-h1:24px;
    --font-h2:22px;
    --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:18px;
    --font-h1:26px;
    --font-h2:24px;
    --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:30px;
    --font-h2:26px;
    --font-h3:22px;
    --font-h4:20px;
} }

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

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

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

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

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

ul, ol { margin-left:20px; margin-bottom:10px;}
ul { list-style:disc;}
ol { list-style:decimal;}

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 { font-family: var(--Head);}
em, i, em b, i b, em strong, i strong { font-style: italic;}

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

.container { width: 100%; max-width: 1700px;}
.pgbody .container .intro {padding:7.5vh 15vw 15vw 15vw;}
.pgbody { margin-bottom:0 !important;}
img { max-width: 100%; height: auto;}

@media screen and (min-width: 1000px) {
    .pgbody .container .intro {padding:7.5vh 15vw 10vw 15vw;}
}

/** HEADER **/
header { position:relative; margin:0; padding:0; z-index: 9999;}

.NavMain { position: fixed; top: 0; width: 100%; height: 7vh; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  }
.NavMain.hidden { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
	
/* nav */
.NavMain .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.NavMain .cc_logo a {color: #fff; font-size: 2.5vw;}

.cc_nav button { position: absolute; top: 20px;}
.cc_nav button, .cc_nav button:hover {background: white;}
.cc_nav button[aria-expanded="true"]{ background-color: #42DCA3; }



.dropdown { position: relative; padding-inline:5vW; padding-block:10px; text-align: right; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-transition:.5s ease all;transition:.5s ease all;}
.dropdown button, .cc_logo {position: relative; z-index: 9999;}
.dropdown .dropdown-menu { position: absolute; left: 0px !important; top: 6px !important; width: 100%; padding-block: 3vh; background: var(--Col_RdDk); border-radius: 0;}
.dropdown .cc_nav_btn { width: 70px; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #fff;}
.dropdown .cc_nav_btn:before { content: '+'; margin-right: 3px;}
.dropdown .cc_nav_btn[aria-expanded="true"] { color: #fff;}
.dropdown .cc_nav_btn[aria-expanded="true"]:before { content: '-'; margin-right: 3px;}

.dropdown:has(.cc_nav_btn[aria-expanded="true"]) {background: #310e08;}

.dropdown .cc_logo a, .dropdown:has(.cc_nav_btn[aria-expanded="true"]) .cc_logo a {width: min(180px,30vw); height: 5vh;  background: url(assets/img/c&c_logo_white.svg) left center no-repeat; background-size: contain;display: block;}


	
.dropdown-menu {display: block;visibility: hidden;opacity:0;-webkit-transform: translateY(6.15vh);transform: translateY(6.15vh);-webkit-transition:.5s ease all;transition:.5s ease all;}
.dropdown-menu.show {display: block;visibility: visible;opacity:1;-webkit-transform: translateY(50px);transform: translateY(50px);-webkit-transition:.5s ease all;transition:.5s ease all;}

header .dropdown-menu .container:first-of-type {  display: -webkit-box;  display: -ms-flexbox;  display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
nav { width: 100%; padding-inline:3.5vw; }
nav ul { list-style: none; position: relative; margin: 0; padding: 0;}
nav ul li { padding-block:3px; }
nav ul li:first-of-type { margin-top: 10px;}
nav ul li:first-of-type a { font-family: var(--Head);}
nav ul li a {color: #fff;}
nav ul li a:hover {text-decoration: underline; color: #fff;}
nav .nav_col:nth-of-type(2) ul li:first-of-type a,
nav .nav_col:nth-of-type(3) ul li:first-of-type a { opacity: 0.5;}
nav .nav_col:nth-of-type(2) ul li:first-of-type a:hover,
nav .nav_col:nth-of-type(3) ul li:first-of-type a:hover { opacity: 1;}

nav ul.sub-menu li a { font-family: var(--Copy); opacity: 1 !important;}

ul.nav_social {list-style: none; position: relative; margin: 0; margin-top:20px; padding: 0; padding-inline:3.5vw; }
ul.nav_social li { display: inline-block;}
ul.nav_social li:nth-of-type(2) {margin-inline:1.5vw;}
ul.nav_social li a {color: #fff; opacity: 0.5; font-size: 20px;}
ul.nav_social li a:hover { opacity: 1;}

@media screen and (min-width: 700px) {
    nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; justify-items: flex-end; width: 100%; }
    .hme .dropdown .cc_logo a {background: url(assets/img/c&c_logo.svg) left center no-repeat; background-size: contain; }
}

@media screen and (min-width: 1000px) {
    nav { max-width: 80%; }
}

@media screen and (min-width: 1400px) {
    nav { padding-inline:unset; font-size: 18px;}
    ul.nav_social { padding-inline:unset;}
}

/** CONTENT **/
/* Pg Head */
.pghead { width: 100vw; height: max(17vh,220px); background: url(assets/img/CAC-Internal-Banner_sml.jpg) no-repeat top center/cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.pghead.mid {height:max(20vh,280px); background: url(assets/img/CAC-Internal-Banner.png) no-repeat bottom center/cover;}
.pghead.hme {height:100vh; background: url(/wp-content/uploads/2024/09/CAC-BannerV2.0-mob.jpg) no-repeat bottom center/cover; position: relative;}
.pghead .container {padding-inline:10vw; }
.pghead .container span, .pghead .container q { color: #fff; display: block; line-height: 1.4;}
.pghead	q.hd_quote_txt { font-family: var(--Head); font-size: 16px;}	
.pghead	span.hd_quote_auth  { font-style: italic; font-size: 13px;}

.pgtitle {background: #322c29; width: 100%; padding-block:10px; }
.pgtitle h1 { font-family: var(--Copy); color: #fff; line-height: 1; margin: 0; font-size: 6vw; text-transform: uppercase; text-align: center;}
.pgtitle h2 { font-family: var(--Copy); color: #da908f; line-height: 1; margin: 0; font-size: 4vw; text-align: center;}
/*.pgtitle.align_c { text-align: center;}*/

@media screen and (min-width: 700px) {
    .pghead {height: max(20vh,200px); padding-left: 20vw;}
    .pghead	q.hd_quote_txt { font-family: var(--Head); font-size: 20px;}	
    .pghead	span.hd_quote_auth { font-size: 16px;}
    .pgtitle { width: 22.5vw; height: auto; aspect-ratio:1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: -20.5%; margin-left: 2.5vw; text-align: left; position: absolute; top: 25vh; z-index: 1001;}
    .pgtitle h1 { font-size: 3.5vw; /*margin-left: 15%;*/}
    .pgtitle h2 {font-size: 2.2vw; /*margin-left: 15%;*/}
}

@media screen and (min-width: 1000px) {
    .pghead {height: max(20vh,260px);}
	.pghead.hme {height:100vh; background: url(/wp-content/uploads/2024/09/CAC-BannerV2.0-dp-scaled.jpg) no-repeat bottom center/cover; position: relative;}
    .pghead	q.hd_quote_txt { font-size: 22px;}	
    .pghead	span.hd_quote_auth { font-size: 18px;}
    
    .pgtitle { width: 20vw; margin-top: -5.5%;}
     .pgtitle h1 { font-size: 3vw;}
    .pgtitle h2 {font-size: 1.7vw;}
}

@media screen and (min-width: 1400px) {
    .pghead .container {padding-inline:5vw;}
    .pghead {height: max(20vh,380px);}
    .pghead	q.hd_quote_txt {font-size: 26px;}	
    .pghead	span.hd_quote_auth { font-size: 19px;}
    .pgtitle { width: 20vw; margin-top: -10.5%;}
     .pgtitle h1 { font-size: 3.5vw;}
    .pgtitle h2 {font-size: 2vw;}
}

@media screen and (min-width: 1600px) {
    .pghead {height: max(20vh,300px);}
    .pghead.mid {height:30vh;}
    .pghead	q.hd_quote_txt {font-size: 1.6vw;}	
    .pghead	span.hd_quote_auth { font-size: 1.3vw;}
    .pgtitle { width: 17vw; margin-top: -7.55%; margin-left: 7vw;}
    .pgtitle h1 { font-size: 2.2vw;}
    .pgtitle h2 {font-size: 1.5vw;}
}

.pgbody .mod .container .narrow, .pgbody .narrow {padding:7.5vh 5vw 7.5vh 5vw;}
.pgbody .mod:last-of-type { padding-bottom: 15vh;}
.std_pad {padding:3vh 5vw;}
.pgbody a { font-family: var(--Head); color: var(--Col_RdMd);}

.bg_grey25 {background:rgba(194, 194, 194, 0.25); position: relative;}
.bg_grey_pale {background: rgba(233, 231, 231, 0.3);}
.bg_plus_r { position: relative;}
.bg_plus_r:before { position: absolute; top: -10px; right: 5%; aspect-ratio:1; width: 25%; height: auto; content: ''; display: block; background: url(assets/img/c&c_icon_red.svg) no-repeat center/contain; opacity: 0.05;} 

@media screen and (min-width: 1000px) and (max-width: 1400px) {
    .pgbody .mod .container .intro {padding-top: 15vh;}
}

@media screen and (min-width: 1200px) {
    .pgbody .mod .container .narrow, .pgbody .narrow {padding:20vh 15vw 7.5vh 15vw;}
}

@media screen and (min-width: 1400px) {
    .pgbody .mod .container .narrow, .pgbody .narrow {padding:7.5vh 20vw 7.5vh 20vw;}
}

@media screen and (min-width: 2000px) {
    .pgbody .mod .container .narrow, .pgbody .narrow {padding:7.5vh 7.5vw 7.5vh 7.5vw; }
}

/** HOME **/
.pghead.hme {position: relative;}
.hme_hero_circle { position: absolute; width: 100vw; height: auto; aspect-ratio:1; top: -30px !important;}
.hme_hero_circle:before { background: rgba(143, 30, 29, 1.0); position: absolute; top: 0; left: 0; height: 42%; width: 100%; display: block; content: '';}
.hme_hero_circle img { position:relative; z-index: 1; width: 100%; height: auto; -o-object-fit: contain; object-fit: contain;}
.hme_head_txt { padding: 5vh 5vw; position: absolute; bottom: 15%; }
.hme_head_txt p { color: #fff;}
.hme_head_btn { position: absolute; bottom: 5%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.hme_head_btn a { background:#e9423c; width: 5vh; height: auto; aspect-ratio:1; border-radius: 50%; color: #fff; 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; font-size: 2vh;}
.hme_head_btn a:hover { background: var(--Col_RdMd); font-size: 2.4vh; text-decoration: none;}

.hme_pnl_pad_lrg {padding: 7.5vh 0;}



.hme_intro .hme_intro_txt {  height: auto; width: 90%; left: 5%; position: relative; padding-block:17.5vh;}
.hme_intro .hme_intro_txt p { color: #fff; text-align: center;}
.hme_intro .hme_intro_txt p:first-of-type { font-size: min(3vh,40px);}
.hme_intro .hme_intro_txt p span { color: var(--Col_RdPl); display: block;}
.hme_intro .hme_intro_txt p a { color: var(--Col_Blk); font-family: var(--Head);}
.hme_intro .hme_intro_txt p a:hover { text-decoration: none; color: var(--Col_RdPl);}

.hme_quote .narrow { max-width: 1500px; padding-block:12vh;}
.hme_quote q, .hme_quote span, .hme_quote cite { display: block; margin: 0; padding: 0; color: #fff; line-height: 1.7; font-size: 1.40vh;}
.hme_quote span, .hme_quote cite { color: #da908f; font-style: italic;}
.hme_quote cite { font-size: 0.7vh; text-align: right; margin-top: 20px;}
.hme_quote_logos { background: url(assets/img/bg_home_logos.png) top center no-repeat; border-bottom: 7px solid var(--Col_RdDk); margin-top: -1px;}
.hme_quote_logos .logos_wrap {background: none; border-top: 1px solid #fff;}
.hme_quote_logos .logos_wrap h2 {color: #fff; font-family: var(--Copy);}
.hme_quote_logos .logos_wrap .logos {-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;}
.logos_wrap .logos { max-width: 1500px;}
.logos_wrap .logos div { width: 40%; height: 100%; margin-inline:3%; margin-bottom: 5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.logos_wrap .logos img { -o-object-fit: contain; object-fit: contain; width: 100%; height: auto;}

.hme_testimonials { border-bottom: 5px solid var(--Col_RdDk); padding-bottom: 3.5vh;}
.hme_testimonials .narrow {max-width: 1800px;}
.hme_testimonials .carousel-item .row {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.hme_testimonials .carousel-item .row div {}
.hme_testimonials .carousel-indicators {margin-bottom: -50px;}
.hme_testimonials .carousel-indicators button { border: 2px solid var(--Col_RdMd); width: 10px; height: auto; aspect-ratio:1; border-radius: 50%;}
.hme_testimonials .carousel-indicators button.active {background: var(--Col_RdMd);}
.testimonial_img { padding-inline:5%;}
.testimonial_txt p:last-of-type {margin-bottom: 25px;}
.testimonial_txt cite { font-family: var(--Head);}

.hme_feed { padding:7vh 5vw 12vh;}
.hme_feed_head { text-align: center; margin-bottom: 5vh;}
.hme_feed.std_pad h2 {color: var(--Col_Blk); font-family: var(--Copy); margin-bottom: 0;}
.hme_feed .feed_img {height: 33vh; min-height: 200px;}
.hme_feed .feed_img img {height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover;}

@media screen and (max-width: 700px) {
    .hme_hero_circle { top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);  }
    .hme_intro { position: relative; overflow: hidden; background:rgba(179, 50, 49, 1.0); border-radius: 999px; }
}
@media screen and (min-width: 700px) {
    .hme_hero_circle { width: 80vw; height: 100%; right: -5%;}
    .hme_hero_circle:before { display: none;}
    .hme_intro { position: relative; overflow: hidden; /*background: url(assets/img/bg_hme_ellipse.png) 10% top no-repeat; background-size: contain;*/ background: none;}
    .hme_intro:before {position: absolute; display: block; content: ''; width: 100%; height: auto; aspect-ratio:1; background: rgba(179, 50, 49, 1.0); border-radius: 50%; top: -5%; left: 0%;}
    .hme_intro .hme_intro_txt { width: 70%; left: 15%; position: relative; padding-block:15vh;}
    .hme_intro_txt p, .hme_intro_txt p span { line-height: 1.6 !important;}
    .hme_head_txt { position: absolute; left: 10%; width: 50%; padding: 20px; max-width: 45%; bottom: 15%;}
	.hme_intro .hme_intro_txt p { text-align: left;}
    .hme_head_txt p { font-size: 2.5vw; }
    .hme_head_btn { bottom: 1.5%;}
    .hme_quote_logos { border-bottom: 10px solid var(--Col_RdDk);}
	
	.logos_wrap .logos div { width: 26%;}
}

@media screen and (min-width: 1000px) {
    .hme_hero_circle { width: 55vw; height: 100%; right: 5%;}
    .hme_hero_circle:before { display: none;}
    .hme_head_txt { position: absolute; left: 10%; width: 50%; padding: 20px; max-width: 400px; bottom: 10%;}
    .hme_head_txt p { font-size: 1.7vw;}
    .hme_quote_logos { border-bottom: 15px solid var(--Col_RdDk);}
    .hme_intro:before { width: 80%; top: -25%; left: 5%;}
    .hme_intro:after {width: auto; height: 90%; aspect-ratio:1; display: block; content: ''; background: url(assets/img/bg_hme_plus.svg) center/contain no-repeat; position: absolute; top: -5%; right: 7.5%;}
    .hme_intro .hme_intro_txt { width: 60%; left: 13%; position: relative; padding-block:15vh; z-index: 1999;}
	
	.logos_wrap .logos div { width: 17%;}
}

@media screen and (min-width: 1300px) {
    .hme_intro:before { width: 70%; top: -25%; left: 5%;}
    .hme_intro .hme_intro_txt { width: 50%; left: 13%; position: relative; padding-block:15vh;}
}

@media screen and (min-width: 1400px) {
    .hme_hero_circle { width: 80vh; height: 100%; right: 10%;}
    .hme_hero_circle:before { display: none;}
    .hme_head_txt { position: absolute; left: 10%; width: 50%; padding: 20px; max-width: 25%; bottom: 10%;}
    .hme_head_txt p { font-size: 1.25vw;}
     .hme_intro:before { width: 60%; top: -25%; left: 5%;}
    .hme_intro .hme_intro_txt { width: 40%; left: 15%; position: relative; padding-block:15vh;}
}

@media screen and (min-width: 1400px) {
    .hme_head_txt { left: 15%;}
}

/* INTERNAL */
.intro span, .service_txt_head span, .service_quote q, .article_intro p { font-family: var(--Head); color: var(--Col_Bk); font-size:min(2.7vh,45px); line-height: 1.3; margin-bottom: min(20px,1vh);display: block;}
.intro span.Col_Or, .service_txt_head span.Col_Or, .article_intro p span { color: var(--Col_Or);}
.intro span span, .service_txt_head span span {display: block;}
.intro p {padding-block: min(20px,1vh);}
.intro ul.intro_links { list-style: none; position: relative; margin: 0; padding: 0; text-align: center;}
.intro ul.intro_links li {display: block;}
.intro ul.intro_links li a {}
.intro ul.intro_links li a:before {content: '+'; margin-right: 5px; display: inline-block;}
.intro ul.intro_links li:not(:first-of-type) {margin-left: 15px;}

.std_pad h2 { text-align: center; color: var(--Col_RdPl); font-size: 30px; margin-bottom: 3%;}


.mod .container { max-width: 1400px;}

.meet {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;  padding: 0 !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.meet_itm {padding-bottom: 5vh;}
.meet_itm p span, .co_itm p span { font-family: var(--Head); font-size: 150%; line-height: 1;}
.meet .meet_img, .co_img {width:40%; height: auto; border-radius: 50%; aspect-ratio:1; overflow: hidden; position: relative; margin-bottom: max(2vh,20px);}
.meet .meet_img img, .co_itm .co_img img { height: 100%; width: auto; -o-object-fit: cover; object-fit: cover;}

.co_itm { text-align: center; margin-bottom: 2vh;}
.co_img { margin-left: 30%;}

.logos_wrap {background: #322c29; padding-top: 7.5vh;}
.logos { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.logos img {height: max(2vh,100px); margin:2vh 0.5vw;}

.services_wrap {border-top: 2px solid white;}
.services_wrap .accordion *, .services_wrap .accordion-header button[aria-expanded="true"] {background: none; border: 0;}
.services_wrap .accordion-button::after { background-image: initial; width: 0; }
.services_wrap .accordion-button:not(.collapsed)::after { background-image: initial; width: 0; }
.services_wrap .accordion button {margin: 0; padding: 0; font-weight: var(--Copy) !important;}
.services_wrap .accordion button span { text-align: center; width: 100%; position: relative;}


.services_wrap {padding:5vh 0 5vh 0; background: url(assets/img/bg_c&c_icon_red-lge.png) repeat-y top center/cover;}
.services_wrap .accordion h2 button { color: var(--Col_RdMd); font-size: var(--font-h2); font-family: var(--Copy); position: relative; padding:1vw !important;  -webkit-transition:all .2s ease-out;  transition:all .2s ease-out;}
.services_wrap .accordion button[aria-expanded="true"] { font-family: var(--Head); color: var(--Col_RdPl);} 
.services_wrap .accordion h2 button span { position: relative;}
.services_wrap .accordion h2 button span:after {content: '\f101'; margin-left: 7px; font-family: var(--fontawe);}
.services_wrap .accordion h2 button[aria-expanded="true"] span:after {content: '\f103';}

.service_quote .container, .service_txt_head .container, .service_txt_p .container { max-width: 1000px; padding: 0;}
.service_quote { border-bottom: 2px solid var(--Col_RdPl) !important; padding:2vh 0 5vh; text-align: center;}
.service_quote q { font-size:min(2.5vh,40px);}
.service_quote cite { font-size:min(2.5vh,40px); font-style: italic;}
.service_txt_p .container { border-block:1px solid var(--Col_RdDk);}
.service_txt_p p span { color: var(--Col_RdPl); font-weight: var(--Head);}

.service_txt_head, .service_txt_p .container { padding-block: 2vh;}

.full_w_blk {background: #322c29;}
.full_w_blk p, .full_w_blk li { color: #fff;}
.full_w_blk p { margin-bottom:4%;}

@media screen and (max-width: 700px) {
    .meet .meet_img {margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    
}

@media screen and (min-width: 700px) {
    .std_pad h2, .services_wrap .accordion button { font-size: 40px;}
    .meet { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
    .meet .meet_itm { width: 45%; text-align: left;}
    .meet .meet_itm:first-of-type { text-align: right;}
    .meet .meet_itm:first-of-type .meet_img { margin-left: 60%;}
    
    .co_itm .row { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    .co_img { width: 90%; margin-left: unset;}
	
	.intro ul.intro_links { list-style: none; position: relative; margin: 0; padding: 0; text-align: unset;}
.intro ul.intro_links li {display: inline-block;}
}

@media screen and (min-width: 1000px) {
    .std_pad h2, .services_wrap .accordion button { font-size: 50px;}
}

/** BLOG **/
.blog_feed, .blog_cont { background: url(assets/img/bg_c&c_icon_red-lge.png) repeat-y top center/contain; }	
.blog_feed {padding:10vh 5vw;}
.blog_cont .container {padding:5vh 5vw;}
.blog_feed .container { max-width: 1400px;}
.feed_itm { margin-bottom:30px;}
.feed_itm a { display: block; margin-bottom: 2vh;}
.feed_itm a:hover {text-decoration: none !important;}
.feed_img { width: 100%; height: auto; aspect-ratio:1; position: relative; margin-bottom: 5px; overflow: hidden;}
.feed_img img {width: 100%; height: auto; aspect-ratio:1; -o-object-fit: cover; object-fit: cover;}
.feed_img .circle_plus { position: absolute; right: 20px; bottom: 20px; width: 5vh; height: 5vh; aspect-ration:1; background: rgba(0,0,0,0.3); border-radius: 50%; 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; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.feed_img .circle_plus i { color: #fff; font-size: 1.75vh; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.feed_itm a:hover .feed_img .circle_plus {background: #e9423c;}
.feed_itm a:hover .feed_img .circle_plus i { font-size: 2.25vh;}
span.date { text-align: right; display: block; color: var(--Col_RdPl); font-size: 0.75vw; margin-block:10px;}
.feed_txt h1 { font-size: 2vh; margin-bottom: 0;}
.feed_itm a:hover .feed_txt h1 { color: var(--Col_RdMd);}
.pagination { margin-top: 3vh;}

.blog_title { margin-top: 5%;}
.blog_title span { color: #fff; text-transform: uppercase; font-family: var(--Head);}
.blog_title h1 { color: var(--Col_Blk); font-family: var(--Head);}

.blog_head, .blog_head img { height: auto; width: 100vw; aspect-ratio:1; overflow: hidden; position: relative;}
.blog_head ul {list-style: none; position: absolute; bottom: 0%; right: 5%; text-align: center; }
.blog_head ul li { display: block; margin-bottom: 10px;}
.blog_head ul li a {background: var(--Col_RdMd); aspect-ratio:1; border: 1px solid white; border-radius: 50%; 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;}
.blog_head ul li, .blog_head ul li a { width: 30px; width: 30px;}
.blog_head ul li a i { color: #fff; font-size: 15px;}
.blog_head ul li a:hover {background: var(--Col_RdDk); text-decoration: none;}
.blog_head img { -o-object-fit: cover; object-fit: cover;}
.article_intro p {}

/* sidebar */
.feed_sb_itm { margin-bottom: 20px;}
.feed_sb_itm h3 { color: var(--Col_RdPl); font-size: 2.2vh; margin-bottom: 15px;}
.feed_sb_itm h4 { color: var(--Col_RdMd); font-size: 1.7vh; margin-bottom: 15px;}
.feed_sb_itm ul {list-style: none; position: relative; margin: 0; padding: 0;}
.feed_sb_itm ul li {padding-left: 20px; line-height: 1.4; margin-bottom: 10px;}
.feed_sb_itm ul li a, .feed_sb_itm.back a { color: var(--Col_Bk);}
.feed_sb_itm.back a { font-family: var(--Head);}
.feed_sb_itm ul li a:hover, .feed_sb_itm.back a:hover { color: var(--Col_Or);}
.feed_sb_itm ul li:before { content: '+'; left:0; position: absolute; }
.sb_sort_icon { border: 2px solid var(--Col_RdMd); width: 40px; height: auto; aspect-ratio:1; margin-top: -10px; border-radius: 50%; 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;}
.card-body { padding: 0; border: 0;}

.feed_sb_itm ul li a { font-size: 1.25vh;}

.feed_sb_itm.search input[type=text] {border: 1px solid var(--Col_RdMd); width: calc(100% - 80px); height: 40px; margin-right: 12px; padding: 10px;}
.feed_sb_itm.search button[type=submit] {background: var(--Col_RdLt); border: 0;  -webkit-appearance: none; width: 50px; height: 50px; border-radius: 50%; position: relative; color: #fff; font-size: 26px;}
.feed_sb_itm.search button[type=submit]:hover {background: var(--Col_RdDk);}

@media screen and (min-width: 700px) {
    .blog_head, .blog_head img { height: 40vh;}
    .blog_head ul li, .blog_head ul li a { width: 40px; width: 40px;}
    .blog_head ul li a i { font-size: 20px;}
}

@media screen and (min-width: 1400px) {
    .feed_sb { padding-left: 3%;}
    .blog_head, .blog_head img { height: 50vh; min-height: 600px;}
    .blog_head ul { bottom: 5%;}
    .blog_head ul li { margin-bottom: 20px;}
    .blog_head ul li, .blog_head ul li a { width: 60px; width: 60px;}
    .blog_head ul li a i { font-size: 30px;}
}

/** FOOTER **/
footer { background: transparent; padding: 0; position:relative; margin-top: -5vh;}
footer span, footer a, footer li, footer p { color: #fff;}
footer ul { list-style: none; position: relative; margin: 0; padding: 0;}
.foot_dets {position: relative;}
.foot_dets:before { position: absolute; top: 10%; left: 0; background: var(--Col_RdDk); content: ''; height: 80%; width: 100%; border-top: 1px solid white; display: block;}
.ft_circle {background: var(--Col_RdLt); border-radius: 50%; width: 100%; height: auto; aspect-ratio: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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 1000;}
.ft_circle > span { font-size: 5vw; font-family: var(--Copy); font-style: italic; margin-bottom: 20px;}
.ft_circle ul {padding-left: 20%; width: 80%;}
.ft_circle ul li { position: relative; font-size: 14px;}
.ft_circle ul li span { font-family: var(--Head);}
.ft_circle ul li.ft_loc:before, .ft_circle ul li.ft_contact:before {position: absolute; top: 0; left: -30px; color: #fff; content: '\f3c5'; display: block; font-family: var(--fontawe); font-size: 20px; font-weight: 200;}
.ft_circle ul li.ft_contact:before { content: '\f095';}
.ft_circle a:hover { color:rgba(255,255,255,0.5) !important;}
.ft_dets_cont { padding-top:7.5vh !important;}
.ft_dets_cont, .ft_dets_form { padding-inline:20px;}
.ft_dets_form { background: var(--Col_RdDk); padding-top: 5%; text-align: center; z-index: 99;}
.foot_links, .foot_cred { background: #322c29; text-align: center; padding-block:20px;}
.foot_links { background: #39332f;}
.foot_links,
.foot_links a,
.foot_links li,
.foot_cred,
.foot_cred a,
.foot_cred li {color: #6b6663; font-size: 14px;}
.foot_links a:hover,
.foot_cred a:hover { color: #fff;}
.foot_links li, .foot_cred li { display: inline-block;}
ul.ft_social {  padding-inline:20px; width: 90%; margin: 0 auto; text-align: center;}
ul.ft_social li:nth-of-type(2) {margin-inline:10px;}
.foot_links p, ul.ft_social {margin-bottom: 5px;}
.foot_links {position: relative; z-index: 100;}



@media screen and (min-width: 700px) {
    .ft_circle { position: relative;}
    .ft_circle:after {position: absolute; top: 50%; right: -13vw; color: #fff; content: ''; display: block; z-index: 100; width: 45%; height: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); aspect-ratio:1; background: url(assets/img/c&c_icon_white.svg) no-repeat center/cover; opacity: 0.1;}
    .ft_circle > span { font-size: 2vw;}
    .ft_dets_form { background: none; padding-top: 5%; height: calc(100% - 50px); text-align: left; text-align: left; z-index: 99;}
    .foot_links { margin-top: -4%;}
    .foot_cred { text-align: right;}
    .foot_cred li {line-height: 1;}
    .foot_cred li:last-of-type { padding-left: 2vw; margin-left: 2vw; border-left: 1px solid #6b6663;}
}
@media screen and (min-width: 1000px) {
    .foot_links { margin-top: -3%; text-align: right;}
    .foot_links,
.foot_links a,
.foot_links li,
.foot_cred,
.foot_cred a,
.foot_cred li {font-size: 16px;}
    ul.ft_social li:nth-of-type(2) {margin-inline:15px;}
    .ft_circle > span { font-size: 1.5vw;}
    .ft_circle ul li { position: relative; font-size: 18px;}
}
@media screen and (min-width: 1400px) {
    .foot_links, .foot_cred { padding-block:30px;}
    .foot_links,
.foot_links a,
.foot_links li,
.foot_cred,
.foot_cred a,
.foot_cred li {font-size: 18px;}
    ul.ft_social li:nth-of-type(2) {margin-inline:25px;}
    .ft_dets_form { padding-top: 7.5%;}
    .ft_circle ul li { position: relative; font-size: 20px;}
}
	
@media screen and (min-width: 1600px) {
    .ft_circle:after { right: -8vw;}
}
	
	
/* misc */
	
	/* 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 textarea, .gform_wrapper input[type=submit] { border-radius: 0; background-color:#fff; padding:10px; resize:none; border:1px solid transparent; width:100%; margin:0 0 0 0; font-size:var(--font-p); font-family: var(--Copy);}
	.gform_wrapper input[type=submit] { background-color: var(--Col_Blk); color:#fff; text-transform:capitalize; width:100%; max-width:300px; font-size:var(--font-h3); font-family: var(--Copy); cursor:pointer; margin:0; -webkit-appearance: none; border-radius:999px; border:2px solid var(--Col_Blk);}
	.gform_wrapper input[type=submit]:hover { background-color: var(--Col_RdDk); border:2px solid var(--Col_Blk); }
    .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;}

	.gform_wrapper .gform_confirmation_message  {color: var(--Col_RdPl) !important;}

#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); }

::-webkit-input-placeholder { font-style:italic;}
::-moz-placeholder { font-style:italic;}
:-ms-input-placeholder { font-style:italic;}
:-moz-placeholder { font-style:italic;}
				

/* 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%; }
	
.pg_404 {padding:30vh 20px; text-align:center;}

/** tweaks **/
.foot_dets { margin-top:-100px;}