/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** SECTION 1 - START HERE   ***************/

@font-face {
    font-family: 'loretta';
    src: url(//mercylearningcenter.org/wp-content/themes/flatsome-child/fonts/loretta-display-italic-webfont.woff2) format('woff2'),
         url(//mercylearningcenter.org/wp-content/themes/flatsome-child/fonts/loretta-display-italic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3{
    font-family: 'loretta', serif !important;
}

h1, .h1, .banner h1, h1.uppercase {
		font-size: 4.0em;
		line-height: 1.1em;
		margin-bottom: .25em;
}
h2, .h2, .banner h2, h2.uppercase {
		font-size: 2.8em;
		line-height: 1.2em;
		margin-bottom: .25em;
}
h3, .h3, .banner h3, h3.uppercase {
		font-size: 1.8em;
		line-height: 1.35em;
		margin-bottom: .3em;
}
h4, .h4, .banner h4, h4.uppercase {
		font-size: 1.1em;
		line-height: 1.4em;
		margin-bottom: .35em;
}
.header-nav-main .html .header-button a:before, #top-bar .html .header-button a:before, .off-canvas .html .header-button a:before{
    font-family: 'fl-icons' !important;
    color: var(--success-color);
    font-size: 92%;
    content: '\e000' !important;
}
.header-nav-main #header-contact a{
    color: var(--primary-color);
    font-size: 1em;
}
.header-nav-main #header-contact i, .header-nav-main #header-contact a:hover, .nav-column>li>a:hover, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover{
    color: var(--secondary-color) !important;
}
.header-nav-main .social-icons a{
    font-size: 1.4em;
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a{
    color: #000;
}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a, .nav-dropdown .title>a{
    color: var(--primary-color) !important;
    font-size: .9em;
}
.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content{
    background-color: var(--secondary-color);
    width: 295px;
}
.off-canvas .sidebar-menu a:not(.button):not(.social-icons a){
    color: #fff;
    font-size: .9em;
}
.dark .nav-vertical li li.menu-item-has-children>a, .off-canvas .sidebar-menu a:not(.button):not(.social-icons a):hover{
    color: var(--success-color) !important;
}
.off-canvas .sidebar-menu #header-contact a, .off-canvas .sidebar-menu .html.header-social-icons{
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
}
.off-canvas .sidebar-menu .header-contact-wrapper, .nav-sidebar.nav-vertical>li+li.header-social-icons{
    border: 0 !important;
}
.off-canvas .header-button a{
    display: block;
}
.inline.ux-menu {
    display: block;
    text-align: center!important;
}

.inline .ux-menu-link {
    display: inline-block;
    margin: 0 1em!important;
    text-transform: uppercase;
}

