/*
Theme Name: The Hochstein School
Theme URI: https://www.
Description: This is a custom child theme for The Hochstein School
Author: Parkway Digital
Author URI: https://www.pwkydigital.com/
Template: salient
Version: 0.1
*/

#displaynone, .displaynone {
    display: none !important;
}

@media only screen and (max-width: 999px) {
    .vc_row.vc_row-flex#bootstrapSwap .span_2,
    .vc_row.vc_row-flex#bootstrapSwap .span_3,
    .vc_row.vc_row-flex#bootstrapSwap .span_6,
    .vc_row.vc_row-flex#bootstrapSwap .span_9,
    .vc_row.vc_row-flex#bootstrapSwap .span_12 {
           flex-direction: column-reverse !important;
    }
}

.ascend .container-wrap .light .white_fields_wrapper input[type="text"], 
.ascend .container-wrap .light .white_fields_wrapper textarea, 
.ascend .container-wrap .light .white_fields_wrapper input[type="email"], 
.ascend .container-wrap .light .white_fields_wrapper input[type="password"], 
.ascend .container-wrap .light .white_fields_wrapper input[type="tel"], 
.ascend .container-wrap .light .white_fields_wrapper input[type="url"], 
.ascend .container-wrap .light .white_fields_wrapper input[type="search"], 
.ascend .container-wrap .light .white_fields_wrapper input[type="date"] {
    background-color: rgba(255,255,255,1.0);
    color: #555 !important; 
}

body .icon-salient-cart:before,
.icon-salient-cart:before {
    content: "\f07a" !important;
    font-family: 'fontawesome' !important;
    font-size: 21px !important
}

#top nav>ul>li[class*=button_solid_color]>a, body #header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a span {

}

#header-outer[data-header-button_style=default] #top nav>ul>li[class*=button_solid_color]>a:hover:before, 
#header-outer[data-header-button_style=default].transparent #top nav>ul>li[class*=button_solid_color]>a:hover:before {
     opacity: 1.0 !important;
}


/* =========================================================
   Header buttons (Pay Bill / Register) — hover behavior
   Pill background and dark text, with 6px growth on all sides
   ========================================================= */

#top nav > ul > li[class*="button_solid_color"] > a:before, #header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a:before {
    height: 30px;
}

/* Smooth transitions on the :before pill */
#header-outer #top nav > ul > li[class*="button_solid_color"] > a::before,
#header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a::before {
    transition: background-color 0.2s ease,
                left 0.2s ease,
                top 0.2s ease,
                width 0.2s ease,
                height 0.2s ease,
                opacity 0.2s ease !important;
}

#header-outer #top nav > ul > li[class*="button_solid_color"] > a,
#header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a {
    transition: color 0.2s ease !important;
}

/* Hover: light-gray pill, expanded 6px on all sides */
#header-outer #top nav > ul > li[class*="button_solid_color"] > a:hover::before,
#header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a:hover::before,
#header-outer[data-header-button_style="default"] #top nav > ul > li[class*="button_solid_color"] > a:hover::before,
#header-outer[data-header-button_style="default"].transparent #top nav > ul > li[class*="button_solid_color"] > a:hover::before {
    background-color: #F5F5F5 !important;
    opacity: 1 !important;

}

/* Hover: dark text (target both <a> and the inner .menu-title-text span
   so the theme's own :hover color rule on the span is overridden) */
#header-outer[data-lhe="default"] #top nav > ul > li[class*="button_solid_color"] > a:hover,
#header-outer[data-lhe="default"] #top nav > ul > li[class*="button_solid_color"] > a:hover .menu-title-text,
#header-outer.transparent[data-lhe="default"] #top nav > ul > li[class*="button_solid_color"] > a:hover,
#header-outer.transparent[data-lhe="default"] #top nav > ul > li[class*="button_solid_color"] > a:hover .menu-title-text,
#header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"] > a:hover,
#header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"] > a:hover .menu-title-text,
#header-outer.transparent[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"] > a:hover,
#header-outer.transparent[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"] > a:hover .menu-title-text {
    color: #141414 !important;
}


/* =========================================================
   Home: Upcoming Events grid (MEC skin-grid)
   ========================================================= */

/* Left-align all text in the events grid — desktop only */
@media (min-width: 1000px) {
    #mec_skin_6049 .mec-event-grid-simple .mec-event-article,
    #mec_skin_6049 .mec-event-grid-simple .mec-event-date,
    #mec_skin_6049 .mec-event-grid-simple .mec-event-title,
    #mec_skin_6049 .mec-event-grid-simple .mec-event-detail,
    #mec_skin_6049 .mec-event-grid-simple .mec-categories-wrapper {
        text-align: left;
    }
}

