/*
Theme Name: Poonams By Design Custom Theme
Theme URI: https://tandemdesignlab.com
Author: Tandem Design Lab
Author URI: https://tandemdesignlab.com
Description: Custom Theme for Poonams By Design
Version: 2.0
License: none
Tags:
*/


@font-face {font-family: 'Cinzel';src: url('../ttf/cinzel-regular.ttf');}


:root{
  --primary-font: 'Calibri', sans-serif;
  --secondary-font: 'Cinzel', sans-serif;
  --primary-font-size: 20px;
  --primary-font-weight: 300;
  --content-width: 1040px;
  --gutter: 60px;
  --gutterBlocks: 60px;
  --red:#AD0707 ;
  --black: #414042;
  --gray: #DBD9D9;
  --white: #FFF;
  --defaultpadding: 60px;
  --smallpadding: 30px;
  --bodywidth: 1200px;
  --lineheight: 28px;
  --lspacing: 2px;
  --default-transition: ease-in-out .5s all;
  --column-large-gap: 20px;
}


/****************************************************************** Structure and Defaults ******************************************************************/
body{ padding: 0; margin: 0; font-family: var(--primary-font); font-weight: var(--primary-font-weight); font-size: var(--primary-font-size); line-height: var(--lineheight);color: var(--black);position: relative;}
a, a:hover { color: var(--red);}
h1, h2, h3, h4 { color: var(--black); font-weight: 300; font-family: var(--secondary-font);}
h1 { font-size: 2em; line-height: 1em;}
h2 { font-size: 1.75em; line-height: 1em; margin-top: 0;text-transform: none;}
h1.headingSmall{font-size: 1.25em;}

#content .vc_row-o-content-middle h2, #content .vc_row-o-content-middle h1, #content .vc_row-o-content-middle h3, #content .vc_row-o-content-middle h4{text-align: left;}

.clear{clear:both;}
.alignleft{float:left; padding: 10px 10px 10px 0;}
.alignright{float:right; padding: 10px 0px 10px 10px;}
p { }
p a { color: var(--blue);}
.right { text-align: right;}
.center { text-align: center;}
.socialMediaWidget h3 { margin-top: 0;}
.socialMediaWidget #tdl_social_widget_container .icon:hover:before { color: var(--white);}
#content{font-weight: 400;text-align: justify; }
.red{color: var(--red);}


.entry-content .vc_row:last-of-type{margin-bottom: var(--defaultpadding); }
.entry-content .vc_row.tdlCTAWrapper:last-of-type, .entry-content .vc_row .vc_row:last-of-type{margin-bottom: 0; }

.error404 .entry-content{width: var(--content-width); margin: 0 auto;}

.page-template-no-banner #header { position: relative;}
/*************************************************************** General Styles ****************************************************************/


/* headings */
h1.headingSmall{font-size: 1.25em;}
h1.headingMinText, h2.headingMinText, h3.headingMinText, h4.headingMinText{font-size: 1em; font-family: var(--primary-font); font-weight: bold; }

h1.subtitle, h2.subtitle, h3.subtitle, h4.subtitle, h5.subtitle, .subtitle{font-family: var(--primary-font); font-weight: normal;letter-spacing: var(--lspacing);text-transform: uppercase; }

h3.titleService{font-size: 19px;}

/* Header */
#header {margin: 0 auto;position: absolute; top: 0;  width: 96%; z-index: 1000; padding: 10px 2%; margin: 0 auto;   background-image: linear-gradient(to bottom, rgba(66,65,67,1), rgba(66,65,67,0));}
header{width: var(--content-width); display: flex;flex-direction: row;margin: 0 auto;}

.logo {width: 25%;margin:10px auto;}
.logo img { width: 100%;}
.logo a { display: block;}



/* Menu Main */
.menu-main-container { flex: 70%;text-align: right;}
.menu-main-container { }
.menu-main-container a { font-size: 16px; text-decoration: none; color: var(--white); text-transform: uppercase; }
.menu-main-container a:hover {color: var(--red); }

/* New TDL Menu */
#menu-main { list-style: none; padding: 20px 0;}
#menu-main li { display: inline-block; padding: 0 10px; position: relative; line-height: 60px !important;}
#menu-main li.current_page_item a{}
#menu-main li.current_page_item .sub-menu{}
#menu-main li.current_page_item .sub-menu li a{ }
#menu-main li.current_page_item .sub-menu li a:hover {}
#menu-main a {}
#menu-main a:hover { color: var(--red);}
#menu-main li .sub-menu { display: none; background: var(--white); width: 270px; position: absolute; margin: 0px 0 var(--smallpadding) 0; 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(--blue);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(--red);}
#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(--red); 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(--red);}
#menu-main li.current_page_item .sub-menu li a:hover { color: var(--red);}
#menu-main li .sub-menu li.current_page_item a { border: none !important;}

