/*
Theme Name: Summit County Outdoor Coalition Theme
Theme URI: https://tandemdesignlab.com
Author: Tandem Design Lab
Author URI: https://tandemdesignlab.com
Description: Custom Theme for Summit County Outdoor Coalition
Version: 1.1
License: none
Tags:
*/


:root{
  --primary-font: 'Barlow', sans-serif;
  --secondary-font: 'adlery-pro', sans-serif;
  --primary-font-size: 20px;
  --primary-font-weight: 400;
  --content-width: 1100px;
  --gutter: 100px;
  --brown: #935123;
  --blue: #4e8994;
  --light-blue: #5fa4b0;
  --green: #324C3D;
  --light-green: #5B7064;
  --olive: #BDC197;
  --cream: #F6F9E2;
  --white: #FFF;
  --black: #3A322E;
  --default-vc-padding: 35px;
  --small-vc-padding: 20px;
  --column-gap: 40px;
  --default-transition: ease-in-out all .5s;
}


/****************************************************************** Structure ******************************************************************/
body{ padding: 0; margin: 0; font-family: var(--primary-font); font-weight: var(--primary-font-weight); font-size: var(--primary-font-size); line-height: 1.5; color: var(--green);}
a, a:hover { color: var(--green);}

.wpb_wrapper a { text-decoration: none; font-weight: bold;}
.wpb_wrapper a:not(.tdl-icon-button-wrapper):hover { text-decoration: none; font-weight: bold;}

.headingWrapper { display: flex;}
.headingWrapper :where(h1,h2,h3,h4) { color: var(--green); font-family: var(--primary-font); font-weight: bold; line-height: 1; text-transform: uppercase;}
/* .headingWrapper.script :where(h1,h2,h3,h4) { font-family: var(--secondary-font); font-weight: 400; font-style: normal; line-height: 1; text-transform: none;} */
.headingWrapper.script :where(h1,h2,h3,h4) { font-family: var(--primary-font-font); font-weight: bold; font-style: normal; line-height: 1; text-transform: uppercase;}
.headingWrapper :where(h1,h2,h3,h4) p { margin: 0; padding: 0;}
.headingWrapper.blue :where(h1,h2,h3,h4) { color: var(--blue);}
.headingWrapper.white :where(h1,h2,h3,h4) { color: var(--white);}
.headingWrapper.light-blue :where(h1,h2,h3,h4) { color: var(--light-blue);}
.headingWrapper.brown :where(h1,h2,h3,h4) { color: var(--brown);}
.headingWrapper.green :where(h1,h2,h3,h4) { color: var(--green);}
.headingWrapper.cream :where(h1,h2,h3,h4) { color: var(--cream);}
.headingWrapper.multi-line :where(h1,h2,h3,h4) { font-family: var(--primary-font); text-transform: uppercase; font-weight: 300;}
.headingWrapper.multi-line :where(h1,h2,h3,h4) strong { font-family: var(--primary-font); text-transform: capitalize; font-weight: normal;}

.headingWrapper.primary {}
.headingWrapper.primary :where(h1,h2,h3,h4) { display: flex; flex-direction: column; align-items: center;}
.headingWrapper.primary.top-emb :where(h1,h2,h3,h4):before, .headingWrapper.primary.top-emb :where(h1,h2,h3,h4):after { content: ''; display: block; width: 150px; height: 40px; background-repeat: no-repeat; background-size: 100% 100%;}
.headingWrapper.alternate :where(h1,h2,h3,h4) { display: flex; flex-direction: column; align-items: center;}
.headingWrapper.alternate.top-emb :where(h1,h2,h3,h4):before, .headingWrapper.alternate.top-emb :where(h1,h2,h3,h4):after { content: ''; display: block; width: 150px; height: 40px; background-repeat: no-repeat; background-size: 100% 100%;}

.headingWrapper.center { justify-content: center; align-items: center; text-align: center;}
.headingWrapper.multi-line.center { text-align: center;}
.headingWrapper.right { justify-content: end; text-align: right;}

.headingWrapper.block { background: var(--green); margin-bottom: 50px;}
.headingWrapper.block.blue { background: var(--blue); margin-bottom: 50px;}
.headingWrapper.block.light-blue { background: var(--light-blue);}
.headingWrapper.block.brown { background: var(--brown);}
.headingWrapper.block.green { background: var(--green);}
.headingWrapper.block.cream { background: var(--cream);}

/* .headingWrapper.block :where(h1,h2,h3,h4) { color: var(--white); font-family: var(--secondary-font); font-weight: 400; font-style: normal;text-transform: initial;} */
.headingWrapper.block :where(h1,h2,h3,h4) { color: var(--white); font-family: var(--primary-font); font-weight: bold; font-style: normal;text-transform: uppercase;}
.headingWrapper.block.cream :where(h1,h2,h3,h4) { color: var(--brown);}

.headingWrapper.icon { background: var(--green); display: flex; flex-direction: column; margin-bottom: 50px; justify-content: flex-start;}
.headingWrapper.icon.blue { background: var(--blue); display: flex; flex-direction: column; margin-bottom: 50px;}
.headingWrapper.icon.light-blue { background: var(--light-blue);}
.headingWrapper.icon.brown { background: var(--brown);}
.headingWrapper.icon.green { background: var(--green);}
.headingWrapper.icon.cream { background: var(--cream);}

/* .headingWrapper.icon :where(h1,h2,h3,h4) { color: var(--white); font-family: var(--secondary-font); text-transform: initial; font-weight: 400; font-style: normal;} */
.headingWrapper.icon :where(h1,h2,h3,h4) { color: var(--white); font-family: var(--primary-font); text-transform: uppercase; font-weight: bold; font-style: normal; width: var(--content-width);}
.headingWrapper.icon.center :where(h1,h2,h3,h4) { text-align: center;}
.headingWrapper.icon.right :where(h1,h2,h3,h4) { text-align: right;}
.headingWrapper.icon.cream :where(h1,h2,h3,h4) { color: var(--brown);}

.headingWrapper.icon .iconWrapper { background: var(--green); padding: 5px; position: absolute; transform: translateY(-50%); border-radius: 50%;}
.headingWrapper.icon .iconWrapper .icon { font-size: 50px; color: var(--white);}
.headingWrapper.icon.blue .iconWrapper { background: var(--blue);}
.headingWrapper.icon.light-blue .iconWrapper { background: var(--light-blue);}
.headingWrapper.icon.brown .iconWrapper { background: var(--brown);}
.headingWrapper.icon.green .iconWrapper { background: var(--green);}
.headingWrapper.icon.cream .iconWrapper { background: var(--cream);}

.headingWrapper.icon.cream .iconWrapper .icon { color: var(--brown);}

.headingWrapper.noBottomMargin { margin-bottom: 0 !important;}

h1 { font-size: 60px;}
.headingWrapper.script h1 { font-size: 70px;}
h2 { font-size: 60px;}
.headingWrapper.script h2 { font-size: 52px;}
h3 { font-size: 50px;}
.headingWrapper.script h3 { font-size: 42px;}
h4 { font-size: 35px;}
.headingWrapper.script h4 { font-size: 32px;}
.clear{clear:both;}

.tdlInsetContent { padding: 0 200px;}
.tdlInsetContent .vc_col-sm-12 { width: calc(var(--content-width) - 400px) !important;}
.tdlNoPadding { padding: 0 !important;}
.tdlNoTopPadding { padding-top: 0 !important;}
.tdlNoMargins { margin: 0 !important;}
.tdlNoBottomMargin { margin-bottom: 0 !important;}
.tdlNoBottomMargin :where(h1,h2,h3,h4) { margin-bottom: 0 !important;}
.tdlAllowOverflow { overflow: visible !important;}
.tdlNoTopMargin { margin-top: 0 !important;}
.tdlNoTopMargin p { margin-top: 0 !important;}
.tdlNoTopPadding .vc_column-inner { padding-top: 0 !important;}

