/*
Theme Name: Divi Child
Author: pggns
Description: Divi child theme
Version: 1.0.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: Divi_child
Template: Divi

*/

/**
 * Menu
 */
 @media (max-width: 767px) {
    .et_pb_menu .et_pb_menu__logo-wrap {
        order: 2;
    }
    
    .et_pb_menu .et_pb_menu__wrap {
        order: 1;
        flex-grow: 0;
    }
    
    .et_pb_menu .et_mobile_menu {
        margin-top: 8px;
    }
}

/* Footer Menu */
.kww-vertical-menu .et-menu {
    margin-left: 0;
    margin-right: 0;
}

.kww-vertical-menu .et-menu > li {
    padding-left: 0;
    padding-right: 0;
}

.kww-vertical-menu .et_pb_menu__menu nav ul li {
    display: block;
    width: 100%;
    margin: 10px 0;
}

.kww-vertical-menu .et_pb_menu__wrap {
    justify-content: flex-start;
}

@media (max-width: 980px) {
    .et-db #et-boc .et-l .kww-vertical-menu .et_pb_menu__menu {
        display: flex;
    }

    .et-db #et-boc .et-l .kww-vertical-menu .et_mobile_nav_menu {
        display: none;
    }
}

/**
 * Utils
 */
.d-flex {
    display: flex;
}
.et_pb_row.d-flex {
    flex-wrap: wrap;
}
.justify-center {
    justify-content: center;
}

.has-hover {
    transition: all 300ms ease 0ms;
}

.text-green {
    color: #86a411;
}
.bg-green {
    background-color: #86a411;
}
.bg-green.has-hover:hover {
    background-color: #75820e;
}

.text-gold {
    color: #d9a441;
}
.bg-gold {
    background-color: #d9a441;
}
.bg-gold.has-hover:hover {
    background-color: #ab7b22;
}

/**
 * Custom Column structures
 */
@media screen and (max-width: 767px) {
    [class*="custom-col-sm-"] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .custom-col-sm-12 {
        width: 100%;
    }
    .custom-col-sm-11 {
        width: 91.66667%;
    }
    .custom-col-sm-10 {
        width: 83.33333%;
    }
    .custom-col-sm-9 {
        width: 75%;
    }
    .custom-col-sm-8 {
        width: 66.66667%;
    }
    .custom-col-sm-7 {
        width: 58.33333%;
    }
    .custom-col-sm-6 {
        width: 50%;
    }
    .custom-col-sm-5 {
        width: 41.66667%;
    }
    .custom-col-sm-4 {
        width: 33.33333%;
    }
    .custom-col-sm-3 {
        width: 25%;
    }
    .custom-col-sm-2 {
        width: 16.66667%;
    }
    .custom-col-sm-2 {
        width: 8.33333%;
    }
}
@media screen and (min-width: 768px) and (max-width: 980px) {
    [class*="custom-col-md-"] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .custom-col-md-12 {
        width: 100%;
    }
    .custom-col-md-11 {
        width: 91.66667%;
    }
    .custom-col-md-10 {
        width: 83.33333%;
    }
    .custom-col-md-9 {
        width: 75%;
    }
    .custom-col-md-8 {
        width: 66.66667%;
    }
    .custom-col-md-7 {
        width: 58.33333%;
    }
    .custom-col-md-6 {
        width: 50%;
    }
    .custom-col-md-5 {
        width: 41.66667%;
    }
    .custom-col-md-4 {
        width: 33.33333%;
    }
    .custom-col-md-3 {
        width: 25%;
    }
    .custom-col-md-2 {
        width: 16.66667%;
    }
    .custom-col-md-2 {
        width: 8.33333%;
    }
}
@media screen and (min-width: 981px) {
    [class*="custom-col-lg-"] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .custom-col-lg-12 {
        width: 100%;
    }
    .custom-col-lg-11 {
        width: 91.66667%;
    }
    .custom-col-lg-10 {
        width: 83.33333%;
    }
    .custom-col-lg-9 {
        width: 75%;
    }
    .custom-col-lg-8 {
        width: 66.66667%;
    }
    .custom-col-lg-7 {
        width: 58.33333%;
    }
    .custom-col-lg-6 {
        width: 50%;
    }
    .custom-col-lg-5 {
        width: 41.66667%;
    }
    .custom-col-lg-4 {
        width: 33.33333%;
    }
    .custom-col-lg-3 {
        width: 25%;
    }
    .custom-col-lg-2 {
        width: 16.66667%;
    }
    .custom-col-lg-2 {
        width: 8.33333%;
    }
}

/**
 * Images
 */
/* Fitted images */
@media (min-width: 768px) {
    .et_pb_image .et_pb_image_wrap {
        height: 100% !important;
    }
    .et_pb_image .et_pb_image_wrap img {
        height: 100% !important;
        object-fit: cover;
    }
}