/* shopping cart icon */
#tdl_mm_container li.shopIcon a{margin-left: 24px; display: block; background-image: url('../png/shopping-icon.png'); background-size: contain;  width: 14px; height: 34px;text-indent: 100%;white-space: nowrap;overflow: hidden;}




/* Mobile Menu */
#tdl_mm_container { background-color: var(--black); line-height: 2em !important;text-align: left;}
#tdl_mm_container ul li a { text-align: left;line-height: 2em !important; text-decoration: none;text-transform: uppercase; }
#tdl_mm_container ul li .sub-menu li a {padding-left: 40px; text-transform: none; }

#tdl_mm_container a { color: var(--white);}
#tdl_mm_container a:hover, #tdl_mm_container .sub-menu a:hover  { color: var(--red);}

#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(--black); line-height: 2em;}

#tdl_mm_container .sub-menu a { color: var(--white); font-size: 18px;}
#tdl_mm_button { margin: var(--smallpadding); right: 0px; top: 0px; z-index: 999999;}
#header.sticky #tdl_mm_button { top: 15px;}
#tdl_mm_container .menu-item-has-children a:after{ border-color: transparent transparent transparent var(--white) !important;}
#tdl_mm_button::after, #tdl_mm_button::before, #tdl_mm_button div { background-color: var(--white) !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: var(--gray);}


/* sticky */
.sticky { position: fixed !important; top: 0 !important; height: 100px; background-image: linear-gradient(to bottom, rgba(66,65,67,1), rgba(66,65,67,0)); width: 100%; z-index: 10000;}
.sticky .menu-main-container { top: 0;}
.sticky #menu-main { padding: 0;}
.sticky .menu-main-container a { color: var(--white);}
.sticky .menu-main-container a:hover { color: var(--red);}
.sticky #menu-main li { line-height: 45px;}
.sticky #menu-main .sub-menu { top: 50px; padding: 20px;}
#header.sticky .logo{width: 15%;}





rs-fullwidth-wrap{margin-bottom: var(--gutter) !important;}

/* 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: 9;}

/* Top Bar */
.topBarWidget { background-color: var(--red); 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);}


/* Buttons */
.button, .tdlButton, input[type='button'], .nf-form-content input[type="button"]{ text-decoration: none !important; border: 1px solid var(--black) !important; text-transform: uppercase; color: var(--black) !important; padding: 8px 20px !important; letter-spacing:var(--lspacing); background: #fff !important;}
.tdlButton:hover, input[type='button']:hover, .nf-form-content input[type="button"]:hover, .woocommerce a.button:hover { border: 1px solid var(--red);  background: var(--red) !important; color: var(--white) !important;}

.buttonRed .tdlButton{border-color: var(--red); color: var(--red); }
.buttonRed:hover .tdlButton{background: var(--red); color: var(--white);}

.buttonWhite .tdlButton{border-color: var(--white); color: var(--white);}
.buttonWhite:hover .tdlButton{background: var(--white); color: var(--black);}

/* TDL Image Buttons */
.tdl-image-button-wrapper {
  position: relative; aspect-ratio: 1; margin-bottom: var(--defaultpadding);
  .image-wrapper {
    position: absolute; width: 100%; height: 100%;
    &:after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0); left: 0; top: 0; z-index: 1; transition: var(--default-transition);}
    img { width: 100%; opacity: .6;}
  }
  h2 { position: absolute; top: 30%; display: inline-block; width: 80%; left: 10%; z-index: 2; text-align: center; font-size: 1.35em; color: var(--black); transition: var(--default-transition);}

  &:hover {
    .image-wrapper {
      position: relative;
      &:after { background: rgba(0,0,0,.5); transition: var(--default-transition)}
    }
    h2 { color: var(--white); transition: var(--default-transition);}
  }
}



/* Footer */
#footer { background: var(--gray); padding: var(--gutter);  color: var(--black); }
footer { width: var(--content-width); margin: 0 auto;}
footer h2, footer h3, footer h4, footer h5{font-family: var(--primary-font);text-transform: uppercase; }
footer ul { list-style: none; padding-left: 0; margin-top: 0;}
footer a { text-decoration: none;color: var(--black);}