.wpb_single_image .vc_box_border_circle.vc_box_border_green { background-color: var(--green) !important;}

ul.tdlStyledNumberedList { counter-reset: number; list-style: none; margin-top: 70px; padding-left: 0;}
ul.tdlStyledNumberedList li { counter-increment: number; display: flex; flex-direction: row; gap: 40px; margin-bottom: 50px; align-items: center; font-weight: bold;}
ul.tdlStyledNumberedList li:before { content: counter(number); width: 75px; height: 75px; border-radius: 50%; border: 2px solid var(--brown); font-size: 40px; font-family: var(--primary-font); flex: 0 0 75px; align-items: center; justify-content: center; display: flex;}

/*************************************************************** General Styles ****************************************************************/

/* Header */
#header { background: rgba(255,255,255,.6); width: 100%; position: absolute; z-index: 9; left: 0; top: 0;}
.logged-in #header { top: 32px;}
/* header { display: flex; align-items: center; width: var(--content-width); margin: 0 auto; justify-content: space-between; position: relative;} */
header .headerContentWrapper { display: flex; align-items: center; width: var(--content-width); margin: 0 auto; justify-content: space-between; position: relative;}

/* Menu Main */
.menu-main-container {}
.menu-main-container a { text-decoration: none; color: var(--black); text-transform: uppercase; font-weight: 400; font-size: 16px;}
.menu-main-container a:hover {color: var(--light-blue); }

/* New TDL Menu */
#menu-main { list-style: none; padding: 0; margin: 0;}
#menu-main li { display: inline-block; padding: 0 0 0 40px; position: relative; line-height: 140px !important;}
#menu-main li.current_page_item a{}
#menu-main li.current_page_item .sub-menu li a{ }
#menu-main li.current_page_item .sub-menu li a:hover {}
#menu-main li .sub-menu { display: none; background: var(--cream); width: 270px; position: absolute; margin-left: 30px; padding: 10px; left: 0%; z-index: 9999;}
#menu-main .sub-menu li { display: block; text-align: left; line-height: 30px !important; position: relative; z-index: 999999; padding: 0 !important;}
#menu-main .sub-menu li a { text-shadow: none; line-height: 30px !important; display: inline-block; width: 100%;color: var(--green);font-weight: normal;text-transform: none;}
#menu-main .sub-menu li a:hover, #menu-main li.current_page_item .sub-menu li:hover a { color: var(--blue);}
#menu-main li:hover .sub-menu, #menu-main li.active:hover .sub-menu { display: block !important;}
#menu-main .sub-menu li:hover .sub-menu { display: block;}
#menu-main .sub-menu li .sub-menu { display: none; background: #FFF; width: 280px; position: absolute; margin-left: 109px; padding: 0px 0; border: 1px solid var(--light-blue); top: -1px;}
#menu-main li.current_page_item .sub-menu a { border-bottom: none;}
#menu-main li.current_page_item .sub-menu li a { color: var(--light-blue);}
#menu-main li.current_page_item .sub-menu li:hover .sub-menu a { color: var(--light-blue);}
#menu-main li .sub-menu li.current_page_item a { border: none !important;}

/* Mobile Menu */
#tdl_mm_container { background-color: var(--blue); line-height: 2em !important;text-align: left;}
#tdl_mm_container ul li a { text-align: left;line-height: 2em !important; text-decoration: none;}
#tdl_mm_container a { color: var(--white);}
#tdl_mm_container.dropdown { text-align: center; top: 150px !important;}
#header.sticky #tdl_mm_container.dropdown { text-align: center; top: 75px !important;}
.logged-in #tdl_mm_container.dropdown { text-align: center; top: 162px !important;}
.logged-in #header.sticky #tdl_mm_container.dropdown { text-align: center; top: 55px !important;}
#tdl_mm_container.slide, #tdl_mm_container.push { padding: 0px;}
#tdl_mm_container .sub-menu { padding-top: 0 !important; padding-bottom: 0 !important;}
#tdl_mm_container .sub-menu li { background-color: var(--white); line-height: 2em;}
#tdl_mm_container .sub-menu li.mobileOnly { background-color: var(--white);}
#tdl_mm_container .sub-menu a { color: var(--blue); font-size: 18px;}
#tdl_mm_button { right: 0px; top: 10px; z-index: 999999; position: relative !important;}
#header.sticky #tdl_mm_button { top: 15px;}
#tdl_mm_container .menu-item-has-children a:after{ border-color: transparent transparent transparent var(--brown) !important;}
#tdl_mm_button::after, #tdl_mm_button::before, #tdl_mm_button div { background-color: var(--black) !important;}
#tdl_mm_container .sub-menu .menu-item-has-children a:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #FFF; display: inline-block; margin-left: 10px; position: relative; top: -1px;}
#tdl_mm_container .sub-menu .sub-menu { background-color: #171716;}


/* sticky */
/* .sticky { position: sticky; top: 0; height: 80px; background-color: var(--white); width: 100%; z-index: 10000;}
.sticky .menu-main-container { top: 0;}
.sticky #menu-main { padding: 0;}
.sticky .menu-main-container a { color: var(--brown);}
.sticky .menu-main-container a:hover { color: var(--blue);}
.sticky #menu-main li { line-height: 45px;}
.sticky #menu-main .sub-menu { top: 50px; padding: 20px;} */


/* Add overlay when mobile menu is open */
body.activeMobileMenu:after { content: ''; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.8); z-index: 1;}

/* Top Bar */
.topBarWidget { background-color: var(--brown); width: 100%;height: 39px;}
.topBarWidget ul { padding: 10px 0; list-style: none;width: var(--headcontent-width); margin: 0 auto;}
.topBarWidget li { display: inline;}
.topBarWidget li a { text-transform: uppercase; padding: 0 50px 0 0; text-decoration: none;}
.topBarWidget a { color: var(--white); font-size: 1em;}
.topBarWidget a:hover, .topBarWidget .phoneIcon a:hover:before { color: var(--white);}

/* Banner */
/* rs-fullwidth-wrap { margin-bottom: 40px !important;} */

/* Logo */
.logo { width: 250px;}
.logo img { width: 100%;}
.logo a { display: block;}

/* Learn More Button */
.learnMore { text-transform: uppercase; color: var(--brown); text-decoration: none;}
.learnMore:hover { text-decoration: none;}
.learnMore:before { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 7px 14px 7px 0;
 border-color: transparent var(--brown) transparent transparent; position: relative; top: 1px; margin-right: 10px;}
.learnMore:hover:before { border-color: transparent var(--green) transparent transparent;}


/* Buttons */
.tdlButtonWrapper { display: flex;}
.tdlButtonWrapper .tdlButton { text-decoration: none; border: 2px solid var(--green); text-transform: uppercase; color: var(--green); padding: 8px 20px; transition: var(--default-transition);}
.tdlButtonWrapper .tdlButton:hover { background: var(--brown); color: var(--white); transition: var(--default-transition);}

.tdlCTAWrapper .tdlButtonWrapper .tdlButton { border: 2px solid var(--cream); color: var(--cream);}

/* .tdlButton { text-transform: lowercase; color: var(--black); cursor: pointer; position: relative;}
.tdlButton:hover { color: var(--brown);} */
/* .tdlButton:before, .tdlButton:after { font-family: 'icomoon'; display: inline-block; font-size: 13px;}
.tdlButton:before { content: '\e900'; margin-right: 3px;}
.tdlButton:after { content: '\e901'; margin-left: 3px;} */