/* Remove divider line between events (borders on columns / articles) */
#mec_skin_6049 .mec-event-grid-simple .col-md-4,
#mec_skin_6049 .mec-event-grid-simple .col-sm-4,
#mec_skin_6049 .mec-event-grid-simple .mec-event-article {
    border: none !important;
    box-shadow: none !important;
}
#mec_skin_6049 .mec-event-grid-simple .mec-event-article::before,
#mec_skin_6049 .mec-event-grid-simple .mec-event-article::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* Event dates */
#mec_skin_6049 .mec-event-grid-simple .mec-event-date,
#mec_skin_6049 .mec-event-grid-simple .mec-event-date .mec-start-date-label {
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
}

/* Event titles — strip any inherited section padding */
#mec_skin_6049 .mec-event-grid-simple .mec-event-title {
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
#mec_skin_6049 .mec-event-grid-simple .mec-event-title a {
    padding: 0 !important;
}

/* Event categories — hide folder icon and size category text */
#mec_skin_6049 .mec-event-grid-simple .mec-categories-wrapper i.mec-sl-folder {
    display: none !important;
}
#mec_skin_6049 .mec-event-grid-simple .mec-categories-wrapper {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
#mec_skin_6049 .mec-event-grid-simple .mec-categories,
#mec_skin_6049 .mec-event-grid-simple .mec-categories li.mec-category,
#mec_skin_6049 .mec-event-grid-simple .mec-categories a {
    font-size: 15px !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* =========================================================
    GravityForm
   ========================================================= */

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    border-radius: 15px;
}

.container-wrap input[type=text]:hover, .container-wrap input[type=email]:hover, .container-wrap input[type=password]:hover, .container-wrap input[type=tel]:hover, .container-wrap input[type=url]:hover, .container-wrap input[type=search]:hover, .container-wrap input[type=date]:hover, .container-wrap input[type=number]:hover, .container-wrap textarea:hover, .container-wrap select:hover, body > #review_form_wrapper.modal input[type=text]:hover, body > #review_form_wrapper.modal textarea:hover, body > #review_form_wrapper.modal select:hover, body > #review_form_wrapper.modal input[type=email]:hover, .select2-container--default .select2-selection--single:hover, .woocommerce input#coupon_code:hover, .material.woocommerce-page[data-form-style="default"] input#coupon_code:hover, body[data-form-style="minimal"] input[type="text"]:hover, body[data-form-style="minimal"] textarea:hover, body[data-form-style="minimal"] input[type="email"]:hover, body[data-form-style="minimal"] input[type=password]:hover, body[data-form-style="minimal"] input[type=tel]:hover, body[data-form-style="minimal"] input[type=url]:hover, body[data-form-style="minimal"] input[type=search]:hover, body[data-form-style="minimal"] input[type=date]:hover, body[data-form-style="minimal"] input[type=number]:hover, body[data-form-style="minimal"] select:hover {
    border-color: transparent;
}


.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
    padding-top: 0px;
    margin-top: 5px;
}

body[data-form-submit=regular] button[type=submit]:hover, 
body[data-form-submit=regular] input[type=submit]:hover {
    color: #141414; 
    background-color: #FFF;
}

/* =========================================================
   Events archive page — H1 matches Salient H2 settings
   ========================================================= */
.mec-container > h1 {
    font-family: Baskervville, serif !important;
    font-size: 51px !important;
    font-weight: 700 !important;
    line-height: 48px !important;
    letter-spacing: -1.2px !important;
    text-transform: none !important;
    padding: 60px 0 !important;
    margin: 0 !important;
}

body.single-mec-events .mec-wrap .col-md-8 {
    padding-right: 90px;
    color: #141414;
}

body.single-mec-events .mec-wrap .mec-single-title {
    margin-bottom: 24px;
}

body.single-mec-events .mec-wrap p {
    font-family: Nunito Sans;
    letter-spacing: -0.15px;
    font-size: 19.5px;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #141414;
}

.mec-single-event .mec-frontbox {
    border: none;
}

body.single-course .hcc-field.hcc-field--tax-course-category span.hcc-field__value {
    font-family: Nunito Sans;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 16.5px;
    line-height: 16.5px;
    font-weight: 700;
}

@media (max-width: 999px) {
    
    body.single-course .hcc-field.hcc-field--tax-course-category span.hcc-field__value {
        font-size: 15px;
        line-height: 15px;
    }
    
}

.last-course-details-box .hcc-field {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

body.single-mec-events .mec-single-modern .col-md-4 .mec-frontbox {
    margin-top: 20px;
    margin-bottom: 30px;
}

body.mec-theme-salient .fc-dayGridMonth-view table {
     background-color: #FFF;
}

body.mec-theme-salient .fc-dayGridMonth-view table tr:nth-child(even) {
   background-color: #FDFDFD;
}

.mec-gCalendar-tooltip-image {
    display: none !important;
}