#footerTop{width: 100%;padding-bottom: var(--gutter);}
#footerTop ul{text-align: center;}
#footerTop li{display: inline-block;}
#footerTop li a{padding: 10px 20px;font-weight: normal; font-size: 16px; text-transform: uppercase;letter-spacing: var(--lspacing);}
#footerTop ul li:after { content: " | "; }
#footerTop ul li:last-of-type:after { content: " "; }

.footerColumns{display: grid; grid-template-columns: 33% 33% 33%;}
.footer_column { border-right: 1px solid var(--black);padding: 0 var(--smallpadding); }
.footerColumns .footer_column:last-of-type{border-right: 0;}
.footerColumns h2{font-size: 1.3em;letter-spacing: var(--lspacing);}
.footerColumn3{line-height: 2em;}

#block-13, #block-19 {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10%;
  figure {
    display: flex; align-items: center;
    margin: 0 !important;
    .wp-block-image img { float: none !important; margin: 0 !important; width: 100% !important;}
  }
  .wp-block-image .alignleft { float: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important;}
}


#block-18{margin-top: var(--smallpadding);}


#credit, #copy{ text-align: center; font-size: .75em;margin: 0;}

#sub_footer { color: var(--black);  padding-bottom: 35px;  background: var(--gray);text-align:center;}
#sub_footer a {text-decoration: none; color: var(--black);}
#sub_footer footer { padding-top: 35px; width: var(--content-width) !important;}

/* Address Widget */
#tdl_contact_widget_container { padding-bottom: 10px;}
#tdl_contact_widget_container #emailContainer { margin-bottom: 10px;}
#tdl_contact_widget_container p { padding: 0; margin: 0;}
#tdl_contact_widget_container strong { font-weight: 400; }

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




/* Forms */
.nf-form-content { max-width: none !important; padding: 0 !important;}
.nf-form-fields-required { text-align: right; font-style: italic !important;}
.nf-error-msg, .ninja-forms-req-symbol { color: var(--red) !important;}
.entry-content .nf-form-content input:not([type="button"]), .entry-content .nf-form-content textarea, textarea, input, select{background-color: var(--white);border: 1px solid var(--gray);color: var(--black); text-transform: uppercase; letter-spacing: var(--lspacing); }
body .entry-content .nf-field-label label{color: var(--black);font-size: inherit; font-weight: normal; }
footer .submit-container input { padding: 0 20px !important; background: var(--red) !important; text-transform: uppercase !important; font-weight: bold; position: relative;}
body .nf-form-content select.ninja-forms-field{color: var(--black); }
body .nf-form-content .list-select-wrap > div select{background-color: var(--white); border: 1px solid var(--gray); }

.entry-content .nf-form-content select { font-size: 12px !important;}

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


/* 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(--red) !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(--black); color: var(--white); text-align: center;padding: var(--defaultpadding) 0; }
.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 h2 { color: var(--white); font-size: 2em;line-height: 1.2em;}
.tdlCTAWrapper p{font-size: 1.5em;}
.tdlCTAWrapper p .button{font-size: .75em;}

.tdlCTAWrapper .button{background-color: var(--black) !important;border-color: var(--white) !important; color: var(--white) !important; }
.tdlCTAWrapper .button:hover{background-color: var(--red) !important;border-color: var(--white) !important; color: var(--white) !important; }



/* galleries */

.gallery img{border: 0 !important;}