.tdlButtonWrapper.right { justify-content: flex-end;}
.tdlButtonWrapper.center { justify-content: center;}

.tdlButtonWrapper.brown .tdlButton { color: var(--brown); border: 2px solid var(--brown);}
.tdlButtonWrapper.brown .tdlButton:hover { background: var(--green);}
.tdlButtonWrapper.blue .tdlButton { color: var(--blue); border: 2px solid var(--blue);}
.tdlButtonWrapper.blue .tdlButton:hover { background: var(--light-blue);}
.tdlButtonWrapper.light-blue .tdlButton { color: var(--light-blue); border: 2px solid var(--light-blue);}
.tdlButtonWrapper.light-blue .tdlButton:hover { background: var(--blue);}
.tdlButtonWrapper.olive .tdlButton { color: var(--olive); border: 2px solid var(--olive);}
.tdlButtonWrapper.olive .tdlButton:hover { background: var(--green);}
.tdlButtonWrapper.green .tdlButton { color: var(--green); border: 2px solid var(--green);}
.tdlButtonWrapper.green .tdlButton:hover { background: var(--olive);}
.tdlButtonWrapper.light-green .tdlButton { color: var(--light-green); border: 2px solid var(--light-green);}
.tdlButtonWrapper.light-green .tdlButton:hover { background: var(--green);}
.tdlButtonWrapper.cream .tdlButton { color: var(--cream); border: 2px solid var(--cream);}

.tdlButtonWrapper.simple .tdlButton { border: none !important;}
.tdlButtonWrapper.simple .tdlButton:hover { background: transparent !important; text-decoration: none; color: var(--brown);}
.tdlButtonWrapper.simple.blue .tdlButton:hover { color: var(--black);}
.tdlButtonWrapper.simple.light-blue .tdlButton:hover { color: var(--blue);}
.tdlButtonWrapper.simple.olive .tdlButton:hover { color: var(--green);}
.tdlButtonWrapper.simple.green .tdlButton:hover { color: var(--olive);}
.tdlButtonWrapper.simple.light-green .tdlButton:hover { color: var(--green);}
.tdlButtonWrapper.simple.cream .tdlButton:hover { color: var(--brown);}

.tdlButtonWrapper.simple .tdlButton:before { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 14px;
 border-color: transparent transparent transparent var(--green); position: relative; top: 1px; margin-right: 10px; transition: var(--default-transition);}
 .tdlButtonWrapper.simple .tdlButton:hover:before { transition: var(--default-transition); border-color: transparent transparent transparent var(--brown);}
.tdlButtonWrapper.simple.brown .tdlButton:before { border-color: transparent transparent transparent var(--brown);}
.tdlButtonWrapper.simple.brown .tdlButton:hover:before { border-color: transparent transparent transparent var(--green);}
.tdlButtonWrapper.simple.blue .tdlButton:before { border-color: transparent transparent transparent var(--blue);}
.tdlButtonWrapper.simple.blue .tdlButton:hover:before { border-color: transparent transparent transparent var(--black);}
.tdlButtonWrapper.simple.light-blue .tdlButton:before { border-color: transparent transparent transparent var(--light-blue);}
.tdlButtonWrapper.simple.light-blue .tdlButton:hover:before { border-color: transparent transparent transparent var(--blue);}
.tdlButtonWrapper.simple.light-green .tdlButton:before { border-color: transparent transparent transparent var(--light-green);}
.tdlButtonWrapper.simple.light-green .tdlButton:hover:before { border-color: transparent transparent transparent var(--green);}
.tdlButtonWrapper.simple.green .tdlButton:before { border-color: transparent transparent transparent var(--green);}
.tdlButtonWrapper.simple.green .tdlButton:hover:before { border-color: transparent transparent transparent var(--olive);}
.tdlButtonWrapper.simple.olive .tdlButton:before { border-color: transparent transparent transparent var(--olive);}
.tdlButtonWrapper.simple.olive .tdlButton:hover:before { border-color: transparent transparent transparent var(--green);}
.tdlButtonWrapper.simple.cream .tdlButton:before { border-color: transparent transparent transparent var(--cream);}
.tdlButtonWrapper.simple.cream .tdlButton:hover:before { border-color: transparent transparent transparent var(--brown);}


/* Icon Buttons */
.tdl-icon-button-wrapper { text-decoration: none; color: var(--white); margin: 50px 0;}
.tdl-icon-button-wrapper:hover { color: var(--white);}
.tdl-icon-button { background: var(--brown); color: var(--white); padding: 20px 30px; position: relative; overflow: hidden; transition: all 0.3s ease-out; margin: 50px 0;}
.tdl-icon-button.green { background: var(--green);}
.tdl-icon-button.blue { background: var(--blue);}
.tdl-icon-button.light-blue { background: var(--light-blue);}
.tdl-icon-button.cream { background: var(--cream);}
.tdl-icon-button.olive { background: var(--olive);}
.tdl-icon-button.white { background: var(--white);}
.tdl-icon-button .icon-wrapper { display: flex; justify-content: center;}
.tdl-icon-button .icon-wrapper .icon { height: 100px; width: 100px; border-radius: 50%; border: 2px solid var(--white); display: flex; align-items: center; justify-content: center; font-size: 100px;}
.tdl-icon-button .tdl-button-content { font-weight: 200;}
.tdl-icon-button-wrapper .tdl-icon-button .tdl-button-hidden-content { max-height: 0; overflow: hidden; transition:  all 0.3s ease-in-out;}
.tdl-icon-button-wrapper.active .tdl-icon-button .tdl-button-hidden-content { max-height: 500px; transition:  all 0.3s ease-in-out;}
/* .tdl-icon-button .tdl-button-content h3 { color: var(--white); text-align: center; font-family: var(--secondary-font); font-size: 42px; line-height: 1; margin: 20px 0; font-weight: 400; font-style: normal;} */
.tdl-icon-button .tdl-button-content h3 { color: var(--white); text-align: center; font-family: var(--primary-font); font-size: 42px; line-height: 1; margin: 20px 0; font-weight: bold; font-style: normal; text-transform: uppercase;}
.tdl-icon-button .tdl-button-content .learnMore { color: var(--white); text-align: center; padding: 35px 0; font-weight: 400; display: block;}
.tdl-icon-button:hover .tdl-button-content .learnMore { text-decoration: none;}
.tdl-icon-button .tdl-button-content .learnMore:before { transform: rotate(180deg); border-color: transparent var(--white) transparent transparent;}

.tdl-icon-button-wrapper:hover .tdl-icon-button { transform: translateY(-5px) scale(1.005) translateZ(0); box-shadow: 0 24px 36px rgba(0,0,0,0.11), 0 24px 46px var(--black); transition: all 0.3s ease-out;}
.tdl-icon-button-wrapper:hover .tdl-icon-button .overlay { transform: scale(4) translateZ(0); background: rgba(0,0,0,.1); transition: all 0.3s ease-out;}
.tdl-icon-button-wrapper:hover .tdl-icon-button .icon-wrapper .icon {}
.tdl-icon-button-wrapper:hover .tdl-icon-button .icon-wrapper:before .icon { background: var(--white);}
.tdl-icon-button-wrapper:hover .tdl-hs-button { transform: translateY(-5px) scale(1.005) translateZ(0); box-shadow: 0 24px 36px rgba(0,0,0,0.11), 0 24px 46px var(--black); transition: all 0.3s ease-out;}

