/*======================================
Theme Name: Free Divi Child Theme By Pee-Aye Creative
Theme URI: https://www.peeayecreative.com/
Description: This is a free Divi child theme from Pee-Aye Creative!
Author: Nelson Lee Miller (aka The Divi Teacher)
Author URI: https://www.peeayecreative.com/
Author Email: nelson@peeayecreative.com
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

/* ===== NOTES ==================================================================
*
* New to Divi? Take our full Divi course: https://www.peeayecreative.com/product/beyond-the-builder-the-ultimate-divi-website-course/
*
* Learn cool tricks and features with our Divi tutorials: https://www.peeayecreative.com/blog/
*
* Discover our premium Divi products: https://www.peeayecreative.com/shop/
*
* =============================================================================== */

/*add your custom CSS below this line*/
@import "fonts/ClarinsRegular.css";

.page-id-19 #mepr-account-nav {
    display: none;
}

/* Calendar - change button hover colour */
.fc-dayGridMonth-button:hover, .fc-listWeek-button:hover, .fc-timeGridDay-button:hover, .fc-timeGridWeek-button:hover {
    background-color: #8c0b26!important;
    color: #fff!important;
}
.fc-next-button:hover, .fc-prev-button:hover, .fc-today-button:hover {
    background-color: #8c0b26!important;
    color: #fff!important;
}
/* Events feed filter button */
.dec-search-filter-button {
    background: #b40024;
    color: #fff;
    border-color: #b40024;
}

/*** Clarins Button styles
     Extra CSS classes applied as needed to style WordPress buttons on-site without changing WP templates/using hooks
***/

.form-row:not(.error) .sbSelectorWrapper:focus,button:not(.not-tabbable):focus,button:not(.not-tabbable):active,.button:not(.not-tabbable):focus,.gs-product-wrapper a:not(.not-tabbable):focus,.button:not(.not-tabbable):active,.gs-product-wrapper a:not(.not-tabbable):active,input[type=button]:not(.not-tabbable):focus,input[type=button]:not(.not-tabbable):active,form input[type=text]:not(.error):focus,form input[type=text]:not(.error):active,form input[type=password]:not(.error):focus,form input[type=password]:not(.error):active,form input[type=email]:not(.error):focus,form input[type=email]:not(.error):active,form input[type=tel]:not(.error):focus,form input[type=tel]:not(.error):active,form textarea:not(.error):focus,form textarea:not(.error):active,form .search-input:not(.error):focus,form .search-input:not(.error):active,form input[type=radio]:focus+label:before,form input[type=radio]:focus+a:before,form input[type=checkbox]:focus+label:before,form input[type=checkbox]:focus+a:before {
    outline: 2px solid #000!important
}

.button-primary,.ft-tool-dialog-wrapper .button-primary {
    background-color: #000;
    border: 2px solid #000;
    color: #fff;
    height: 50px;
    min-width: 104px
}

.button-primary[disabled]:hover,.button-primary.disabled:hover,.button-primary[disabled],.button-primary.disabled,.ft-tool-dialog-wrapper .button-primary[disabled]:hover,.ft-tool-dialog-wrapper .button-primary.disabled:hover,.ft-tool-dialog-wrapper .button-primary[disabled],.ft-tool-dialog-wrapper .button-primary.disabled {
    background-color: #cbcbcb;
    border-color: #cbcbcb;
    color: #000;
    opacity: 1
}

.button-quickview,.ft-tool-dialog-wrapper .button-quickview {
    background-color: #fff;
    border: 2px solid #e5e5e5;
    color: #000;
    height: 40px;
    min-width: 130px;
    padding: 5px 10px
}

.button-secondary,.ft-tool-dialog-wrapper .button-secondary {
    background-color: #fff;
    border: 2px solid #e5e5e5;
    color: #000;
    height: 50px;
    min-width: 104px
}

.button-tertiary,.ft-tool-dialog-wrapper .button-tertiary {
    background-color: #fff;
    border: 2px solid #e5e5e5;
    color: #000;
    height: 40px;
    min-width: 90px
}

