/**
Theme Name: TDI
Author: The Digital Intellect
Author URI: https://thedigitalintellect.com
Description: TDI Astra is a custom modified Astra theme made exclusively for clients of The Digital Intellect. It is fast, fully customizable and mobile responsive. 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tdi
Template: astra
*/
:root {
  --primary-color: #1965A0; /* Night */
  --secondary-color: #7BA7CE; /* Bluebird */
  --accent-color: #F2684B; /* Sunset */
  --peach-color: #F6C5A0; /* Peach */
  --cream-color: #F5E0C6; /* Cream */
  --text-color: #000000;
  --background-color: #FFFFFF;
}
/** WPB CUSTOM LAYOUT ADJUSTMENT **/
body {overflow-x: hidden !important;overflow-y: scroll;}
.lockedWidth{margin: 0px auto !important;padding-left: 12% !important;padding-right: 12% !important;}
/* .ast-site-identity {padding: 5px 0;}
.vc_row.wpb_row.vc_row-fluid.vc_row-has-fill {width: 100vw !important;margin: 0px auto !important;padding-left: 12% !important;padding-right: 12% !important;}
.vc_row.wpb_row.vc_row-fluid.vc_row-has-fill .vc_column-inner {max-width: 1400px;margin: 0px auto;}
@media only screen
and (min-width : 320px)
and (max-width : 1000px) {.vc_row.wpb_row.vc_row-fluid.vc_row-has-fill {width: 100vw !important;margin: 0px auto !important;padding-left: 10px !important;padding-right: 10px !important;}}
@media only screen
and (min-width : 1900px)
and (max-width : 3200px) {.vc_row.wpb_row.vc_row-fluid.vc_row-has-fill {width: 100vw !important;margin: 0px auto !important;padding-left: 14.5% !important;padding-right: 14.5% !important;}} */
@media only screen
and (min-width : 320px)
and (max-width : 1000px) {.vc_row.wpb_row.vc_row-fluid.vc_row-has-fill:not(.noVW) {width: 100vw !important;margin: 0px auto !important;padding-left: 15px !important;padding-right: 15px !important;}}
.centerContent{text-align:center;}
.centeredBg, .centeredBg .vc_column-inner {background-size: cover !important;background-position: 50% 50% !important;border-radius: 15px;}
.paddedDesktop {padding: 55px;}
/** TDI CUSTOM FLEX COLUMN SYSTEM **/
.section{clear:both;padding:0px;margin:0px}.col{display:block;float:left;margin:1% 0 1% 0.6%}.group:before,.group:after{content: " ";display:table}.group:after{clear:both}.col:first-child{margin-left:0}.span_2_of_2{width:100%}.span_1_of_2{width:49.2%}.span_3_of_3{width:100%}.span_2_of_3{width:66.1%}.span_1_of_3{width:32.2%}.span_4_of_4{width:100%}.span_3_of_4{width:74.6%}.span_2_of_4{width:49.2%}.span_1_of_4{width:23.8%}.span_5_of_5{width:100%}.span_4_of_5{width:79.68%}.span_3_of_5{width:59.36%}.span_2_of_5{width:39.04%}.span_1_of_5{width:18.72%}.span_6_of_6{width:100%}.span_5_of_6{width:83.06%}.span_4_of_6{width:66.13%}.span_3_of_6{width:49.2%}.span_2_of_6{width:32.26%}.span_1_of_6{width:15.33%}.span_7_of_7{width:100%}.span_6_of_7{width:85.48%}.span_5_of_7{width:70.97%}.span_4_of_7{width:56.45%}.span_3_of_7{width:41.92%}.span_2_of_7{width:27.42%}.span_1_of_7{width:12.91%}
@media only screen and (max-width:768px){.span_2_of_2,.span_1_of_2,.span_3_of_3,.span_2_of_3,.span_1_of_3,.span_4_of_4,.span_3_of_4,.span_2_of_4,.span_1_of_4,.span_5_of_5,.span_4_of_5,.span_3_of_5,.span_2_of_5,.span_1_of_5,.span_6_of_6,.span_5_of_6,.span_4_of_6,.span_3_of_6,.span_2_of_6,.span_1_of_6,.span_7_of_7,.span_6_of_7,.span_5_of_7,.span_4_of_7,.span_3_of_7,.span_2_of_7,.span_1_of_7{width:100%}}
/** TYPOGRAPHY **/
h1, h2, h3, h4, h5, h6 {font-weight: 300 !important; text-wrap: balance !important;}
.vc_tta-accordion h2, .vc_tta-accordion h3, .vc_tta-accordion h4, .vc_tta-accordion h5, .vc_tta-accordion h6 {text-wrap: auto !important;}
.vc_tta-accordion h4.vc_tta-panel-title {font-weight: 400 !important;}
p, li, blockquote, .uvc-sub-heading {text-wrap: pretty !important;}
/** CONTAINER SIZE LIMIT **/
.max800{max-width: 800px;margin: 0px auto;}
.max1000{max-width: 1000px;margin: 0px auto;}
.max1200{max-width: 1200px;margin: 0px auto;}
/** HEADER & MENU **/
/* .custom-logo, #ast-fixed-header .custom-logo {max-width: 200px;max-height: none !important;} */
.site-logo-img .custom-logo-link {outline:none;}
#ast-fixed-header .custom-logo, .ast-sticky-main-shrink #masthead .ast-sticky-shrunk .site-logo-img img {max-width: 150px !important;width: 150px !important;max-height: none !important;}
.ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item {background: #FFFFFF !important;}
.menu-link {color: var(--primary-color) !important;}
.menu-link:hover {color: var(--accent-color) !important;}
.main-header-menu .menu-link, .main-header-menu>a {padding: 0 10px;}
#topHero {margin-top: 110px !important;background-position: center !important;}
#topHero h1 {color: #FFFFFF;text-shadow: 0px 0px 10px #000000;}
#topHero h2 {color: #FFFFFF;font-size: 36px;letter-spacing: 4px;text-shadow: 0px 0px 10px #000000;}
#topHero .vc_single_image-img.attachment-full {max-width: 250px;}
.main-header-bar.ast-header-breadcrumb {position: absolute;top: 105px;font-size: 12px;border-bottom: none !important;background: none;}
.main-header-bar.ast-header-breadcrumb .ast-container {max-width: 85%;color: #FFFFFF;text-shadow: 0px 0px 10px #000000;}
.main-header-bar.ast-header-breadcrumb .ast-container a {color: #000000;text-shadow: 0px 0px 10px #FFFFFF;}
.main-header-menu .sub-menu {width: 260px;}
.main-header-menu .sub-menu .menu-link {padding: 5px 10px !important;}
.ast-theme-transparent-header [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {fill: var(--primary-color) !important;}
/** HEADINGS **/
.doubleColors h2 {color: var(--background-color);}
.doubleColors h2 span{color: var(--accent-color);}
h3.greenCrossed::after {content: " ";width: 130px;height: 10px;background: #b4d3c5;display: block;margin-top: -12px;}
/** BUTTONS **/
.tdiBtnWrap {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 15px;}
.tdiBtnWrap.left {justify-content: flex-start;}
.tdiBtnWrap.right {justify-content: flex-end;}
.topPhoneBtn {background: var(--accent-color);color: var(--background-color);padding: 15px 30px;border: 1px solid var(--accent-color);border-radius: 5px;text-decoration: none !important;text-transform: uppercase;text-align: center;font-size: 18px;}
.topPhoneBtn:hover{background: var(--primary-color);color: var(--background-color); border: 1px solid var(--primary-color);}
.tdiBtnStyle1 {background: var(--accent-color);color: var(--background-color);padding: 15px 30px;border: 1px solid var(--accent-color);border-radius: 5px;text-decoration: none !important;text-transform: uppercase;text-align: center;min-width: 220px;}
.tdiBtnStyle1:hover{background: var(--primary-color);color: var(--background-color);border: 1px solid var(--primary-color);}
.tdiBtnStyle2 {background: transparent;color: var(--background-color);padding: 15px 30px;border: 1px solid var(--background-color);border-radius: 5px;text-decoration: none !important;text-transform: uppercase;text-align: center;min-width: 220px;}
.tdiBtnStyle2:hover{background: var(--background-color);color: var(--accent-color);border: 1px solid var(--background-color);}
.tdiBtnWrap .tdiBtnStyle1, .tdiBtnWrap .tdiBtnStyle2 {padding: 10px 30px;}
/** CONTENT ADJUSTMENT **/
.paddedDesktop {padding: 20px 55px;}
.treatmentPrograms{position:relative;background: var(--accent-color);padding:15px;border:1px solid var(--secondary-color);border-radius:10px;font-size:14px;min-height:240px;box-shadow: 0px 20px 20px -15px rgba(0,0,0,0);transition:all 0.3s ease;}
.treatmentPrograms:hover{background: var(--background-color);box-shadow: 0px 20px 20px -15px var(--primary-color);transition:all 0.3s ease;}
.treatmentPrograms h3{font-size:18px;color:var(--primary-color);}
.treatmentPrograms::after {content: " ";width: 100px;height: 100px;position: absolute;top: 10px;right: 10px;background: url(/wp-content/uploads/2023/11/fav.png);background-repeat: no-repeat;background-size: contain;opacity: 0.2;display: none;}
a:hover, a:focus {color: rgba(26, 78, 67, 0.8);}
.centerContent{text-align:center;}
#topHero {background-size: cover;background-repeat: no-repeat;background-position: center;}
#topHero h1 {color:#FFFFFF;}
.tdiBtnStyle1 .vc_btn3.vc_btn3-color-green.vc_btn3-style-modern {color: #FFFFFF;border-color: #3c0;background-color: #3c0;padding: 10px 35px;transition:all 0.3s ease;}
.tdiBtnStyle1 .vc_btn3.vc_btn3-color-green.vc_btn3-style-modern:hover {color: #3c0;border-color: #3c0;background-color: rgba(0,0,0,0);padding: 10px 35px;transition:all 0.3s ease;}
.prettyHeader h2::after {content: " ";width: 100px;border-bottom: 4px solid #ffbc13;display: block;margin: 5px auto 35px;}
.prettyHeader h2{font-size: 32px;}
.prettyHeader.left h2::after {content: " ";width: 100px;border-bottom: 4px solid #ffbc13;margin: 0px 0px 5px 0px;}
ul.checkers {list-style-type: none;text-align: left;}
ul.checkers li{position:relative;}
ul.checkers li::before {content: "\2713";position: absolute;left: -20px;color: #ffbc13;}
#ast-fixed-header .main-header-bar {box-shadow: 0 1px 2px rgba(0,0,0,.2);background: rgba(0,0,0,0.7);}
#ast-fixed-header .main-header-menu > .menu-item.current-menu-item > .menu-link{color:#FFFFFF;}
#ast-fixed-header .main-header-menu .menu-link:hover, #ast-fixed-header .main-header-menu .menu-item:hover > .menu-link,.ast-builder-menu-1 .menu-item:hover > .menu-link{color:rgba(26, 78, 67, 0.8);}
.ast-header-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg {fill: rgba(26, 78, 67, 0.8);}
.socmedWrap a i {width: 35px;height: 35px;text-align: center !important;color: #FFFFFF;background: #868786;padding: 10px;border-radius: 50px;transition: all 0.3s ease;}
.socmedWrap a i:hover {color: var(--primary-color);background: #FFFFFF;padding: 10px;transition: all 0.3s ease;}
.coInfoWrap a,.coInfoWrap p i,.cpRights {color: var(--background-color);}
.coInfoWrap a:hover {color: var(--accent-color);}
.coInfoWrap p {line-height: 1.5;margin-bottom: 10px;}
#menu-footer-2 li a {border: none !important;padding: 0px 10px !important;}
#ast-scroll-top {background-color: var(--primary-color);bottom:90px;}
#ez-toc-container {display: none;}
.uvc-sub-heading {line-height: 1.7 !important;}
/** IMAGES **/
.decorOne,.decorTwo{position:relative;}
.decorOne::after {content: " ";width: 200px;height: 150px;background: url(/wp-content/uploads/2023/12/decor2.png);display: block;background-size: contain;background-repeat: no-repeat;position: absolute;right: -30px;margin-top: -20px;z-index: -1;}
.decorTwo::before {content: " ";display: block;position: absolute;width: 150px;height: 100px;background: url(/wp-content/uploads/2023/12/decor1.png);left: 10px;top: -85px;z-index: -1;}
.gusta-nav.vertical>ul>li>a, .gusta-nav.vertical>ul>li>ul>li>a, .gusta-nav.vertical>ul>li>ul>li>ul>li>a {padding: 0px !important;}
ol.lower-alpha {list-style-type: lower-alpha;}
.centeredBg, .centeredBg .vc_column-inner {background-size: cover !important;background-position: 50% 50% !important;border-radius: 20px;overflow: hidden;}
.centeredBg.smallBg,.centeredBg.smallBg .vc_column-inner{background-size: cover !important;background-position: 50% 50% !important;border-radius: 10px;}
.roundedImg {border-radius: 10px !important;overflow: hidden;transition:all 0.3s ease !important;}
.roundedImg img {border-radius: 10px !important;}
.roundedImg.zoomedInEffect img:hover {transform:scale(1.05) !important;box-shadow:0px 10px 15px -5px #000000;transition:all 0.3s ease !important;}

.whiteTxt,.whiteTxt h2,.whiteTxt h3,.whiteTxt h4,.whiteTxt h5,.whiteTxt h6,.whiteTxt p,.whiteTxt .uvc-sub-heading,.whiteTxt .uvc-sub-heading p,.whiteTxt a{color:#FFFFFF !important;}
.peachCards {gap: 20px;justify-content: space-between;}
.peachCards .peachCard {background-color: var(--peach-color) !important;width: calc(33.33333333% - 20px);padding: 35px 17.5px; border-radius: 10px;transition:all 0.3s ease;}
.peachCards.twoCards .peachCard {width: calc(50% - 20px);margin: 0px auto;}
.peachCards.singleCard .peachCard {width: 100%;margin: 0px auto;}
.peachCards.fourCards .peachCard {width: calc(25% - 20px);margin: 0px auto;}
.peachCards .peachCard:hover{background-color: var(--primary-color) !important;box-shadow: 0px 20px 20px -15px var(--secondary-color);transition:all 0.3s ease;}
.peachCard:hover, .peachCard:hover h2, .peachCard:hover h3 {color: var(--background-color) !important;}
#gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3 {background: var(--primary-color);color: #FFFFFF;border:1px solid var(--primary-color);padding: 15px 50px;border-radius: 5px;}
#gform_submit_button_1:hover, #gform_submit_button_2:hover, #gform_submit_button_3:hover {background: var(--accent-color);border:1px solid var(--accent-color);}

@media screen and (max-width: 1440px) {
  .lockedWidth{margin: 0px auto !important;padding-left: 10px !important;padding-right: 10px !important;}
}

@media screen and (max-width: 1023px) {
  .peachCards .peachCard {width: 100% !important;}
}

@media only screen
and (min-width : 320px)
and (max-width : 1000px) {
    .paddedDesktop {padding: 15px;}
}