.tdl-icon-button .overlay { width: 100px; position: absolute; height: 100px; border-radius: 50%; background: transparent; top: 22px; left: calc(50% - 50px); z-index: -1; transition: all 0.3s ease-out;}

.tdl-hs-button-wrapper { display: flex; justify-content: center; transform: translateY(calc(-50% - 50px))}
.tdl-hs-button { background: var(--brown); width: 50px; height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-out;}
.tdl-hs-button.green { background: var(--green);}
.tdl-hs-button.blue { background: var(--blue);}
.tdl-hs-button.light-blue { background: var(--light-blue);}
.tdl-hs-button.cream { background: var(--cream);}
.tdl-hs-button.olive { background: var(--olive);}
.tdl-hs-button.white { background: var(--white);}
.tdl-icon-button-wrapper .tdl-hs-button span:before { content: '+'; font-size: 40px;}
.tdl-icon-button-wrapper.active .tdl-hs-button span:before { content: '-';}

.icon-deer:before { position: relative; top: 3px;}

/* Icon Title Block Buttons */
.tdl-icon-button.title-block { background: var(--white); padding: 0 0 66px 0; overflow: visible; min-height: 300px; position: relative;}
.tdl-icon-button.title-block h3 { background: var(--brown); color: var(--white); padding: 50px 0 10px 0; margin: 0;}
.tdl-icon-button.title-block .icon-wrapper { display: flex; justify-content: center;}
.tdl-icon-button.title-block .icon-wrapper .icon { height: 50px; width: 50px; border-radius: 50%; border: none; display: flex; align-items: center; justify-content: center; font-size: 50px; background: var(--brown); position: absolute; transform: translateY(-33%); padding: 5px;}
.tdl-icon-button.title-block .text { color: var(--brown); padding: 30px;}
.tdl-icon-button.title-block .overlay { display: none;}
.tdl-icon-button.title-block .tdl-button-content .learnMore { color: var(--brown); padding-bottom: 10px; font-size: 14px; position: absolute; bottom: 0; display: inline-block; width: 100%;}
.tdl-icon-button.title-block .tdl-button-content .learnMore:before { transform: rotate(180deg); border-color: transparent var(--brown) transparent transparent; border-width: 5px 10px 5px 0; top: 0;}

.tdl-icon-button.title-block.blue h3 { background: var(--blue); color: var(--white);}
.tdl-icon-button.title-block.blue .icon-wrapper .icon { background: var(--blue);}
.tdl-icon-button.title-block.blue .tdl-button-content .learnMore { color: var(--blue);}
.tdl-icon-button.title-block.blue .tdl-button-content .learnMore:before { border-color: transparent var(--blue) transparent transparent;}
.tdl-icon-button.title-block.blue .text { color: var(--blue); padding: 30px;}

.tdl-icon-button.title-block.light-blue h3 { background: var(--light-blue); color: var(--white);}
.tdl-icon-button.title-block.light-blue .icon-wrapper .icon { background: var(--light-blue);}
.tdl-icon-button.title-block.light-blue .tdl-button-content .learnMore { color: var(--light-blue);}
.tdl-icon-button.title-block.light-blue .tdl-button-content .learnMore:before { border-color: transparent var(--light-blue) transparent transparent;}
.tdl-icon-button.title-block.light-blue .text { color: var(--light-blue); padding: 30px;}

.tdl-icon-button.title-block.cream h3 { background: var(--cream); color: var(--white);}
.tdl-icon-button.title-block.cream .icon-wrapper .icon { background: var(--cream);}
.tdl-icon-button.title-block.cream .tdl-button-content .learnMore { color: var(--cream);}
.tdl-icon-button.title-block.cream .tdl-button-content .learnMore:before { border-color: transparent var(--cream) transparent transparent;}
.tdl-icon-button.title-block.cream .text { color: var(--cream); padding: 30px;}

.tdl-icon-button.title-block.green h3 { background: var(--green); color: var(--white);}
.tdl-icon-button.title-block.green .icon-wrapper .icon { background: var(--green);}
.tdl-icon-button.title-block.green .tdl-button-content .learnMore { color: var(--green);}
.tdl-icon-button.title-block.green .tdl-button-content .learnMore:before { border-color: transparent var(--green) transparent transparent;}
.tdl-icon-button.title-block.green .text { color: var(--green); padding: 30px;}

.tdl-icon-button.title-block.light-green h3 { background: var(--light-green); color: var(--white);}
.tdl-icon-button.title-block.light-green .icon-wrapper .icon { background: var(--light-green);}
.tdl-icon-button.title-block.light-green .tdl-button-content .learnMore { color: var(--light-green);}
.tdl-icon-button.title-block.light-green .tdl-button-content .learnMore:before { border-color: transparent var(--light-green) transparent transparent;}
.tdl-icon-button.title-block.light-green .text { color: var(--light-green); padding: 30px;}


/* Footer */
#footer { background: var(--green);  color: var(--white); padding: 50px 0;}
footer { width: var(--content-width); margin: 0 auto; position: relative;}
footer ul { list-style: none; padding-left: 0; margin-top: 0;}
footer ul li a { font-weight: normal;}
footer a { text-decoration: none;}
footer :where(h1,h2,h3,h4) { color: var(--white);}
footer h3 { font-size: 36px; text-transform: uppercase;}
.footer_column_wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px;}
.footer_column_wrapper .footer_column {}

#credit, #copy{ text-align: right; font-size: .75em;margin: 0;}
#sub_footer { color: var(--white);}
#sub_footer a {text-decoration: none; color: var(--white);}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { fill: var(--white) !important; color: var(--white) !important;}
.wp-block-social-links svg { border: 1px solid var(--white); border-radius: 50%;}
.wp-block-social-links.is-style-logos-only .wp-social-link svg { width: 50px !important; height: 50px !important;}

/* Address Widget */
#tdl_contact_widget_container {}
#tdl_contact_widget_container #contactContainerWrapper { display: flex; flex-direction: row; gap: 35px;}
#tdl_contact_widget_container #contactContainerWrapper:before { content: '\e906'; width: 50px; height: 50px; display: flex; border-radius: 50%; border: 1px solid var(--white); font-family: 'icomoon'; justify-content: center; align-items: center; font-size: 50px; }
#tdl_contact_widget_container #contactContainer { margin-bottom: 35px;}
#tdl_contact_widget_container #addressContainerWrapper { display: flex; flex-direction: row; gap: 35px;}
#tdl_contact_widget_container #addressContainerWrapper:before { content: '\e907'; width: 50px; height: 50px; display: flex; border-radius: 50%; border: 1px solid var(--white); font-family: 'icomoon'; justify-content: center; align-items: center; font-size: 50px; }
#tdl_contact_widget_container #addressContainer { margin-bottom: 0px;}
#tdl_contact_widget_container p { padding: 0; margin: 0;}
#tdl_contact_widget_container strong { }

/* TLD Contact Links */
.tdlContactWrapper { padding-left: 50px;}
.tdlContactWrapper .tdlContact { display: flex; flex-direction: row; align-items: center; text-decoration: none;}
.tdlContactWrapper .tdlContact:hover { color: var(--blue);}
.tdlContactWrapper .tdlContact:before { font-family: 'icomoon'; display: inline-block; margin-right: 10px; font-size: 40px; width: 50px;}
.tdlContactWrapper.phone .tdlContact:before { content: '\e908';}
.tdlContactWrapper.email .tdlContact:before { content: '\e905'; font-size: 30px;}
.tdlContactWrapper.facebook .tdlContact:before { content: '\e906';}
.tdlContactWrapper.location .tdlContact:before { content: '\e907';}