.button-tertiary--quantity,.ft-tool-dialog-wrapper .button-tertiary--quantity {
    height: 50px;
    min-width: 0;
    position: relative
}

.button,.gs-product-wrapper a,.link-button,button,input[type=button],.ft-tool-dialog-wrapper .button,.ft-tool-dialog-wrapper .link-button,.ft-tool-dialog-wrapper button,.ft-tool-dialog-wrapper input[type=button] {
    font-family: gotham ssm medium a,gotham ssm medium b,Helvetica,Arial,sans-serif;
    font-size: 11px;
    letter-spacing: 1.1px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    overflow: hidden;
    word-break: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px
}

.button:focus,.gs-product-wrapper a:focus,.link-button:focus,button:focus,input[type=button]:focus {
    outline: 0
}

.button::-moz-focus-inner,.gs-product-wrapper a::-moz-focus-inner,.link-button::-moz-focus-inner,button::-moz-focus-inner,input[type=button]::-moz-focus-inner,.ft-tool-dialog-wrapper .button::-moz-focus-inner,.ft-tool-dialog-wrapper .link-button::-moz-focus-inner,.ft-tool-dialog-wrapper button::-moz-focus-inner,.ft-tool-dialog-wrapper input[type=button]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

.button:-moz-focusring,.gs-product-wrapper a:-moz-focusring,.link-button:-moz-focusring,button:-moz-focusring,input[type=button]:-moz-focusring {
    outline: 1px dotted #000
}

.button-overlay,.ft-tool-dialog-wrapper .button-overlay {
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0;
    overflow: hidden;
    position: absolute
}

.button.vertically-centered,.gs-product-wrapper a.vertically-centered,.ft-tool-dialog-wrapper .button.vertically-centered,.ft-tool-dialog-wrapper .gs-product-wrapper a.vertically-centered,.gs-product-wrapper .ft-tool-dialog-wrapper a.vertically-centered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.link-button-primary,.ft-tool-dialog-wrapper .link-button-primary {
    padding: 15px 20px
}

.link-button-tertiary,.ft-tool-dialog-wrapper .link-button-tertiary {
    padding: 10px 20px
}

.link-button-tertiary:hover {
    color: #000
}

.button--secondary {
    background-color: #fff;
    color: #333;
    border: 1px solid #cfcac9;
    border-radius: 5px;
    height: 44px
}

.button--secondary:hover {
    color: #8c0b26;
    border: 1px solid #787474
}

.button--secondary:focus,.button--secondary:active {
    border: 2px solid #63021a
}

.button--secondary:disabled,.button--secondary.disabled {
    background-color: #fff;
    border: 1px solid #cfcac9;
    color: #cfcac9;
    cursor: default;
    pointer-events: none
}

.button--secondary:not(.not-tabbable):focus,.button--secondary:not(.not-tabbable):active {
    border: 2px solid #63021a!important;
    outline: none!important
}

.button--secondary.selected {
    background-color: #333;
    color: #fff;
    border: none
}

.button--grey {
    background-color: #f3f1f0!important;
    color: #333!important;
    border: none;
    border-radius: 5px;
    height: 44px
}

.button--grey:hover {
    background-color: #e9e3e1;
    color: #333
}

.button--grey:focus,.button--grey:active {
    border: 2px solid #63021a
}

.button--grey:disabled,.button--grey.disabled {
    cursor: default;
    pointer-events: none
}

.button-link.button-link {
    padding: 0;
    text-decoration: none;
    outline: none;
    background-color: transparent;
    color: #000;
    height: auto;
    min-width: auto;
    width: auto;
    -webkit-transition: none;
    transition: none
}

.button-link.button-link:hover,.button-link.button-link:active {
    background-color: transparent;
    outline: none
}

.button-link.button-link,.button-link.button-link:hover,.button-link.button-link:active {
    border: none
}

.button-link.button-link:hover {
    color: #be0f34
}

button:not(.not-tabbable):focus,button:not(.not-tabbable):active,.button:not(.not-tabbable):focus,.gs-product-wrapper a:not(.not-tabbable):focus,.button:not(.not-tabbable):active,.gs-product-wrapper a:not(.not-tabbable):active,input[type=button]:not(.not-tabbable):focus,input[type=button]:not(.not-tabbable):active {
    border: none!important
}