/* shopping cart */
.entry-content .woocommerce, .woocommerce #mainContent, #post-1200, .woocommerce #content{width: var(--content-width); margin: 0 auto;}
#comments, .meta, .woocommerce-LoopProduct-link .price, .woocommerce-ordering, .woocommerce-result-count, .woocommerce-loop-category__title .count{display: none !important;}
.woocommerce ul.products li.product .woocommerce-loop-category__title{width: 95%; margin: 0 2.5% !important;  color: var(--black); display: block; position: absolute;font-size: 1.35em !important; top: 30%; text-align: center; }
.product-category a{position: relative; display: block; background: rgba(0,0,0,0); transition: var(--default-transition);}
.product-category a:hover .woocommerce-loop-category__title{color: var(--white) !important; transition: var(--default-transition);}
.product-category a:hover {background-color: rgba(0,0,0,1); transition: var(--default-transition);}
.product-category img{opacity: .6;}
.button{border-radius: 0px !important; font-famiily: var(--primary-font) !important; font-weight: normal !important;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{text-align: center;}
.related{clear: both; margin: var(--defaultpadding) 0;padding-top: var(--defaultpadding); border-top: 1px solid var(--black); }
.woocommerce div.product p.price{color: var(--black) !important;}
/* .woocommerce-page #header{position: relative; background-color: var(--black); padding: 10px 2%;margin-bottom: var(--defaultpadding); } */
.woocommerce h1{text-align: center;margin-bottom: var(--defaultpadding);}
.woocommerce .title h3{text-align: center; font-size: 2em; }
.woocommerce a {text-decoration: none;}
.woocommerce .quantity .qty{border: 1px solid var(--black); height: 34px;}
.woocommerce .flex-control-thumbs{padding-top: var(--smallpadding) !important;}
.woocommerce .flex-control-thumbs li{padding: var(--smallpadding) var(--smallpadding) var(--smallpadding) 0 !important;}
body .woocommerce ul.products li.product, body .woocommerce-page ul.products li.product, body .woocommerce ul.products li.last, body .woocommerce-page ul.products li.last, body .woocommerce ul.products li.last, body .woocommerce-page ul.products li.first, body .woocommerce-page.columns-3 ul.products li.product, body .woocommerce.columns-3 ul.products li.product{width: auto; margin-right: 0 !important;float: none !important;}
body .woocommerce ul.products{display: grid; grid-template-columns: 30% 30% 30%;gap: var(--defaultpadding) 5%; }
body .woocommerce ul.products:before, body .woocommerce ul.products:before{display: none;}
.added_to_cart{padding-left: 5px;}
body #coupon_code{border: 1px solid var(--black); padding: 10px; width: 200px !important;}
body .woocommerce form .form-row input.input-text, body .woocommerce form .form-row textarea{border: 1px solid var(--black); padding: 10px; border-radius: 0px; }
body .select2-container--default .select2-selection--single{border: 1px solid var(--black); border-radius: 0px; padding: 6px 20px 6px 8px}
body .select2-container .select2-selection--single{height: 36px;}
body .woocommerce-form-coupon-toggle{display: none;}
body .woocommerce ul.products li.product{margin: 0; }
body .woocommerce ul.products li.product a img{margin-bottom: 0 !important;}
body .woocommerce table.shop_table{border-color: var(--red); border-radius: 0px;}
body .woocommerce table.shop_table td, body.woocommerce-cart .cart-collaterals .cart_totals tr th, body .woocommerce-cart .cart-collaterals .cart_totals tr td, body .woocommerce-cart .cart-collaterals .cart_totals tr th{border-color: var(--red) !important; }
body .woocommerce table.shop_table tfoot th{border-top: 1px solid var(--red) !important;}
.woocommerce-checkout{margin-bottom: var(--defaultpadding); }
.headingShop{text-align: center;}
.woocommerce-pagination{margin-bottom: var(--defaultpadding);}

.woocommerce div.product form.cart .button:hover{color: var(--white) !important; background-color: var(--red) !important; }
.posted_in{font-style: italic;}
.woocommerce div.product p.price, .woocommerce div.product span.price{color: var(--black) !important;  }
.variations{text-align: left !important;}
.woocommerce div.product form.cart .variations select{padding: 5px 15px;}
.woocommerce-variation{padding-bottom: var(--smallpadding); }
.is-search-form {width: 70%; margin: 0 auto;margin-bottom: var(--defaultpadding); left: -33px;}

.dimensionsTitle{font-weight: bold;padding-right: 5px;}
.productMeta{margin: 0;}
.woocommerce-product-details__dimensions{margin-bottom: var(--smallpadding); }


/* search  */
.search .entry-content{width: var(--content-width); margin: 0 auto; }

.searchResultItem h3{margin-top: 0;}
.searchResultItem img{padding-right: var(--defaultpadding);}
.searchResultItem a{display: flex;text-decoration: none;margin-bottom: var(--defaultpadding); }
.searchResultItem a{color: var(--black); }
.searchResultItem a:hover{text-decoration: underline;color: var(--black);}

/* wc shop notices */

.woocommerce-message, .woocommerce-store-notice, .woocommerce-error, .woocommerce-info{background-color: transparent !important; border: 1px solid var(--red) !important;}
body .woocommerce-info::before, .woocommerce-message::before{color: var(--red) !important;}


/* photo bkg row */
.rowPhotoBkg{height: 500px; }
.rowPhotoBkg{background-size: cover;}
.rowPhotoBkg h2, .rowPhotoBkg h3{color: var(--black);font-size: 2.5em;}
.rowPhotoBkg h4{margin-top: 100px;}
.rowPhotoBkg .wpb_single_image.wpb_content_element{margin: 20px 0 0 0; }
.rowPhotoBkgCenter{text-align: center;}
.rowPhotoBkgCenter p{font-size: 2em;color: var(--black); line-height: 1em;}
.rowPhotoBkg{background-opacity: .5;}


/* gray column row */
.grayColumnRow{background: url('../png/bkg-gray-column.png') repeat-y center top; padding: var(--defaultpadding) 0; }
.grayColumnRow{}
.rowGrayHorizBkg{background: url('../png/bkg-gray-vertical.png') repeat-x center center; padding: var(--defaultpadding) 0; }
.grayColumnRow h2{text-align: center;}
.grayColumnRow h2.wpb_singleimage_heading{font-family: var(--primary-font); text-transform: uppercase;letter-spacing: var(--lspacing); font-size: 1.2em;}

/* TDL Columns */
.tdl-custom-block {
  margin-bottom: var(--defaultpadding);
  .wpb_wrapper > h2 { margin-top: var(--defaultpadding);}
  &.gray { background: var(--gray);}
}

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


.twoColumn h2{line-height: 1.5em; margin-top: 160px;}

/* Team Members */
.tdl-team-member-block {

  .tdl-team-member {
    text-decoration: none;
    display: flex; flex-direction: column; gap: 10px;

    .image-wrapper {
      img { width: 100%; height: 100%; aspect-ratio: 3/4; object-fit: cover; display: block;}
    }
    .content-wrapper {
      .header {
        text-align: center; display: flex; flex-direction: column; gap: 0px;

        h3 { font-size: 16px; margin: 0; padding: 0;}
        h4 { font-size: 16px; margin: 0; padding: 0; font-family: var(--primary-font);}
      }
      .description {}
    }

  }

  &.list {
    .tdl-team-member {
      flex-direction: row; gap: var(--gutter);
      margin-bottom: var(--gutter);
      &a { color: var(--black);}

      .image-wrapper {
        flex: 0 0 25%;
        img { aspect-ratio: 1; height: auto;}
      }
      .content-wrapper {
        flex: 1;

        .header {
          text-align: left; display: flex; flex-direction: column; gap: 10px; margin-bottom: 35px;

          h3 { font-size: 1.75em;}
          h4 { font-size: 1.75em; font-family: var(--secondary-font);}
        }
        .description { color: var(--black);}

      }
    }
  }
  &.alt-list {
    .tdl-team-member {
      flex-direction: row; gap: var(--gutter);
      margin-bottom: var(--gutter);
      &a { color: var(--black);}


      .image-wrapper {
        flex: 0 0 25%;
        img { aspect-ratio: 1; height: auto;}
      }
      .content-wrapper {
        flex: 1;

        .header {
          text-align: left; display: flex; flex-direction: column; gap: 10px; margin-bottom: 35px;

          h3 { font-size: 1.75em;}
          h4 { font-size: 1.75em; font-family: var(--secondary-font);}
        }
        .description { color: var(--black);}


      }
      &:nth-of-type(even) { flex-direction: row-reverse;}
      &:nth-of-type(odd) { flex-direction: row;}
    }
  }

  &.grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gutter);}
}