/* Ratio */
.ratio .et_pb_image_wrap {
    display: block;
    
    width: 100%;
}
.ratio .et_pb_image_wrap img {
    position: absolute;
    top: 0;
    left: 0;
    
    width: 100% !important;
    height: 100% !important;
    
    object-fit: cover;
}

.ratio-1x1 .et_pb_image_wrap {
    padding-bottom: 100%;
}
.ratio-4x3 .et_pb_image_wrap {
    padding-bottom: 75%;
}
.ratio-2x1 .et_pb_image_wrap {
    padding-bottom: 50%;
}

@media screen and (min-width: 768px) {
    .ratio-md .et_pb_image_wrap {
        display: block;

        width: 100%;
    }
    .ratio-md .et_pb_image_wrap img {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        object-fit: cover;
    }
    
    .ratio-md-1x1 .et_pb_image_wrap {
        padding-bottom: 100%;
    }
    .ratio-md-4x3 .et_pb_image_wrap {
        padding-bottom: 75%;
    }
    .ratio-md-2x1 .et_pb_image_wrap {
        padding-bottom: 50%;
    }
}

@media screen and (min-width: 981px) {
    .ratio-lg .et_pb_image_wrap {
        display: block;

        width: 100%;
    }
    .ratio-lg .et_pb_image_wrap img {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        object-fit: cover;
    }
    
    .ratio-lg-1x1 .et_pb_image_wrap {
        padding-bottom: 100%;
    }
    .ratio-lg-4x3 .et_pb_image_wrap {
        padding-bottom: 75%;
    }
    .ratio-lg-2x1 .et_pb_image_wrap {
        padding-bottom: 50%;
    }
}

/* Margin */
.mb-0 {
    margin-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
}
@media screen and (min-width: 981px) {
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
}

.mt-n50 > .et_pb_image_wrap {
    margin-top: -50%;
}
@media screen and (min-width: 768px) {
    .mt-md-n50 > .et_pb_image_wrap {
        margin-top: -50%;
    }
}
@media screen and (min-width: 981px) {
    .mt-lg-n50 > .et_pb_image_wrap {
        margin-top: -50%;
    }
}

/**
 * Galleries
 */
 .et_pb_gallery.gallery-square {
    padding-bottom: 50%;
}
@media (min-width: 981px) {
    .et_pb_gallery.gallery-square {
        padding-bottom: 100%;
    }
}
.et_pb_gallery.gallery-square .et_pb_gallery_items {
    position: absolute;
    top: 0;
    left: 0;
}
.et_pb_gallery.gallery-square .et_pb_gallery_items,
.et_pb_gallery.gallery-square .et_pb_gallery_items .et_pb_gallery_item,
.et_pb_gallery.gallery-square .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image,
.et_pb_gallery.gallery-square .et_pb_gallery_items .et_pb_gallery_item img {
    width: 100%;
    height: 100%;
}

.et_pb_gallery.gallery-square .et_pb_gallery_items .et_pb_gallery_item img {
    object-fit: cover;
}

/*
 * Sliders
 */
.slider-fix .et-pb-slider-arrows .et-pb-arrow-prev,
.slider-fix .et-pb-slider-arrows .et-pb-arrow-next {
    opacity: 0.8;
}

.slider-fix .et-pb-slider-arrows .et-pb-arrow-prev {
    left: 0 !important;
}

.slider-fix .et-pb-slider-arrows .et-pb-arrow-next {
    right: 0 !important;
}

.slider-fix .et-pb-controllers a {
    opacity: 1;
}

/* Light */
.slider-fix.slider-fix-light .et-pb-slider-arrows .et-pb-arrow-prev,
.slider-fix.slider-fix-light .et-pb-slider-arrows .et-pb-arrow-next {
    color: #000000 !important;
}

.slider-fix.slider-fix-light .et-pb-controllers a {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.slider-fix.slider-fix-light .et-pb-controllers a.et-pb-active-control,
.slider-fix.slider-fix-light .et-pb-controllers a:hover {
    background-color: #000000 !important;
}

/* Dark */
.slider-fix.slider-fix-dark .et-pb-slider-arrows .et-pb-arrow-prev,
.slider-fix.slider-fix-dark .et-pb-slider-arrows .et-pb-arrow-next {
    color: #ffffff !important;
}

.slider-fix.slider-fix-dark .et-pb-controllers a {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.slider-fix.slider-fix-dark .et-pb-controllers a.et-pb-active-control,
.slider-fix.slider-fix-dark .et-pb-controllers a:hover {
    background-color: #ffffff !important;
}

/*
* Custom Booking Entrypoint
*/
#form-bep .form-input {
    height: 52px;

    padding: 16px 32px;
    border: 1px #bbbbbb solid;
    margin-bottom: 24px;
}
@media screen and (min-width: 981px) {
    #form-bep .form-input {
        margin-bottom: 0;
    }
    #form-bep .form-input.bep-check-in {
        border-right: 0;
    }
    #form-bep .form-input.bep-check-out {
        border-left: 0;
    }
}
#form-bep .form-btn {
    height: 52px;

    padding: 16px 32px;
    border: 0;
    border-radius: 0;

    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;

    cursor: pointer;
}