.uppercase{
    letter-spacing: 0 !important;
}
.button {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
}
.button.success.is-outline{
    border-color: var(--success-color);
}
.button.alert.is-outline{
    border-color: var(--alert-color);
}
.button.primary i, .button.secondary i{
    color: var(--success-color);
}
.dark .button.success.is-outline span{
    color: #fff;
}
.button.success.is-outline span{
    color: var(--primary-color);
}
.button.success.is-outline:hover{
    background-color: #fff;
    border-color: var(--success-color);
    color: var(--primary-color);
}
.button.success.is-outline:hover span{
    color: var(--primary-color);
}
.corners-round .col-inner, .corners-round .message-box, .corners-round .message-box-bg-image, .corners-round .message-box-bg-overlay, .corners-round .box, .corners-round .banner, .corners-round .banner-bg, .corners-round .banner-inner{
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}
.corners-round .box .box-image, .widget-area .corners-round .banner, .widget-area .corners-round .banner-bg{
    border-radius: 25px 25px 0 0;
    -webkit-border-radius: 25px 25px 0 0;
    -moz-border-radius: 25px 25px 0 0;
}
.widget-area a.button{
    color: #fff !important;
}

ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-star{
    border: none;
    padding: 5px 0 5px 22px;
}
ul li.bullet-arrow:before, ul li.bullet-checkmark:before, ul li.bullet-star:before{
    color: var(--secondary-color);
}
.dark ul li.bullet-arrow:before, .dark ul li.bullet-checkmark:before, .dark ul li.bullet-star:before{
    color: var(--success-color);
}
.no-margin.message-box{
    padding: 0 !important;
}
.no-margin.message-box .banner, .no-margin.message-box .banner-bg{
    border-radius: 0 25px 25px 0;
    -webkit-border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
}
.small-margin h3{
    margin-bottom: .1em;
}
.row-slider .flickity-page-dots, .slider-nav-outside .flickity-page-dots {
    bottom: -30px;
}
legend{
    border: none;
    text-transform: none;
}
.gfield-choice-input{
    margin-bottom: 0 !important;
}
.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label{
    font-weight: 500;
}
.gform_wrapper.gravity-theme .field_description_above .description, .gform_wrapper.gravity-theme .field_description_above .gfield_description, .gform_wrapper.gravity-theme .field_description_above .gsection_description, .gform_wrapper.gravity-theme .field_description_above .instruction{
    padding-bottom: 3px;
    padding-top: 0;
}
.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label{
    font-weight: 500;
    font-size: 13px;
}
.blog-archive #post-list .entry-meta{
    display: none;
}
h1.page-title{
    text-transform: none;
    font-size: 2em;
}
h1.entry-title{
    font-size: 2.6em;
}
.wpex.horizontal-timeline.ex-multi-item .timeline-hr {
    border-bottom: 3px solid var(--secondary-color);
}
.wpex.horizontal-timeline.ex-multi-item .horizontal-nav li .wpex_point:before, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ex_s_lick-current .wpex_point:before{
    background: var(--secondary-color);
}
.wpex.horizontal-timeline.ex-multi-item .timeline-hr:before{
    background-image: linear-gradient(to right, #058090, rgb(194 236 253));
}
.wpex.horizontal-timeline.ex-multi-item .timeline-hr:after{
    background-image: linear-gradient(to right, rgb(194 236 253),#058090);
}
.wpex h2 a, wpex.horizontal-timeline .wpex-timeline-label h2 a{
    font-family: "loretta", serif !important;
}
wpex.horizontal-timeline .wpex-timeline-label h2 {
    margin-bottom: 0;
}
.timeline-details h2{
    text-transform: none !important;
}
.timeline-details, .wpextt_templates .wp-timeline{
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.wpex.horizontal-timeline.tlml-arrow-top .ex_s_lick-prev, .wpex.horizontal-timeline.tlml-arrow-top .ex_s_lick-next{
    color: var(--primary-color);
}
.wpex-filter > .fa, .wpex-endlabel.wpex-loadmore span, .wpex-tltitle.wpex-loadmore span, .wpex-loadmore .loadmore-timeline, .wpex-timeline-list.show-icon .wpex-timeline > li:after, .wpex-timeline-list.show-icon .wpex-timeline > li:first-child:before, .wpex-timeline-list.show-icon .wpex-timeline.style-center > li .wpex-content-left .wpex-leftdate, .wpex-timeline-list.show-icon li .wpex-timeline-icon .fa, .wpex .timeline-details .wptl-readmore > a:hover, .wpex-spinner > div, .wpex.horizontal-timeline .ex_s_lick-prev:hover, .wpex.horizontal-timeline .ex_s_lick-next:hover, .wpex.horizontal-timeline .horizontal-content .ex_s_lick-next:hover, .wpex.horizontal-timeline .horizontal-content .ex_s_lick-prev:hover, .wpex.horizontal-timeline .horizontal-nav li.ex_s_lick-current span.tl-point:before, .wpex.horizontal-timeline.tl-hozsteps .horizontal-nav li.ex_s_lick-current span.tl-point i, .timeline-navigation a.btn, .timeline-navigation div > a, .wpex.wpex-horizontal-3.ex-multi-item .horizontal-nav h2 a, .wpex-timeline-list:not(.show-icon) .wptl-feature-name span, .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li span.wpex_point, .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li span.wpex_point, .show-wide_img .wpex-timeline > li .wpex-timeline-time span.tll-date, .wpex-timeline-list.show-bg.left-tl li .wpex-timeline-label .wpex-content-left .wpex-leftdate, .wpex-timeline-list.show-simple:not(.show-simple-bod) ul li .wpex-timeline-time .tll-date, .show-box-color .tlb-time, .sidebyside-tl.show-classic span.tll-date, .wptl-back-to-list a, .wpex.horizontal-timeline.ex-multi-item.wpex-horizontal-8 .hoz-tldate, .wpex.horizontal-timeline.ex-multi-item.wpex-horizontal-9 .wpex-timeline-label:before, .wpex-timeline > li .wpex-timeline-icon .fa{
    background: var(--primary-color);
}
blockquote{
    font-size: 100%;
    color: inherit;
    border-width: 7px;
    margin-left: 10px;
}
#footer a:not(.button){
    color: var(--primary-color);
}
#footer a:not(.button):hover{
    color: var(--secondary-color);
}
.hero-gradient:before{
    content: '';
    display: block;
    z-index: 1;
    position: absolute;
    height: 100%;
    overflow: hidden;
    width: 100%;
    background: linear-gradient(to right, rgba(54,40,118,0.8) 0%,rgba(54,40,118,0.8) 27%,rgba(54,40,118,0.39) 61%,rgba(54,40,118,0.1) 85%,rgba(54,40,118,0.1) 100%);
    /*Permalink: https://colorzilla.com/gradient-editor/#362876+0,362876+100&0.8+27,0.39+61,0.1+85 */
}
.multi-gradient:before{
    content: '';
    display: block;
    z-index: 1;
    position: absolute;
    height: 100%;
    overflow: hidden;
    width: 100%;
    background: linear-gradient(to right, rgba(4,128,144,0.61) 1%,rgba(4,128,144,0.61) 37%,rgba(54,40,118,0.61) 68%,rgba(54,40,118,0.61) 100%);
    /*Permalink: https://colorzilla.com/gradient-editor/#048090+37,362876+68&0.61+1,0.61+100 */
}
.fade-gradient:before{
    content: '';
    display: block;
    z-index: 1;
    position: absolute;
    height: 100%;
    overflow: hidden;
    width: 100%;background: rgb(255,255,255);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 22%,rgba(227,244,235,1) 93%);
    /*Permalink: https://colorzilla.com/gradient-editor/#ffffff+22,e3f4eb+93 */
}
.entry-content ul, .entry-content ol{
    margin-left: 9px;
}
.entry-content.single-page{
    padding-top: 0;
}