/* Social Media Widget */
#tdl_social_widget_container { display: inline-block;}
#tdl_contact_widget_container, #tdl_contact_widget_container a { color: var(--white);}
#tdl_social_widget_container a { text-decoration: none;}
#tdl_social_widget_container .icon { margin-right: 20px;}
#tdl_social_widget_container .icon:before { color: var(--white); font-size: 16px;}
#tdl_social_widget_container .icon:hover:before { color: var(--brown);}

/* Forms */
.nf-form-content { max-width: none !important; padding: 0 !important;}
.nf-form-fields-required { text-align: right; font-style: italic !important;}
.submit-container input, input[type="submit"]{ padding: 8px 10px !important; background: transparent !important; text-transform: lowercase !important; font-weight: bold; border: none !important; color: var(--black) !important;}
.submit-container { display: flex; flex-direction: row; align-items: center;}
.submit-container input:hover, input[type="submit"]:hover { background: transparent !important; color: var(--blue) !important}
footer .submit-container input:hover, footer input[type="submit"]:hover { background: transparent !important; color: var(--cream) !important}
.nf-error-msg, .ninja-forms-req-symbol { color: var(--black) !important;}
.nf-form-content button:hover, .nf-form-content input[type="button"]:hover { background: var(--white) !important; color: var(--brown) !important;}
.entry-content .nf-form-content input:not([type="button"]), .entry-content .nf-form-content textarea, textarea, input { background-color: var(--white);border: 1px solid var(--black);}
.submit-container { display: flex; justify-content: flex-start; margin-bottom: 0 !important;}
.submit-container .submit-wrap .nf-field-element:before { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 14px;
   border-color: transparent transparent transparent var(--green); position: relative; top: 1px; margin-right: 10px; transition: var(--default-transition);}
.submit-container:hover .submit-wrap .nf-field-element:before { border-color: transparent transparent transparent var(--cream);}
input[type="submit"] { padding: 0 !important; color: var(--green) !important; background: transparent !important; border: none !important; border-left: none !important; text-transform: uppercase !important;}
input[type="submit"]:hover { color: var(--brown) !important;}
.submit-container:hover .submit-wrap .nf-field-element:before { border-color: transparent transparent transparent var(--brown); transition: var(--default-transition);}
/* .entry-content .nf-field-label{color: var(--black); } */

footer .nf-form-fields-required { display: none !important;}
footer .nf-field-label { display: none !important;}
footer .nf-error-wrap { display: none !important;}
footer .email-container { margin-bottom: 0 !important;}
footer .submit-container:before, footer .submit-container:after { display: none !important;}
footer .submit-container { display: flex; justify-content: center; margin-bottom: 0 !important;}
footer .submit-container .submit-wrap .nf-field-element:before { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 14px;
   border-color: transparent transparent transparent var(--white); position: relative; top: 1px; margin-right: 10px;}
footer .submit-container:hover .submit-wrap .nf-field-element:before { border-color: transparent transparent transparent var(--cream);}
footer .nf-form-content input:not([type="submit"]) { background: transparent !important; border: 1px solid var(--white) !important; color: var(--white) !important;}
footer input[type="submit"] { padding: 0 !important; color: var(--white) !important; background: transparent !important; border: none !important; border-left: none !important; text-transform: uppercase !important;}
.nf-field-container .field-wrap .nf-element::placeholder { color: var(--white) !important; opacity: 1 !important;}
footer .nf-error-msg, footer .ninja-forms-req-symbol { color: red !important; font-size: .8em; padding-bottom: 25px;}
footer #nf-field-10-container.html-container {}
footer #nf-field-10-container.html-container h3 { text-transform: uppercase; text-align: center; font-size: 24px; margin: 0; display: flex; flex-direction: column; align-items: center; line-height: 1;}
footer #nf-field-10-container.html-container h3 span.icon:before { content: '\e903'; width: 60px; height: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px; border: 2px solid var(--white); border-bottom: none; display: inline-block; background: var(--light-green); transform: translate(-50%, -100%); font-size: 45px; justify-content: center; align-items: center; font-family: 'icomoon'; position: absolute; padding-top: 5px;}
footer #nf-field-10-container.html-container h3 span.icon { margin-bottom: 25px;}
footer #nf-field-10-container.html-container h3 span { width: 100%; text-transform: initial; display: block;}
footer #ninja_forms_widget-2 { background: var(--light-green); padding: 0 25px; border: 2px solid var(--white); margin-bottom: 35px; margin-top: 50px;}

/* More Link */
.more-link { color: var(--brown);}


/* Accordion styles */
.vc_tta-panel .vc_tta-panel-title > a { color: var(--blue) !important; font-size: 1.6em !important;}
.vc_tta-panel-heading, .vc_tta-panel-body { border: 0px !important;}
.vc_tta-panel-body { background-color: var(--gray);}
.vc_tta-controls-icon:before { border-color: var(--brown) !important;}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a { padding-right: 200px !important;}
.vc_tta-panel { border-bottom: 1px solid var(--blue);}
.vc_tta .vc_tta-controls-icon { height: 20px !important; width: 20px !important;}
.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-triangle:before { border-width: 10px !important;}
.vc_active .vc_tta-panel-body { background-color: var(--gray) !important;}
.vc_active.vc_tta-panel { border: 1px solid var(--gray) !important;}
.vc_tta-panel .vc_tta-panel-heading:focus, .vc_tta-panel .vc_tta-panel-heading:hover { color: var(--white) !important; background-color: var(--white) !important;}

/* Call To Action */
.tdlCTAWrapper.vc_hidden { opacity: 1 !important;}
.tdlCTAWrapper { background: var(--blue); color: var(--white);}
.tdlCallToActionContainer > .vc_row { padding-left: 0 !important; width: 100% !important; padding-right: 0 !important; left: auto !important;}
.vc_row.tdlCallToActionContainer { margin-bottom: 0 !important;}
.tdlCTAWrapper h1, .tdlCTAWrapper h2, .tdlCTAWrapper h3, .tdlCTAWrapper h4 { color: var(--white); font-size: 2em;line-height: 1.2em;}

.tdlCallToActionContainer .vc_row .wpb_column .vc_row { width: 100% !important;}

.tdlCTAWrapper[data-overflow="true"] { overflow: visible !important; margin: 135px 0;}
.tdlCTAWrapper[data-overflow="true"] img { position: absolute; transform: rotate(-5deg) translateY(calc(-50% + 30px)); border: 20px solid var(--cream); box-shadow: 5px 5px 5px rgba(0,0,0,.2);}
.tdlCTAWrapper[data-overflow="true"] .headingWrapper.multi-line h3 { font-size: 26px; }
.tdlCTAWrapper[data-overflow="true"] .headingWrapper.multi-line h3 strong { font-size: 40px; }
.tdlCallToActionContainer[data-overflow="true"] .vc_row { min-height: 280px;}
.tdlCallToActionContainer[data-overflow="true"] .vc_col-sm-6 { display: flex; align-items: center; padding-bottom: 0 !important; padding-top: 35px !important;}
.tdlCallToActionContainer[data-overflow="true"] .vc_col-sm-6 .vc_col-sm-6 .wpb_wrapper { display: flex; flex-direction: column; gap: 20px;}
.tdlCallToActionContainer[data-overflow="true"] .vc_col-sm-6 .vc_col-sm-6 .wpb_wrapper .tdlButton { width: 70%; text-align: center;}
.tdlCallToActionContainer[data-overflow="true"] .vc_col-sm-6 .vc_col-sm-6 .wpb_wrapper .tdlButton:before, .tdlCallToActionContainer[data-overflow="true"] .vc_col-sm-6 .vc_col-sm-6 .wpb_wrapper .tdlButton:after { display: none;}
.page-id-28 .tdlCTAWrapper[data-overflow="true"] { margin: 0 0 135px 0 !important;}
.page-id-96 .tdlCTAWrapper[data-overflow="true"] { margin: 0 0 135px 0 !important;}

