/**
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
*/
/**  
* Theme Colors:
* Navy Blue: #071D56
* Burgundy: #820B29
* Yellow: #FCEBB5
**/
/** WPB CUSTOM LAYOUT ADJUSTMENT **/
:root {
  --primary-color: #071D56;
  --secondary-color: #820B29;
  --accent-color: #FCEBB5;
  --text-color: #333333;
  --background-color: #fff;
}
body {background-color: var(--background-color);color: var(--text-color);overflow-x: hidden !important;overflow-y: scroll;}
.lockedWidth{margin: 0px auto !important;padding-left: 12% !important;padding-right: 12% !important;}
.centerContent{text-align:center;}
.centeredBg, .centeredBg .vc_column-inner {background-size: cover !important;background-position: 50% 50% !important;}
.centeredBg .vc_column-inner{padding:200px 0 !important;}
.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%}}
/** HEADER **/
.site-logo-img img {width: auto !important;height: 65px !important;}
.ast-site-identity {padding: 5px 0;}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {line-height: 75px;}
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {min-height: 75px;}
#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:#fff;}
#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:#2bd912;}
.ast-header-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg {fill: #31cc1b;}

h1.heroHeading,nav.rank-math-breadcrumb {text-align: center;}
#topHero{padding:200px 0px 150px;}
/** TYPOGRAPHY **/
h1, .entry-content h1 {}
h2 {color: #415463 !important;font-weight: 100 !important;font-size: 30px !important;line-height: 1.2 !important;text-transform: uppercase !important;}
h3 {color: #d02c35 !important;font-size: 20px !important;margin-bottom: 5px !important;padding-left: 5px !important;text-transform: uppercase !important;}
h4 {color: #d02c35 !important;font-weight: 600 !important;}
/** HEADINGS **/
#topHero {background-size: cover;background-repeat: no-repeat;background-position: center;}
#topHero h1 {font-size: 50px;color:#fff;}
.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;}
/** BUTTONS **/
.topCallBtn{display: inline-block;position:relative;text-align: center;text-decoration: none !important;background: #fff;padding: 5px 25px;border:1px solid #fff;border-radius: 30px;min-width: 250px;overflow:hidden;}
.topCallBtn a {color: #0F1E3D;position: relative;text-decoration: none !important;z-index: 2;}
.topCallBtn:hover a {color: #fff;}
.topCallBtn::before {content: "";width: 100%;height: 0%;display: block;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.8);border-radius: 30px 30px 0 0;transition:all 0.3s ease;}
.topCallBtn::after {content: "";width: 100%;height: 0%;display: block;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.8);border-radius: 0 0 30px 30px;transition:all 0.3s ease;}
.topCallBtn:hover:before,.topCallBtn:hover:after {height: 50%;transition:all 0.3s ease;}
.tdiBtnStyle1{display: inline-block;position:relative;text-decoration: none !important;text-align: center;background: none;padding: 5px 25px;color:#fff;border:1px solid #fff;border-radius: 30px;min-width: 250px;overflow:hidden;}
.tdiBtnStyle1 a{color: #fff;position: relative;text-decoration: none !important;z-index: 2;}
.tdiBtnStyle1:hover a {color: #0f1e3d;}
.tdiBtnStyle1::before {content: "";width: 100%;height: 0%;display: block;position: absolute;top: 0;left: 0;background: rgba(255,255,255,0.8);border-radius: 30px 30px 0 0;transition:all 0.3s ease;}
.tdiBtnStyle1::after {content: "";width: 100%;height: 0%;display: block;position: absolute;bottom: 0;left: 0;background: rgba(255,255,255,0.8);border-radius: 0 0 30px 30px;transition:all 0.3s ease;}
.tdiBtnStyle1:hover:before,.tdiBtnStyle1:hover:after {height: 50%;transition:all 0.3s ease;}
.tdiBtnStyle2{display: inline-block;position:relative;text-decoration: none !important;text-align: center;background: none;padding:5px 25px;color:#446436;border:1px solid #446436;border-radius: 30px;min-width: 250px;overflow:hidden;}
.tdiBtnStyle2 a{color: #446436;position: relative;text-decoration: none !important;z-index: 2;}
.tdiBtnStyle2:hover a {color: #fff;}
.tdiBtnStyle2::before {content: "";width: 100%;height: 0%;display: block;position: absolute;top: 0;left: 0;background: rgba(68,100,54,0.9);border-radius: 30px 30px 0 0;transition:all 0.3s ease;}
.tdiBtnStyle2::after {content: "";width: 100%;height: 0%;display: block;position: absolute;bottom: 0;left: 0;background: rgba(68,100,54,0.9);border-radius: 0 0 30px 30px;transition:all 0.3s ease;}
.tdiBtnStyle2:hover:before,.tdiBtnStyle2:hover:after {height: 50%;transition:all 0.3s ease;}
/** MENU **/
.ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu {border-color: #c9b58f;}
.ast-builder-menu-1 .menu-item > .menu-link {color: var(--primary-color) !important;font-size: 15px;font-weight: 400;}
.ast-builder-menu-1 .menu-item > .menu-link:hover,.ast-builder-menu-1 .menu-item.current_page_item > .menu-link,.current-menu-parent.current-page-parent .menu-link {color:var(--secondary-color) !important;}
.main-header-menu .sub-menu,.main-header-menu .sub-menu li .sub-menu{padding:15px 0px;}
ul.sub-menu li,ul.sub-menu li .sub-menu li,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .sub-menu .menu-item .menu-link{background:none;}
ul.sub-menu li:hover,ul.sub-menu li .sub-menu li:hover,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .menu-link{background:#c9b58f}
.menu-item.current-menu-ancestor.current-menu-parent.current_page_ancestor.menu-item-has-children .sub-menu li.current-menu-item a {color: #c9b58f !important;}
.menu-item .sub-menu li a.menu-link,.menu-item .sub-menu li .sub-menu li a.menu-link,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .menu-item .menu-link,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .sub-menu .menu-item .menu-link{color: #000 !important;font-size: 15px !important;font-weight: 400;text-transform: none;background:none;padding: 5px 10px!important;}
.menu-item .sub-menu li:hover a.menu-link,.menu-item .sub-menu li .sub-menu li:hover a.menu-link {color: #fff !important;background:none;padding: 5px 10px!important;}
#ast-fixed-header .main-header-menu > .menu-item.current-menu-item > .menu-link{color:#fff;}
#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:var(--primary-color);}
.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img {max-height: 60px !important;transition:all 0.3s ease-in-out;}
.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img:hover {transform: scale(1.1);transition:all 0.3s ease-in-out;}
.ast-header-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg {fill: #31cc1b;}
.submenu-with-border .sub-menu .sub-menu {top: -16px;}
.ast-builder-menu-1 .menu-item.current_page_item > .menu-link:hover,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .sub-menu .menu-item .menu-link:hover {color: var(--secondary-color) !important;}
.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .sub-menu .menu-item .menu-link .menu-item .menu-link:hover{color: #fff !important;}
.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .menu-link,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .menu-item .menu-link:hover{color:#fff !important;}
#ast-hf-menu-1 .menu-item.current-page-ancestor.current-menu-ancestor .menu-item.current-menu-item.page_item .sub-menu .menu-item .menu-link:hover {color: #fff !important;}
/** COLORS **/
.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:#fff !important;}
.whiteTxt a:hover {color: #ddd;}
/** STAFF LAYOUT **/
.staff-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; max-width: 1000px; margin: 0px auto 2rem;}
.staff-card-inner {background: white; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; transition: all 0.2s ease; height: 100%; display: flex; flex-direction: column;}
.staff-card-inner:hover {transform: translateY(-4px); box-shadow: 0 8px 25px rgba(0,0,0,0.15);}
.staff-card-photo {width: 100%;height: 400px;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;}    
.staff-card-photo.no-image {background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);}
.staff-card-photo.no-image::before {content: '??';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 3rem;opacity: 0.3;}
.staff-card-info {padding: 1rem; flex: 1; display: flex; flex-direction: column; justify-content: flex-end;}
.staff-card-name {margin: 0 0 0.25rem; font-size: 1.1em;}
.staff-card-position {color: #666; font-size: 0.9em;}
.staff-lightbox {position: fixed; inset: 0; display: none; z-index: 9999; align-items: center; justify-content: center;padding-top: 5%;}
.staff-lightbox.is-open {display: flex;}
.staff-lightbox-backdrop {position: absolute; inset: 0; background: rgba(0,0,0,0.8);}
.staff-lightbox-dialog {position: relative; max-width: 800px; width: 90%; background: white; border-radius: 12px; overflow: hidden; height: 65vh; box-shadow: 0 20px 60px rgba(0,0,0,0.3);}
.staff-lightbox-close {position: absolute; top: 15px; right: 20px; background: none; border: none; font-size: 2.5em; cursor: pointer; z-index: 10; color: #999;}
.staff-lightbox-body {display: flex; height: 65vh;}
.staff-lightbox-photo-wrap {flex: 0 0 40%; background: #f8f8f8;}
.staff-lightbox-photo {width: 100%; height: 100%; object-fit: cover;}
.staff-lightbox-text {flex: 1; padding: 2rem; overflow-y: auto;}
.staff-lightbox-name {margin: 0 0 0.5rem; font-size: 1.5em;}
.staff-lightbox-position {color: #666; margin-bottom: 1rem; font-weight: 500;}
.staff-lightbox-bio {line-height: 1.6;}
.staffBioWrap {position: absolute;bottom: 0;background: rgba(255,255,255,0.6);width: 320px;padding: 10px;}
.staffBioWrap h2.staff-lightbox-name {line-height: 1;margin-bottom: 5px;}
.staffBioWrap .staff-lightbox-position {color: #000;font-weight: 400;font-size: 15px;line-height: 1;margin-bottom: 0;}
@media (max-width: 900px) {.staff-grid {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 600px) {.staff-grid {grid-template-columns: 1fr;}}    
@media (max-width: 768px) {
    .staff-lightbox-body {flex-direction: column; height: 70vh;}
    .staff-lightbox-dialog {height: 70vh;}
    .staff-lightbox {padding-top: 35%;}
    .staff-lightbox-text {padding: 2rem 1rem;}
    h2.staff-lightbox-name {font-size: 30px;margin-bottom: 0;line-height: 1.3;}
    .staff-lightbox-close {top: -5px;right: 5px;}
    .socialicon {margin-top: -11px;margin-bottom: 11px;}
    .staff-lightbox-bio h2 {font-size: 30px;}
    .staff-lightbox-bio p {line-height: 1.3;font-size: 16px;}
    .staff-lightbox-photo-wrap {flex: 0 0 40%;background: #f8f8f8;display: flex;flex-direction: row;height: 220px;overflow: hidden;}
    .staff-lightbox-photo-wrap img.staff-lightbox-photo {height: 170px !important;}
    .staffBioWrap {display: block;position: relative;bottom: auto;background: none;width: 100%;padding: 36px 10px;}
    .socialicon {position: absolute;top: 175px;right: 10px;}
    .staff-lightbox-position {font-size: 15px;line-height: 1.3;}
 }
/** CONTENT ADJUSTMENTS **/
.gform-theme--foundation .gform_fields {row-gap: 15px;}
#ez-toc-container {display: none;}
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;}
ul.flexul {display: flex;flex-wrap: wrap;list-style: none;justify-content:space-between}
ul.flexul li {flex:0 32%}
ul.flexul.flex50 li{flex:0 48.5%}
ul.flexul li::before {content: "\2022";margin-right: 10px;}
.socmedWrap a {position: relative;border-radius: 50%;width: 40px;height: 40px;text-align: center !important;color: #184626;background: #e1d9c7;transition: all 0.3s ease;display: inline-block;}
.socmedWrap a:hover {color: #fff !important;background: #a5781c;transition: all 0.3s ease;}
.socmedWrap a i.fa {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.coInfoWrap a {color: #ddd;}
.coInfoWrap p {line-height: 1.5;margin-bottom: 10px;}
#menu-footer-2 li a {border: none !important;padding: 0px 10px !important;}

@media only screen 
and (min-width : 320px) 
and (max-width : 1000px) {
    .rowReversed{display: flex !important;flex-direction: row !important;flex-flow: row-reverse wrap-reverse !important;flex-direction: row-reverse !important;}
    .row-mobile-order {display: flex;flex-direction: column;}
    .column-order1 {order: 1;}
    .column-order2 {order: 2;}
    .column-order3 {order: 3;}
    .column-order4 {order: 4;}
    .half {flex-grow: 0;flex-shrink: 0;flex-basis: 50%;}
    .vc_row.wpb_row.vc_row-fluid.vc_row-o-content-middle.vc_row-flex {padding-right: 20px !important;}
    #pojo-a11y-toolbar,.ez-toc-open-icon {z-index: 1;}
    ul.flexul {display: block;flex-wrap: auto;}
    .lockedWidth{margin: 0px auto !important;padding-left: 10px !important;padding-right: 10px !important;}
    #gusta-footer {position: relative;padding-bottom: 70px;z-index: 1;}
    .vc_row.wpb_row.vc_row-fluid.vc_row-no-padding.vc_row-o-equal-height.vc_row-o-content-middle.vc_row-flex .wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill {min-height: 200px;background-position: center center !important;background-size: cover !important;}
    .paddedDesktop {padding: 15px;}
    [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {fill: #031c88;}
    #ast-fixed-header .main-header-menu > .menu-item.current-menu-item > .menu-link {color: #00c3ee;}
    .main-navigation ul.sub-menu {padding-left: 35px;}
    .centeredBg .vc_column-inner{padding:100px 0 !important;}
}

@media only screen 
and (min-width : 1900px) 
and (max-width : 2400px) {
    
}