/* Single Team Member */
.single-team_member {
  #header { position: relative;}

  .tdl-template-wrapper {
    article {
      width: var(--content-width); margin: 0 auto;

      .tdl-team-member {
        display: flex; flex-direction: row-reverse; gap: var(--gutter); margin-bottom: var(--gutter); align-items: start;

        .content-wrapper {
          flex: 1;

          .member-header {
            text-align: center; border-bottom: 1px solid var(--black); margin-bottom: var(--gutter); padding-bottom: var(--gutter);
            h1 { }
            h3 { font-family: var(--primary-font);}
          }
          .content {}
        }

        .image-wrapper {
          flex: 0 0 50%;

          img { width: 100%; height: 100%; aspect-ratio: 9/16; object-fit: cover;}
        }
      }

    }
  }
}

/* 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(--red); 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(--red);}
.testimonialRow #dotsNavigation ul li.active { background: var(--red);}
.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(--red);}
.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(--red);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(--red);}
.single-post h4 { color: var(--red);}
.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(--red);}
.single-post .recent-post-container .post .readMore { color: var(--red);}



.numberedImage img{padding-top: 15px;}

.titleLarger{font-size: 3em;}
.linkClickTO p {text-align: center;}
.rowGrayHorizBkg.rowPortfolio{}

/* press pages */
.rowGrayBkg{background-color: var(--gray); padding: var(--defaultpadding) 0;margin: var(--defaultpadding) 0;}
.rowGrayBkg.rowGrayBkgLast{margin-bottom: 0;}
.rowColQuarter .wpb_text_column{margin-bottom: var(--smallpadding);}
.rowColQuarter .tdlButtonWrapper a{display: inline-block}