/*REAL TESTIMONIALS PRO*/

.sp-testimonial-pro-section .tpro-client-name {
    font-family: 'loretta', serif !important;
}

/* ============================
    EVENTS CALENDAR
==============================*/

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar__search-container input[type=text] {
    -webkit-box-shadow: none !important;
    box-shadow:none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar__search-container {
    background: none !important;
}

.tribe-events-c-top-bar__nav-list-item a {
    margin-top: .7em !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    border: solid 2px rgb(236 236 236);
    padding: 2em !important;
    margin: 2em auto;
}

.single #tribe-events-pg-template {
    padding: 3em;
    max-width: 1200px;
}

.single .tribe-events-event-image {
    display: none !important;
}

#tribe-events-pg-template {
    border: solid 2px rgb(236 236 236);
    margin: 2em auto;
}

.single-tribe_events .hide-single {
    display: none;
}

.tribe-events-back {
    margin-bottom: .5em;
}

.tribe-events-single>.tribe_events>:not(.primary,.secondary,.tribe-events-related-events-title,.tribe-related-events) {
    order: 1;
    width: 100%;
    display: block;
    max-width: 100%;
}

.single-tribe_events dl dt, .single-tribe_events  dl dd {
    display: block !important;
}

 dl {
    opacity: 1;
    text-transform: none;
    font-size: .95em
} 

.single-tribe_events dt {
    font-weight: bold;
}

.tribe-events-event-meta.primary, .tribe-events-event-meta.secondary {
    margin-bottom: 0;
    padding-top: 0;
    position: static;
    width: 100%;
}

