/*
 Theme Name:   ESS Les Paccots
 Theme URI:    https://ess-lespaccots.ch/
 Description:  Thème de l'Ecole Suisse de Ski des Paccots
 Author:       Nicolas Baudet
 Author URI:   http://baudet.me
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, responsive-layout, accessibility-ready
 Text Domain:  divi-child
*/

/* Round logo overflow and size */
#logo {
    max-height: 128px;
    margin-top: 10px;
}
.et-fixed-header #logo {
    max-height: 80px;
    margin-top: 10px;
}

/* Adapts the cool weather plugin */
.cw-wrapper {
    height: 48px;
    border-bottom: 1px solid #e02b20;
    margin-top: -12px;
}
.cw-temp {
	font-weight: 500;
}
/*.cw-icon { } */

/* Makes nice corporate sliders */
.et_pb_slider .et_pb_container {
    left: -50px;
}
.et_fullscreen_slider:after {
    content: " ";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 100px;
    bottom: 0;
    height: 100px;
    z-index: 2;
    transform: rotateY(180deg);
    width: 100%;
    position: absolute;
    display: block;
}
.et_pb_slides .et_pb_slider_container_inner {
    padding: 200px 0;
    width: 47.25%;
    text-shadow: none;
}
.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: none;
    text-align: left;
}
.et_pb_bg_layout_dark .et_pb_slide_description h2.et_pb_slide_title {
    font-size: 26px;
    font-weight: 500;
}
.et_pb_bg_layout_dark .et_pb_slide_description h2.et_pb_slide_title:after {
    content: " ";
    border-top: 1px solid white;
    display: block;
    margin: 30px 0 15px 0;
    width: 80px;
}
.et_pb_slide_content {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.8em;
}
.ess-background-color-text .et_pb_slide_description {
    background-image: linear-gradient(180deg,#b50e0e 0%,#e02b20 100%);
    background-color: #e02b20;
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
}
/* Slide button */
.et_pb_slide_description .et_pb_button_wrapper {
    position: absolute;
    text-transform: uppercase;
    /* margin-left: -50px;
    margin-top: 100px; */
}
.et_pb_slide_description .et_pb_button {
    padding: 24px 60px 24px 40px;
}
.et_pb_slide_description .et_pb_button:hover {
    padding: 24px 60px 24px 40px;
}
@media(max-width: 980px) {
    .et_pb_slider .et_pb_container {
        left: 0;
    }
    .et_pb_slides .et_pb_slider_container_inner {
        width: 100%
    }
}

/* ESS header full width fix */
.et_pb_text_1.ess-boxed-text {
    line-height: 1em;
    font-size: 16px;
}
@media(min-width: 981px) {
    .et_pb_column.ess-column-align-left {
        margin-left: -50px;
    }
}

/* Button customization */
.et_pb_button {
    border-radius: 0;
    background-color: #0c71c3;
    border: 2px solid transparent;
}
.et_pb_button:hover {
    background-color: #1382dc;
}

/* Customization of mega-menu */
#et-top-navigation #quadmenu.quadmenu-divi.quadmenu-is-horizontal .quadmenu-navbar-nav > li > .quadmenu-dropdown-menu {
	margin-top: 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
}
/* Underlines open menu */
#quadmenu.quadmenu-divi .quadmenu-navbar-nav > li.quadmenu-has-link,
#quadmenu.quadmenu-divi .quadmenu-navbar-nav > li.quadmenu-has-link {
    border-bottom: 3px solid transparent;
}
#quadmenu.quadmenu-divi .quadmenu-navbar-nav > li.quadmenu-has-link:hover,
#quadmenu.quadmenu-divi .quadmenu-navbar-nav > li.quadmenu-has-link.open,
#quadmenu.quadmenu-divi .quadmenu-navbar-nav > li.quadmenu-current-menu-item,
#quadmenu.quadmenu-divi .quadmenu-navbar-nav > li.quadmenu-current-menu-ancestor,
#quadmenu.quadmenu-divi .quadmenu-navbar-nav > li.current-menu-item,
#quadmenu.quadmenu-divi .quadmenu-navbar-nav > li.current-menu-ancestor {
    border-bottom: 3px solid #e02b20;
}
#top-menu-nav #quadmenu.quadmenu-divi .quadmenu-navbar-nav .quadmenu-dropdown-menu .quadmenu-title,
#et_mobile_nav_menu #quadmenu.quadmenu-divi .quadmenu-navbar-nav .quadmenu-dropdown-menu .quadmenu-title {
    border-color: #e02b20;
}
/* Fixes the webcam display in menu */
.ess-large-webcam {
    height: 180px;
    object-fit: cover;
    object-position: center;
}
#quadmenu .quadmenu-navbar-nav li.quadmenu-item-type-post_type.quadmenu-has-image-large>a>.quadmenu-item-content>img {
    height: 140px !important;
}

/* Deactivating the sidebars */
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
    #left-area {
        width: 100%;
        padding: 23px 0px 0px !important;
        float: none !important;
    }
}

/* Customization of single-page header */
.et_pb_fullwidth_header.ess-header-single-page-title .et_pb_fullwidth_header_container.center .header-content {
    margin-bottom: -92px;
}
.ess-header-single-page-title .et_pb_module_header {
    width: 50%;
    margin: 0 auto;
    padding: 20px;
    background-image: linear-gradient(180deg,#b50e0e 0%,#e02b20 100%);
    background-color: #e02b20;
}
@media(max-width: 981px) {
    .ess-header-single-page-title .et_pb_module_header {
        width: 100%;
    }
}
.ess-heading-description h3 {
    line-height: 2.1em;
}

/*
:not(.home, .ess-header-single-page-title) .et_pb_section {
    padding-top: 30px;
}
*/
/* Partners logos */
.ess-partners-logos .et_pb_column {
    text-align: center;
}
.ess-partners-logos img {
    height: 100px;
}

/* Tables */
.ess-table {
    border: 1px solid;
    max-width: 100%;
    margin-bottom: 20px;
}
.ess-table caption {
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 20px;
}
.ess-table thead td {
    color: white;
    background-image: linear-gradient(180deg,#b50e0e 0%,#e02b20 100%);
    background-color: #e02b20;
    padding: 5px;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}
.ess-table tbody td {
    text-align: center;
}
/* .ess-table tbody tr:hover {
    background-color: #1382dc;
    color: white;
} */
.ess-table > tbody > tr:first-child > td {
    font-size: 16px;
    font-weight: 800;
}