/*** Now the real bit starts ***/

.link-button {
    -webkit-appearance: initial;
    height: auto
}

.button-primary:hover {
    background-color: #000;
    border: 2px solid #000;
    color: #fff;
    opacity: .7
}

.button-primary--red, .mepr-submit {
    cursor: pointer;
    min-height: 44px;
    background-color: #b40024;
    border: 2px solid #b40024;
    color: #fff !important;
    height: 44px;
    min-width: 104px;
    border-radius: 5px;
    font-family: gotham ssm medium a,gotham ssm medium b,Helvetica,Arial,sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    border: 2px solid #b40024;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.button-primary--red:hover, .mepr-submit:hover {
    background-color: #8c0b26;
    border: 2px solid #8c0b26;
    color: #fff;
    height: 44px;
    min-width: 104px
}

.button-primary--red:focus, .mepr-submit:focus {
    background-color: #b40024;
    border: 2px solid #63021a;
    color: #fff;
    height: 44px;
    min-width: 104px
}

.button-primary--red:not(.not-tabbable):disabled:focus,.button-primary--red:not(.not-tabbable):disabled:active,.button-primary--red:not(.not-tabbable).disabled:focus,.button-primary--red:not(.not-tabbable).disabled:active {
    border: none!important
}

.button-primary--red:not(.not-tabbable):focus,.button-primary--red:not(.not-tabbable):active {
    border: 2px solid #63021a!important;
    outline: none!important
}

.button-primary--red:disabled,.button-primary--red.disabled {
    background-color: #e9e3e1;
    border: 2px solid #e9e3e1;
    color: #787474;
    height: 44px;
    min-width: 104px;
    cursor: default;
    pointer-events: none;
    border: none;
    font-family: gotham ssm medium a,gotham ssm medium b,Helvetica,Arial,sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px
}

.button-secondary:hover {
    background-color: #fff;
    border: 2px solid #cbcbcb;
    color: #000
}

.button-tertiary:hover {
    border: 2px solid #cbcbcb
}

.button-tertiary--quantity:focus {
    z-index: 1
}

.button-tertiary--quantity:disabled {
    color: #e5e5e5
}

.button-quickview:hover {
    border: 2px solid #cbcbcb
}
/*** End Clarins Buttons ***/


.upcoming-courses {

}
.upcoming-courses tr {
    margin: 0.5rem 0;
}
.upcoming-courses thead th, .upcoming-courses td {
    padding: 6px 8px!important;
}
.upcoming-courses tr > :first-child {
    padding-left: 0.25rem;
}
.upcomng-courses th + th {
    margin-right: 3rem;
}

@media screen and (max-width: 600px) {
    table.upcoming-courses { width: 100%; }
    table.upcoming-courses thead { display: none; }
    table.upcoming-courses tbody tr {
        display: block;
        margin-bottom: 1.5rem;
    }
    table.upcoming-courses tbody td {
        display: block; padding: 0.6rem !important;
    }
    table.upcoming-courses tbody tr td:first-child {
        background: #efefef;
    }/*
    table.upcoming-courses tbody td:before {
        content: attr(data-th);
        font-weight: bold;
        display: inline-block;
        width: 6rem;
    }*/
}

/*** Training Course descriptions ***/
/*.et_pb_module_inner p em,
.et_pb_de_mach_content .et_pb_module_inner p em { / * This second selector for any pages using Divi Machine modules, which *** with the CSS * /
    color: #c10230;
    font-style: normal;
    font-weight: bold;
}
.et_pb_module_inner p,
.et_pb_de_mach_content .et_pb_module_inner p {
    margin-bottom: 1.5rem;
}
.et_pb_module_inner ul,
.et_pb_de_mach_content .et_pb_module_inner ul {
    padding-left: 1em !important;
}
.et_pb_module_inner ul ul,
.et_pb_de_mach_content .et_pb_module_inner ul ul {
    margin-left: 1em;
    padding-bottom: 0;
}*/