.tribe-events-venue-map {
    width: 100%;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__button, .tribe-block__events-link .tribe-events-c-subscribe-dropdown__button {
    padding: var(--tec-spacer-1) var(--tec-spacer-2);
    width: 125% !important;
}

.entry .entry-content .event-tickets .tribe-tickets__tickets-form, .event-tickets .tribe-tickets__tickets-form {
    max-width: 100%;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-datetime:after {
    background-color: #efefef;
    right: -1px;
    width: 4px;
    border-radius: var(--tec-border-radius-default);
    content: "";
    height: 100%;
    position: absolute;
}

.tribe-events .tribe-events-calendar-day__event-featured-image-link, .tribe-events .tribe-events-calendar-list__event-featured-image, .tribe-events-calendar-day__event-featured-image-wrapper img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.tribe-events-pro .tribe-events-pro-map__event-card-button {
    border-radius: 0 !important;
}

.tribe-events-schedule {
    margin: 0;
}

.tribe-events-schedule h2 {
    font-size: 1.5em;
    color: #964dae;
}

.single-tribe_events .single-hide {
    display: none;
}

.tribe-events .tribe-events-calendar-list__event-datetime {
    color: #964dae;
}

.tribe-events-content ol, .tribe-events-content p, .tribe-events-content ul {
    font-size: 1em !important;
}

/*************** SECTION 2 - MOBILE QA FIXES ONLY  ***************/
@media only screen and (max-width: 549px) {
    
    h1, .h1, .banner h1, h1.uppercase  {
		font-size: 2.6em;
    }
    h2, .h2, .banner h2, h2.uppercase {
		font-size: 1.8em;
    }
    h3, .h3, .banner h3, h3.uppercase  {
		font-size: 1.4em;
    }
    h4, .h4, .banner h4, h4.uppercase{
		font-size: 1.1em;
    }
    .tribe-events .tribe-events-calendar-list__event-date-tag-datetime:after {
        display: none;
    }
    .tribe-events .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover{
        border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
    }
    .no-margin.message-box .banner, .no-margin.message-box .banner-bg{
        border-radius: 0 0 25px 25px;
        -webkit-border-radius: 0 0 25px 25px;
        -moz-border-radius: 0 0 25px 25px;
    }
    h1.page-title{
        font-size: 1.5em;
    }
    h1.entry-title{
        font-size: 1.8em;
    }
    .hero-gradient:before{
        background: linear-gradient(to right, rgba(54,40,118,0.8) 0%,rgba(54,40,118,0.8) 30%,rgba(54,40,118,0.18) 100%);
        /*Permalink: https://colorzilla.com/gradient-editor/#362876+0,362876+100&0.8+30,0.18+100 */
    }
    p .alignleft, p .alignright, .entry-content .alignleft, .entry-content .alignright{
        display: block;
        margin-bottom: .5em;
    }

}

/*************** SECTION 3 - MEDIUM GRID AND UP  ***************/
@media only screen and (min-width: 550px) and (max-width: 850px) {
    h1, .h1, .banner h1, h1.uppercase  {
		font-size: 3.2em;
    }
    h2, .h2, .banner h2, h2.uppercase {
		font-size: 2.1em;
    }
    h3, .h3, .banner h3, h3.uppercase  {
		font-size: 1.6em;
    }
    h4, .h4, .banner h4, h4.uppercase {
		font-size: 1.1em;
    }
    .tribe-events .tribe-events-calendar-list__event-date-tag-datetime:after {
        display: none;
    }
    .no-margin.message-box .banner, .no-margin.message-box .banner-bg{
        border-radius: 0 0 25px 25px;
        -webkit-border-radius: 0 0 25px 25px;
        -moz-border-radius: 0 0 25px 25px;
    }
    h1.page-title{
        font-size: 1.7em;
    }
    h1.entry-title{
        font-size: 2.1em;
    }
    .hero-gradient:before{
        background: linear-gradient(to right, rgba(54,40,118,0.8) 0%,rgba(54,40,118,0.8) 27%,rgba(54,40,118,0.39) 80%,rgba(54,40,118,0.1) 100%);
        /*Permalink: https://colorzilla.com/gradient-editor/#362876+0,362876+100&0.8+27,0.39+80,0.1+100 */
    }
    p .alignleft, .entry-content .alignleft {
        display: inline;
        float: left;
        margin-right: 1.5em;
    }
    p .alignright, .entry-content .alignright{
        display: inline;
        float: right;
        margin-left: 1.5em;
    }
}

/*************** SECTION 4 - DESKTOP AND UP  ***************/
@media only screen and (min-width: 1000px) {
    
}