/* TDL Custom Blocks */
.tdlCreamBackground { background: var(--cream); overflow: visible !important; padding-bottom: 70px !important; padding-top: 70px !important;}
.tdlBlueBackground { background: var(--blue); padding-bottom: 70px !important; padding-top: 70px !important;}
.tdlAllowOverflow { overflow: visible !important;}
.home .tdlCreamBackground { padding-top: 0 !important;}
.tdlTexturedBlueBlock { background-image: url('assets/images/scoc_textured-blue-background-100.jpg'); background-size: cover; padding-top: 70px !important; padding-bottom: 70px !important;}
.tdlTexturedBlueBlock .headingWrapper :where(h1,h2,h3,h4) { margin-top: 0;}
.tdlCreamBackground .headingWrapper :where(h1,h2,h3,h4) { margin-top: 0;}
.wpb_wrapper .wpb_column .headingWrapper :where(h2,h3,h4) { margin: 0 !important;}
.tdlTexturedBlueBlock .wpb_column .headingWrapper :where(h2,h3,h4) { margin-bottom: 0 !important;}
.tdlCreamBackground .wpb_column .headingWrapper :where(h2,h3,h4) { margin-bottom: 0 !important; margin-top: 0 !important;}

.vc_row.tdlAllowOverflow .vc_row .vc_col-sm-12 { width: var(--content-width) !important; margin: 0 auto;}
.tdl-embed { width: 100%;}
.tdl-embed img { width: 100%; display: block;}
.tdlNoMarginTop { padding-top: 0 !important;}

/*************************************************************** Page Specific ****************************************************************/


/* Team Members */
.teamMemberTDLBlock { }
.teamMemberTDLBlock .teamMemberTDL { display: inline-block; width: 20%; margin-right: 6%; vertical-align: top; margin-bottom: 70px;}
.teamMemberTDLBlock .teamMemberTDL:nth-of-type(4n+4) { margin-right: 0;}
.teamMemberTDLBlock .teamMemberTDL .teamMemberTDL_image {}
.teamMemberTDLBlock .teamMemberTDL .teamMemberTDL_image img { width: 100%; height: auto;}
.teamMemberTDLBlock .teamMemberTDL h3 { font-size: 20px; margin: 10px 0 5px 0;}
.teamMemberTDLBlock .teamMemberTDL h4 { font-size: 16px; font-weight: 400; color: var(--brown); margin: 0;}
.teamMemberTDLBlock .teamMemberTDL h5 { color: rgba(10,15,28, .5); font-weight: 400; font-size: 16px; margin: 0}
.teamMemberTDLBlock .teamMemberTDL h4, .teamMemberTDLBlock .teamMemberTDL h5 { font-size: 12px;}
.teamMemberTDL a:link { text-decoration: none;}


