/*
Theme Name:   The7Child
Description:  Write here a brief description about your child-theme
Author:       brightearly
Author URL:   http://brightearly.wpengine.com
Template:     dt-the7
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  The7Child
*/

/* Write here your own personal stylesheet */


/** Menu name is appearing, this removes it **/
.mini-nav.in-top-bar-right .customSelectInner{text-indent:-9999px;}
.mini-nav.in-top-bar-right .customSelectInner i{text-indent:0;}

/** Update just the careers nav item to change the hover and currently selected menu item text to yellow. */
.menu-item-8628 .sub-nav .current_page_item .menu-text{color: #ffce02 !important}
.menu-item-8628 .sub-nav .menu-text:hover{color: #ffce02 !important}

/** Issues being caused by the main heading padding. **/
.fancy-header{overflow: hidden}

#primary-menu,
#primary-menu *{
    font-family: "Quicksand", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 600 !important;
    font-style: normal;
    /*font-family: "grenadine-mvb",sans-serif !important;font-weight: 400 !important*/
}

/*html, body, body.page, .wf-container > *:not(#primary-menu):not(#primary-menu *){*/
html, body, body.page, .wf-container{
    font-family: "Quicksand", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 400 !important;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6{
    font-family: "Quicksand", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 600 !important;
    font-style: normal;
    /*font-family: "grenadine-mvb",sans-serif !important;font-weight: 500 !important;*/
}
h1{font-weight: 700 !important;}
h2.light, h3.light, h4.light, h5.light, h6.light{font-weight: 300 !important}
strong, b {font-weight: 600 !important}
h2 strong, h2 b,
h3 strong, h3 b,
h4 strong, h4 b,
h5 strong, h5 b,
h6 strong, h6 b {font-weight: 600 !important}
h1 strong, h1 b {font-weight: 700 !important}
/*h3{font-family: "grenadine-mvb",sans-serif !important;font-weight: 400 !important}*/
/*h3 strong, h3 b{font-weight: 500 !important}*/

.underlined{
    position:relative;
    background:rgba(255,255,255,0) -webkit-linear-gradient(0deg,#FFCE09 8%,rgba(255,255,255,0) 8%);
    background:rgba(255,255,255,0) -moz-linear-gradient(0deg,#FFCE09 8%,rgba(255,255,255,0) 8%);
    background:rgba(255,255,255,0) -o-linear-gradient(0deg,#FFCE09 8%,rgba(255,255,255,0) 8%);
    background:rgba(255,255,255,0) -ms-linear-gradient(0deg,#FFCE09 8%,rgba(255,255,255,0) 8%);
    background:rgba(255,255,255,0) linear-gradient(0deg,#FFCE09 8%,rgba(255,255,255,0) 8%);
    background-repeat:no-repeat
}

.post-entry-content .details-type-link,
.dt-btn{
    text-transform: unset !important;
    font-family: "Quicksand", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 700 !important;
    font-style: normal;
    /*font-family: "grenadine-mvb",sans-serif !important;font-weight: 500 !important;*/
}
.dt-btn.dt-btn-yellow{background-color:#FFCE09!important;color:#1A428A!important;}
.dt-btn.dt-btn-yellow:hover{background-color:#72A950 !important;}
.dt-btn.dt-btn-text-dark-blue{color:#1A428A!important;}

.wf-wrap{top:0 !important;}
.wf-wrap .fancy-title-head{margin-top:auto !important;margin-bottom:20px !important;overflow: visible;}
.wf-wrap .fancy-title{position: relative}
.wf-wrap .fancy-title::before{content:'';height:1000%;width: 1000%;display:block;position: absolute;right: -45px; top: -30px;background-color:#1A428A;z-index:-1;border-radius: 0 53px 0 0; }
@media (max-width: 767px) {
    .wf-wrap .fancy-title-head{margin-bottom:10px !important}
    .wf-wrap .fancy-title::before{right: 0; top: -15px;border-radius: 0 30px 0 0; }
    .fancy-header{background-position: calc(100% + 50px) 0 !important}
    #fancy-header .fancy-title > span{font-size: 22px;line-height:1.2em}
    .fancy-header{min-height:75vw !important}
    /*    .wf-wrap .fancy-title::before{content:'';height:1000%;width: 1000%;display:block;position: absolute;right: -60px; top: -40px;background-color:#1A428A;z-index:-1;border-radius: 0 53px 0 0; }*/
}
/*@media (min-width: 768px) {*/
/*    .wf-wrap .fancy-title::before{content:'';height:1000%;width: 1000%;display:block;position: absolute;right: -60px; top: -40px;background-color:#1A428A;z-index:-1;border-radius: 0 53px 0 0; }*/
/*}*/
.l-to-r-line > li > a i.underline{display: none !important}
/*.header-bar{background-color:#194289!important;}*/
/*#phantom .top-bar-bg,*/
/*.sticky-on .top-bar-bg,*/
/*.sticky-top-line-on .top-bar-bg,*/
/*.top-bar-bg{background-color:#ffffff!important;}*/

.right-widgets.mini-widgets a.mini-contacts{color:#ffffff !important;border-radius: 10px;padding: 10px 15px;
    text-transform: unset !important;
    font-family: "Quicksand", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 700 !important;
    font-style: normal;

    /*font-family: "grenadine-mvb",sans-serif !important;font-weight: 500 !important;*/
}
.right-widgets.mini-widgets a.mini-contacts:nth-child(1){background-color:#194289}
.right-widgets.mini-widgets a.mini-contacts:nth-child(2){background-color:#6BB6D9}
.right-widgets.mini-widgets a.mini-contacts:nth-child(3){background-color:#B0CDA1}
.right-widgets.mini-widgets .mini-nav{margin-right:0;}

.masthead .top-bar .popup-search .submit i, .masthead .top-bar .overlay-search .submit i{font-size: 26px;color:#194289;  transform: scaleX(-1);}
.masthead .soc-ico .soc-font-icon, .dt-mobile-header .soc-ico .soc-font-icon,
.masthead .top-bar .mini-nav .customSelectInner i{font-size: 32px !important;}
.masthead .mini-widgets .soc-ico a,
.masthead .mini-widgets .soc-ico a::before, .masthead .mini-widgets .soc-ico a::after, .masthead .mobile-mini-widgets .soc-ico a::before, .masthead .mobile-mini-widgets .soc-ico a::after, .dt-mobile-header .soc-ico a::before, .dt-mobile-header .soc-ico a::after{
    width: 32px;height:32px;
}
.masthead .top-bar .soc-ico{margin-right:0;}

.masthead .soc-ico.hover-custom-bg a::after, .masthead .soc-ico.accent-bg.hover-custom-bg a::after, .masthead .soc-ico.hover-custom-bg a::after, .accent-gradient .masthead .soc-ico.gradient-bg.hover-custom-bg a::after, .masthead .soc-ico.hover-accent-bg a::after, .dt-mobile-header .soc-ico.hover-custom-bg a::after, .dt-mobile-header .soc-ico.accent-bg.hover-custom-bg a::after, .dt-mobile-header .soc-ico.hover-custom-bg a::after, .accent-gradient .dt-mobile-header .soc-ico.gradient-bg.hover-custom-bg a::after, .dt-mobile-header .soc-ico.hover-accent-bg a::after{
    background-color:transparent;
}

.masthead .mini-widgets .soc-ico a:hover .soc-font-icon{color:#194289 !important;opacity: 0.7;}

.masthead:not(.side-header) .mini-widgets > .last{padding: 10px 15px !important;}
.top-bar .mini-widgets.right-widgets, .top-bar .mini-widgets:last-child{padding-right:0 !important;}
.masthead:not(.side-header):not(.side-header-menu-icon) .top-bar{max-width: 100%}

/*.wpb_wrapper *{font-family: "grenadine-mvb",sans-serif !important;}*/


/**
    Locations Map & Listing
 */
#map-search-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    margin-bottom: 30px;
}
#map-search-wrapper > *{box-sizing: border-box}
#map-search-wrapper #zip-input{
    flex: 1 1 auto; /* fills the remaining space */
    margin-bottom:0;
    height:52px;
}
#map-search-wrapper .button-wrapper{
    flex: 0 0 auto; /* width based on content */
}
#map-search-wrapper .button-wrapper button{
    color:#1A428A !important
}
.locations-map-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
}
.locations-listing-wrapper::-webkit-scrollbar {
    display: none;           /* Chrome, Safari, Opera */
}
.locations-listing-wrapper,
.map-wrapper {
    width: 50%;
}
.map-wrapper #map {
    width: 100%; height: 100%;min-height:300px;
}
#location-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently*/
}
#location-list h3{
    margin-bottom: 0;
    transition: color 0.3s ease 0s;
}
#location-list p:not(.location-distance){
    font-size:20px;
    margin-top:10px;
}
#location-list .location-distance{
    color:#B0CDA1;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 600;
}
.location-item {
    width: calc(50% - 10px);
    box-sizing: border-box;
}
.location-item:hover {
    cursor: pointer;
}
.location-item:hover h3{
    color:#6BB6D9;
}

@media screen and (max-width: 992px) {
    .location-item {
        width: 100%;
    }
}
@media screen and (max-width: 992px) {
    #map-search-wrapper{
        flex-wrap: wrap;
    }
    #map-search-wrapper #zip-input{
        width: 100%;
    }
    #map-search-wrapper .button-wrapper{
        width: 100%;
    }

    .locations-map-wrapper {
        flex-direction: column-reverse;
    }

    .locations-listing-wrapper,
    .map-wrapper {
        width: 100%;
    }
    .location-item {
        width: calc(50% - 10px);
    }
}
@media screen and (max-width: 575px) {
    #map-search-wrapper .button-wrapper button:first-child {
        margin-bottom:5px;
    }
    #map-search-wrapper .button-wrapper button {
        width: 100%;
    }
    .location-item {
        width: 100%;
    }
}

.main-nav .sub-nav > li.dt-mega-parent:not(.empty-title) > a{padding: 5px 10px 5px 10px !important;}

.nav-btn{align-self: center;margin-left:15px;padding: 10px 15px; font-size: 14px;}

.top-bar{display: none !important}