/**
* Custom Form
*/
.form-row {
    display: flex;
    flex-wrap: wrap;

    margin-left: -12px;
    margin-right: -12px;
}
.form-row.gx-0 {
    margin-left: 0;
    margin-right: 0;
}
.form-row.gx-0 > .form-col {
    padding-left: 0;
    padding-right: 0;
}
@media screen and (min-width: 768px) {
    .form-row.gx-md-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .form-row.gx-md-0 > .form-col {
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 981px) {
    .form-row.gx-lg-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .form-row.gx-lg-0 > .form-col {
        padding-left: 0;
        padding-right: 0;
    }
}

.form-col {
    padding-left: 12px;
    padding-right: 12px;

    width: 100%;
}
.form-col.form-col-3 {
    width: 25%;
}
.form-col.form-col-4 {
    width: 33.33333%;
}
.form-col.form-col-6 {
    width: 50%;
}
.form-col.form-col-8 {
    width: 66.66667%;
}
.form-col.form-col-9 {
    width: 75%;
}
.form-col.form-col-12 {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .form-col.form-col-md-3 {
        width: 25%;
    }
    .form-col.form-col-md-4 {
        width: 33.33333%;
    }
    .form-col.form-col-md-6 {
        width: 50%;
    }
    .form-col.form-col-md-8 {
        width: 66.66667%;
    }
    .form-col.form-col-md-9 {
        width: 75%;
    }
    .form-col.form-col-md-12 {
        width: 100%;
    }
}
@media screen and (min-width: 981px) {
    .form-col.form-col-lg-3 {
        width: 25%;
    }
    .form-col.form-col-lg-4 {
        width: 33.33333%;
    }
    .form-col.form-col-lg-6 {
        width: 50%;
    }
    .form-col.form-col-lg-8 {
        width: 66.66667%;
    }
    .form-col.form-col-lg-9 {
        width: 75%;
    }
    .form-col.form-col-lg-12 {
        width: 100%;
    }
}
.form-input {
    width: 100%;
}
.form-btn {
    width: 100%;
}

/*
 * Contact Form 7
 */
.wpcf7-form label + * {
    margin-top: 16px;
}

.accommodation-teaser,
.accommodation-teaser > .et_pb_code_inner,
.accommodation-teaser > .et_pb_code_inner > .et_pb_section,
.accommodation-teaser > .et_pb_code_inner > .et_pb_section > .et_pb_row,
.accommodation-teaser > .et_pb_code_inner > .et_pb_section > .et_pb_row > .et_pb_column {
    height: 100%;
}

.teaser-content {
    display: flex;
    flex-direction: column;
}

.teaser-content > * {
    width: 100%;

    flex: 0 1 auto;
}

.teaser-image {
    height: auto;
}

.teaser-text {
    flex: 1 0 auto;
}

/**
 * Typography
 */
.teaser-price {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 1;
}
.teaser-price b,
.teaser-price strong {
    font-size: 24px;
}

.list-styled {
    margin-left: 2em;
}
.list-styled.list-uppercase-letter {
    list-style-type: upper-alpha !important;
    list-style-position: outside;
}
.list-styled.list-uppercase-letter li::marker {
    font-weight: bold;
}
.list-styled.list-uppercase-letter.li-green li::marker {
    color: #86a411;
}
.list-styled.list-uppercase-letter.li-gold li::marker {
    color: #d9a441;
}

/**
 * Google Maps
 */
.google-maps-iframe {
    width: 100%;

    height: 20rem;
}

@media screen and (min-width: 768px) {
    .google-maps-iframe {
        height: 30rem;
    }
}

/**
 * Language Switcher
 */
.wpml-ls-legacy-dropdown-click  {
    width: auto !important;
    max-width: none !important;
}

.wpml-ls-legacy-dropdown-click > ul {
    list-style: none !important;
    padding: 0 !important;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
    border: none !important;
    padding: 5px 10px !important;

    background: none !important;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:after {
    display: none !important;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    border: none !important;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-link {
    border: none !important;
    border-top: 2px #86a411 solid !important;
    
    background: #000000 !important;
}

.pricetable-item h1,
.pricetable-item h2,
.pricetable-item h3,
.pricetable-item h4,
.pricetable-item h5,
.pricetable-item h6 {
    padding-top: 0;
    padding-bottom: 4px;
    margin-top: 0;
    margin-bottom: 0;
}