/* Single Team Member */
.single-team_member article { width: 1080px; margin: 100px auto;}
.single-team_member img {}
.single-team_member h1 { margin-bottom: 0px; color: #0A0F1C; font-size: 60px; margin: 10px 0;}
.single-team_member h4 { margin-bottom: 0; font-weight: var(--primary-font-weight);}
.single-team_member h4.meet { color: var(--brown); font-size: 23px; margin-top: 0; font-weight: 700;}
.single-team_member h4.contact { font-size: 40px; margin: 30px 0; font-weight: 700;}
.single-team_member h2.posloc { font-size: 20px; color: rgba(10,15,28, .8); font-weight: var(--primary-font-weight);}
.single-team_member .member-header { padding-bottom: 20px; border-bottom: 1px solid #0A0F1C;  margin-bottom: 20px;}
.single-team_member .contact-info p { margin-bottom: 0;}
.single-team_member .left-column { width: 30%; display: inline-block; vertical-align: top;}
.single-team_member .right-column { width: 62%; display: inline-block; padding-left: 7%; vertical-align: top;}
.single-team_member .contact-info a { color: var(--brown);}
.single-team_member .contact-info p { line-height: 1.8em;}
.single-team_member ul#expertise { list-style: none; padding-left: 0;}
.single-team_member ul#expertise li { display: inline-block; border: 2px solid #0A0F1C; padding: 10px 30px; margin-right: 20px; font-weight: 700;}

/* TDL News Article */
.tdlNewsArticle h3 { margin-bottom: 0;}
.tdlNewsArticle h3 { font-size: 2em; margin: 15px 0 40px 0;}
.tdlNewsArticle { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid var(--blue);}
.tdlNewsArticle .sourceDate { color: var(--brown); font-weight: bold;}


/* Testimonials */
.testimonialRow { height: 420px; margin-top: 100px;}
.tdl-testimonial-container { margin: 70px 0;}
.tdl-testimonial-container .testimonial_content { color: var(--white) !important; padding: 0px 140px; position: relative; font-size: var(--primary-font-size); line-height: 1.6em; text-align: center; }
.tdl-testimonial-container .testimonial_content:before, .tdl-testimonial-container .testimonial_content:after { content: '"';}
.tdl-testimonial-container .testimonialAuthor { margin-top: 20px !important; color: var(--white) !important; text-align: center;}
.tdl-testimonial-container .testimonialAuthor:before { content: ''; width: 20px; height: 1px; background: var(--white); display: inline-block; margin-right: 10px; position: relative; top: -7px;}
.tdl-testimonial-container.carousel .testimonialTDL { display: none;}
.tdl-testimonial-container.carousel .testimonialTDL:first-of-type { display: block;    }

.tdl-testimonial-container.list .testimonialTDL { margin-bottom: 70px; }
.tdl-testimonial-container.list .testimonial_content { font-size: 1em;}

.testimonialRow #dotsNavigation { text-align: center; }
.testimonialRow #dotsNavigation ul { list-style: none; padding-left: 0;}
.testimonialRow #dotsNavigation ul li { display: inline-block; height: 5px; width: 5px; background: var(--white); margin: 0 5px; border-radius: 50%;}
.testimonialRow #dotsNavigation ul li:hover { background: var(--brown);}
.testimonialRow #dotsNavigation ul li.active { background: var(--brown);}
.testimonialRow{height: 420px;}


/* Blog Posts */
#tdl-post-container {}
.tdl-blog-post { padding-bottom: var(--gutter); display: inline-block; vertical-align: top; width: 29%; margin-right: 6%}
.tdl-blog-post:nth-of-type(3n+3) { margin-right: 0;}
.tdl-blog-post img { width: 100%; height: auto;}
.tdl-blog-post.square {}
.tdl-blog-post.square img {}
.tdl-blog-post.circle {}
.tdl-blog-post.circle img { border-radius: 50%;}
.tdl-blog-post .readMore { display:  inline-block; margin-top: 20px;  color: var(--brown);}
.readMore{font-weight: bold;}
.tdl-blog-post.featured { width: 100%; margin-bottom: 35px;}
.tdl-blog-post.featured img { width: 40%; float: left; padding-right: 70px;}
.tdl-blog-post .postCatContainer { color: var(--brown);padding-top: 30px;}

.tdl-blog-post.toggle .readMore:after { content: 'Read More'; cursor: pointer;}
.tdl-blog-post.toggle .readMore.active:after { content: 'Read Less';}
.tdl-blog-post.toggle.active .content { display: inline-block;}
.tdl-blog-post.toggle.active .excerpt { display: none;}

.tdl-blog-post .postCatContainer { font-weight: bold; text-decoration: none;}
.tdl-blog-post h3, .recent-post-container h3 { font-size: 1.75em; font-weight: var(--primary-font-weight); line-height: 1em;}
.readMore { text-transform: uppercase; text-decoration: none;}
.readMore:hover { color: var(--blue);}

.postCatContainer a, .tdl-blog-post a, .recent-post-container a { text-decoration: none;}

/* Post Categories */
.archive.category { }
.archive.category h1.catTitle { color: var(--blue) !important; margin-top: 70px; margin-bottom: 70px}
.archive.category article { width: calc(var(--content-width) - 20px); margin: 0 auto; padding-bottom: 100px;}

/* Single Post */
.single-post article { width: calc(var(--content-width) - 20px); margin: 0 auto; padding-bottom: 100px;}
.single-post h1 { color: var(--blue);}
.single-post h3 { color: var(--brown);}
.single-post h4 { color: var(--brown);}
.single-post .post-header { text-align: center; padding-top: 100px;}
.single-post .recent-post-container { background: #ECECEC;}
.single-post .post-wrapper { width: calc(var(--content-width) - 20px); margin: 0 auto; padding: 100px 0;}
.single-post .recent-post-container h4 { margin-bottom: 0; text-align: center;}
.single-post .recent-post-container h2 { margin-top: 5px; text-align: center; margin-bottom: 70px;}
.single-post .recent-post-container .post { display: inline-block; vertical-align: top; width: 29%; margin-right: 6%}
.single-post .recent-post-container .post:nth-of-type(3n+3) { margin-right: 0;}
.single-post .recent-post-container .post img { width: 100%; height: auto;}
.single-post .recent-post-container .post h3 { color: var(--blue);}
.single-post .recent-post-container .post .postCatContainer { margin-top: 15px;}
.single-post .recent-post-container .post .postCatContainer a { color: var(--brown);}
.single-post .recent-post-container .post .readMore { color: var(--brown);}

/* TDL Projects */
.tdlProjectBlock {}
.tdlProjectBlock .tdlProjectWrapper {}
.tdlProjectBlock .tdlProjectWrapper a { text-decoration: none;}
.tdlProjectBlock .tdlProjectWrapper:where(.list, .altlist) .tdlProject { display: flex; flex-direction: row-reverse; gap: 50px; margin-bottom: 70px;}
.tdlProjectBlock .tdlProjectWrapper:where(.altlist) a:nth-of-type(even) .tdlProject { flex-direction: row; gap: 65px;}
.tdlProject .contentWrapper { flex: 1; display: flex; flex-direction: column; justify-content: center; position: relative;}
.tdlProject .contentWrapper h4 { margin-top: 0; margin-bottom: 20px; color: var(--blue); font-size: 32px; font-family: var(--primary-font); transition: var(--default-transition);}
.tdlProject .contentWrapper .tdlButton { text-align: right; position: absolute; bottom: 0; right: 0;}
.tdlProjectBlock .tdlProjectWrapper a:nth-of-type(even) .tdlProject .contentWrapper h4 { color: var(--mustard);}
.tdlProject .contentWrapper .content {}
.tdlProject .imageWrapper { display: flex; flex-direction: column; justify-content: center;}
.tdlProject .imageWrapper .image { position: relative;}
.tdlProject .imageWrapper .image:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 15px; left: -15px; background: var(--blue); z-index: 1; transition: var(--default-transition);}
.tdlProjectBlock .tdlProjectWrapper a:nth-of-type(even) .tdlProject .imageWrapper .image:before { background: var(--mustard);}
.tdlProject .imageWrapper .image img { display: block; transition: var(--default-transition); position: relative; z-index: 2;}

.tdlProjectBlock .tdlProjectWrapper a:hover .tdlProject .imageWrapper .image img { filter: grayscale(100%); transition: var(--default-transition);}
.tdlProjectBlock .tdlProjectWrapper a:hover .tdlProject .imageWrapper .image:before { background: var(--brown); transition: var(--default-transition);}
.tdlProjectBlock .tdlProjectWrapper a:hover .tdlProject .contentWrapper h4 { color: var(--brown); transition: var(--default-transition);}

/* Error 404 */
article.error404 { margin: 0 auto; width: var(--content-width); padding-bottom: 35px;}
.error404 h1 { margin-bottom: 0;}
.error404 p { margin-top: 0;}



/* Single Project */
.single-project article { width: var(--content-width); margin: 0 auto; padding-bottom: 70px;}


/* TDL Partner Images */
.tdl-partners { display: flex; flex-direction: row; flex-wrap: wrap; gap: 70px; margin-bottom: 70px; justify-content: space-evenly;}
.tdl-partners .tdl-partner-item { height: 140px;}
.tdl-partners .tdl-partner-item img { height: 100%; width: auto;}

/* Numbered Section List */
.tdlNumberedSectionContainer { margin: 35px 0;}
.tdlNumberedSectionContainer .contentWrapper { counter-reset: number;}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem { display: flex; flex-direction: row; gap: 50px; justify-content: space-between; margin-bottom: 70px; counter-increment: number; }
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem h3 { margin-top: 0; font-family: var(--primary-font); font-size: 35px;}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem .description {}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem .iconWrapper .icon { width: 150px; height: 150px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid var(--brown); font-size: 75px; font-family: var(--primary-font); margin-top: 50px;}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem .iconWrapper .icon:before{ content: counter(number);}

.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 1) .iconWrapper .icon { border: 2px solid var(--blue); color: var(--blue);}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 1) h3 { color: var(--blue);}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 2) .iconWrapper .icon { border: 2px solid var(--mustard); color: var(--mustard);}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 2) h3 { color: var(--mustard);}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 3) .iconWrapper .icon { border: 2px solid var(--black); color: var(--black);}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 3) h3 { color: var(--black);}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 4) .iconWrapper .icon { border: 2px solid var(--green); color: var(--green);}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 4) h3 { color: var(--green);}

.tdlNumberedSectionContainer.alternating .contentWrapper .tdlNumberedtItem:nth-of-type(even) { flex-direction: row-reverse;}

/* Alerts */
.tdlAlertBlock {}
.tdlAlertBlock.offset { transform: translateY(calc(-50% + 9px)); position: relative; z-index: 1;}
.tdlAlertBlock.list {}
.tdlAlertBlock.list .tdlAlertWrapper .alert { margin-bottom: 35px;}
.tdlAlertBlock.carousel {}
.tdlAlertBlock.carousel .tdlAlertWrapper .alert:not(.active) { display: none;}
.tdlAlertBlock .tdlAlertWrapper { list-style: none; padding: 0; margin: 0;}
.tdlAlertBlock .tdlAlertWrapper .alert { background: var(--white); display: flex; flex-direction: row; border: 4px solid var(--brown);}
.tdlAlertBlock .tdlAlertWrapper .alert .headingWrapper { background: var(--brown); padding: 20px; flex: 0 0 30%; align-items: center;}
.tdlAlertBlock .tdlAlertWrapper .alert .contentWrapper { background: var(--white); padding: 20px; color: var(--brown); display: flex; flex-direction: row; align-items: flex-end; gap: 20px; flex: 1;;}
.tdlAlertBlock .tdlAlertWrapper .alert .description { display: flex; flex-direction: column; align-self: flex-start;}
.tdlAlertBlock .tdlAlertWrapper .alert .description a { color: var(--brown); font-weight: normal;}
.tdlAlertBlock .tdlAlertWrapper .alert .description strong { text-transform: uppercase;}
.tdlAlertBlock .tdlAlertWrapper .alert h4 { color: var(--white); margin: 0; text-transform: uppercase; font-size: 30px; font-weight: 900;}
.tdlAlertBlock .tdlAlertWrapper a.learnMore { flex: 1 0 fit-content; text-decoration: none; text-align: right;}
.tdlAlertBlock .tdlAlertWrapper a.learnMore:hover { color: var(--brown); text-decoration: none;}