/* Press Release */
.tdl-press-item {
  display: grid; gap: 75px; grid-template-columns: repeat(2, 1fr);

  span:first-of-type { text-align: right; padding-left: 25%;}
  span { }

  &.heading {
    span.heading-wrapper {
      h4 {font-weight: 800 !important; color: var(--red); font-family: var(--primary-font); text-transform: uppercase; letter-spacing: var(--lspacing); font-size: 1.2em;}
    }
  }

  &.article {
    margin-bottom: var(--defaultpadding);

    span.press-name { font-style: italic; color: var(--black); font-family: var(--primary-font); text-transform: uppercase;letter-spacing: var(--lspacing); font-size: 1.2em;}
    span.article-name { padding-right: 25%;}
    a { color: var(--black); text-decoration: none; display: block;}
  }
}

/* Press Images */
.tdl-press-image-wrapper {
  margin-top: 20px; display: flex; flex-direction: row; gap: 20px; justify-content: center;

  .tdl-press-item {
    display: flex;
    img { height: 75px; width: auto; filter: grayscale(100%);}
  }
}

/* TDL Image Grid */
.tdl-image-grid {
  display: grid; grid-gap: var(--column-large-gap); grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(12, 100px); margin-bottom: 70px;

  .tdl-grid-item {
    .imageWrapper {
      width: 100%; height: 100%; position: relative;
      &:after { content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; background: rgba(0,0,0,0); transition: var(--default-transition); display: inline-block; position: absolute;}
    }
    img { display: block; object-fit: cover; width: 100%; height: 100%; position: relative; z-index: 2; transition: var(--default-transition); background: var(--black);}
    a {
      &:hover {
        /* img { filter: grayscale(100%); transition: ease-in-out all .5s;} */
        .imageWrapper:after { background: rgba(0,0,0,.6); transition: var(--default-transition);}
      }
    }

    /* &:nth-of-type(12n + 1) { grid-row: auto / span 4;} */
    /* &:nth-of-type(12n + 2) { grid-row: auto / span 2;} */
    /* &:nth-of-type(12n + 3) { grid-row: auto / span 4;} */
    /* &:nth-of-type(12n + 4) { grid-row: auto / span 4;} */
    /* &:nth-of-type(12n + 5) { grid-row: auto / span 2;} */
    /* &:nth-of-type(12n + 6) { grid-row: auto / span 2;} */
    /* &:nth-of-type(12n + 7) { grid-row: auto / span 4;} */
    /* &:nth-of-type(12n + 8) { grid-row: auto / span 4;} */
    /* &:nth-of-type(12n + 9) { grid-row: auto / span 4;} */
    /* &:nth-of-type(12n + 10) { grid-row: auto / span 2;} */
    /* &:nth-of-type(12n + 11) { grid-row: auto / span 4;} */
    /* &:nth-of-type(12n + 12) { grid-row: auto / span 2;} */

    &:nth-of-type(11n + 1) {
      grid-row: auto / span 4; grid-column: auto / span 3;
      img { aspect-ratio: 16/9;}
    }
    &:nth-of-type(11n + 2) { grid-row: auto / span 4;}
    &:nth-of-type(11n + 3) { grid-row: auto / span 2;}
    &:nth-of-type(11n + 4) { grid-row: auto / span 4;}
    &:nth-of-type(11n + 5) { grid-row: auto / span 4;}
    &:nth-of-type(11n + 6) { grid-row: auto / span 2;}
    &:nth-of-type(11n + 7) { grid-row: auto / span 2;}
    &:nth-of-type(11n + 8) {
      grid-row: auto / span 4; grid-column: auto / span 3;
      img { aspect-ratio: 16/9;}
    }
    &:nth-of-type(11n + 9) { grid-row: auto / span 4;}
    &:nth-of-type(11n + 10) { grid-row: auto / span 4;}
    &:nth-of-type(11n + 11) { grid-row: auto / span 4;}

    .caption { display: none;}
  }
}