/* Alert Navigation */
#alertNavWrapper { display: flex; flex-direction: row; gap: 20px; justify-content: center; margin: 5px 0; align-items: center;}
#alertNavWrapper .alertNavButton { display: inline-block; width: 0; height: 0; border-style: solid;}
#alertNavWrapper .alertNavButton#prevbtn { border-width: 7px 14px 7px 0; border-color: transparent var(--brown) transparent transparent;}
#alertNavWrapper .alertNavButton#prevbtn:hover { border-color: transparent var(--blue) transparent transparent;}
#alertNavWrapper .alertNavButton#nextbtn { border-width: 7px 0 7px 14px; border-color: transparent transparent transparent var(--brown);}
#alertNavWrapper .alertNavButton#nextbtn:hover { border-color: transparent transparent transparent var(--blue);}
#alertNavWrapper span#index { color: var(--brown); font-size: 12px;}

/* Interior page header alerts */
header .tdlAlertBlock.carousel { position: absolute; top: 0; left: 0; right: 0; display: flex; justify-content: flex-end; width: var(--content-width); margin: 0 auto; z-index: 9;}
header .tdlAlertBlock.carousel .alert { background: var(--brown); color: var(--white); text-transform: uppercase; padding: 2px 5px; text-decoration: none;}

/* Single Alert */
.single-alert rs-fullwidth-wrap { margin-top: -132px !important;}
.single-alert .alpha { margin-top: 132px; margin-bottom: 35px;}
.single-alert article { margin: 0 auto; width: var(--content-width); display: block !important; padding: 35px 0;}
.single-alert article h1 { margin-bottom: 0;}
.single-alert article p { margin-top: 0;}
.single-alert .learnMore { margin-top: 35px; display: block; text-align: right;}

/* Quotes */
.quoteWrapper { padding: 100px 0;}
/* .quoteWrapper h4.quote { color: var(--white); font-size: 52px; margin: 0; font-family: var(--secondary-font); line-height: 1; font-weight: 400; font-style: normal;} */
.quoteWrapper h4.quote { color: var(--white); font-size: 52px; margin: 0; font-family: var(--primary-font); line-height: 1; font-weight: bold; font-style: normal; text-transform: uppercase;}
.quoteWrapper h4.quote:before, .quoteWrapper h4.quote:after { content: '"'; display: inline-block; position: relative; top: -15px;}
.quoteWrapper span.author { color: var(--white); font-size: 22px;}
.quoteWrapper span.author:before { content: '-'; display: inline-block; margin-right: 10px;}

.quoteWrapper.shadow h4.quote { text-shadow: 2px 2px 10px var(--black);}
.quoteWrapper.shadow span.author { text-shadow: 2px 2px 10px var(--black);}

.quoteWrapper.blue h4.quote { color: var(--blue);}
.quoteWrapper.blue span.author { color: var(--blue);}
.quoteWrapper.light-blue h4.quote { color: var(--light-blue);}
.quoteWrapper.light-blue span.author { color: var(--light-blue);}
.quoteWrapper.brown h4.quote { color: var(--brown);}
.quoteWrapper.brown span.author { color: var(--brown);}
.quoteWrapper.green h4.quote { color: var(--green);}
.quoteWrapper.green span.author { color: var(--green);}
.quoteWrapper.olive h4.quote { color: var(--olive);}
.quoteWrapper.olive span.author { color: var(--olive);}
.quoteWrapper.cream h4.quote { color: var(--cream);}
.quoteWrapper.cream span.author { color: var(--cream);}

/* Image Carousel */
.tdl-image-carousel {}
.tdl-image-carousel .tdl-carousel-item {}
.tdl-image-carousel .tdl-carousel-item img { width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: cover; display: block;}

/* Tabbed Content */
.tdlTabbedContentContainer { display: flex; flex-direction: row; gap: 60px; align-items: center;}
.tdlTabbedContentContainer .mobileContentWrapper { display: none;}
.tdlTabbedContentContainer .navWrapper { flex: 0 0 30%;}
.tdlTabbedContentContainer .navWrapper ul { list-style: none; padding-left: 0;}
.tdlTabbedContentContainer .navWrapper ul li { display: flex; gap: 20px; margin-bottom: 10px;}
.tdlTabbedContentContainer .navWrapper ul li.active { color: var(--light-blue);}
.tdlTabbedContentContainer .navWrapper ul li .icon { flex: 0 0 50px; height: 50px; width: 50px; border-radius: 50%; background: var(--blue); display: flex; justify-content: center; align-items: center; color: var(--white); font-size: 40px;}
.tdlTabbedContentContainer .navWrapper ul li span { cursor: pointer; font-size: 24px; width: 100%; display: inline-block;}
.tdlTabbedContentContainer .contentWrapper {}
.tdlTabbedContentContainer .contentWrapper .tdlTabbedContentItem { font-weight: 200; font-size: 1.5em;}
.tdlTabbedContentContainer .contentWrapper .tdlTabbedContentItem .image {}
.tdlTabbedContentContainer .contentWrapper .tdlTabbedContentItem .image img { width: 100%;}
.tdlTabbedContentContainer .contentWrapper .tdlTabbedContentItem a.learnMore { font-size: var(--primary-font-size); display: block; text-align: right;}
.tdlTabbedContentContainer .contentWrapper .tdlTabbedContentItem a.learnMore:before { transform: rotate(180deg);}
.tdlTabbedContentContainer .contentWrapper .tdlTabbedContentItem:not(.active) { display: none;}

/* TDL Interactive Form */
.tdl-interactive-form { display: flex; flex-direction: column; align-items: center; color: var(--green); margin-bottom: 70px;}
.tdl-interactive-form span { font-size: 2em;}
.tdl-interactive-form span.disabled { display: none;}
.tdl-interactive-form span:first-of-type { margin-bottom: 20px;}
.tdl-interactive-form span:last-of-type { margin-top: 20px;}
.tdl-interactive-form .activities { display: flex; gap: 10px; margin-top: 20px;}
.tdl-interactive-form .activities:not(.active) { display: none;}
.tdl-interactive-form .activities .activity { display: flex; width: 70px; height: 70px; font-size: 70px; border-radius: 50%; border: 2px solid var(--green); color: var(--green);}
.tdl-interactive-form .activities .activity:hover { border: 2px solid var(--olive); color: var(--olive);}

/* Custom Form Select */
/* The container must be positioned relative: */
.tdl-custom-select { position: relative; }

.tdl-custom-select select { display: none; /*hide original SELECT element: */}

.select-selected { background-color: var(--white); display: flex; width: 200px; align-items: baseline; justify-content: space-between;}

/* Style the arrow inside the select element: */
.select-selected:after { content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: var(--black) transparent transparent transparent;}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after { border-color: transparent transparent var(--black) transparent; top: 7px;}

/* style the items (options), including the selected item: */
.select-items div,.select-selected { color: var(--black); padding: 8px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;}

/* Style items (options): */
.select-items { position: absolute; background-color: var(--cream); top: 100%; left: 0; right: 0; z-index: 99;}

/* Hide the items when the select box is closed: */
.select-hide { display: none;}
.select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1);}