/*
Theme Name: Brixey Child
Theme URI: https://victorthemes.com/wp-themes/brixey
Description: Child theme for Brixey
Author: VictorThemes
Author URI: https://victorthemes.com/
Template: brixey
Version: 1.0.0
Text Domain: brixey-child
*/

/* Add your custom styles below this line */



#occupancy-notice {
    position: absolute;
    display: flex;
    /* background-color:#BA6B59;*/
    padding: 0.9411764705882353rem 1.411764705882353rem;
    font-family: "Open Sans", Arial, sans-serif;
    align-items: center;
    color: #ECEEE3;
    gap: 0.35rem;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.3s ease-out, top 0.3s ease-out, z-index 0.3s ease-out;
    transition-delay: 0s;
    font-size: 1.1764705882352942rem;
}

#occupancy-notice .banniere {
    display: flex;
    gap: 1em;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

/* on mouse down*/
#occupancy-notice .banniere:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

#occupancy-notice .banniere sup {
    font-size: 0.6em;
    font-family: "Open Sans", Arial, sans-serif;
    font-style: normal;
    color: inherit;
    font-weight: normal;
    line-height: 1em !important;
    bottom: auto;
    top: -0.25em;
}

body #occupancy-notice .banniere .banniere_content sup {
    text-transform: none;
    top: -0.75em;
    font-size: 0.45em;
}

#occupancy-notice .banniere .banniere_content {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    color: #ECEEE3;
    text-transform: uppercase;
    font-size: 1.25rem;
    /*font-size: 2.2941176470588234rem;
    font-size: 1.22941176470588234rem;*/
}

#occupancy-notice .banniere .banniere_content td {
    line-height: 1.01em;
}

.banniere_content br {
    display: none;
}

#occupancy-notice .banniere+.banniere {}

#occupancy-notice .et_pb_button_brivia,
#occupancy-notice .et_pb_button_brivia:hover {
    display: inline-flex !important;
    align-items: center;
    justify-content: space-between;
    background-color: #000000;
    border-radius: 0;
    padding: 0.5em 0.75em 0.5em 1em !important;
    font-size: 1.25rem;
    font-style: normal;
    color: #ECEEE3;
    font-weight: normal;
    line-height: 1.2em !important;
    flex-direction: row;
    flex-wrap: nowrap;
    border: 1.5px solid #000000;
    width: auto !important;
    gap: 1em;
    position: relative;
    margin: 0 0 0 1.5em;
    vertical-align: middle;
    aspect-ratio: auto !important;
}

#occupancy-notice .et_pb_button_brivia.style2,
#occupancy-notice .et_pb_button_brivia.style2 sup,
#occupancy-notice .et_pb_button_brivia.style2:hover {
    border-color: #BA6B59;
    color: #BA6B59;
}

#occupancy-notice .et_pb_button_brivia:after {
    content: "" !important;
    display: block;
    width: 0.75em;
    height: 0.6em;
    background-image: url(/wp-content/themes/brixey-child/assets/images/btn-arrow-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent !important;
    transform: none !important;
    position: static !important;
    opacity: 1;
}

#occupancy-notice .et_pb_button_brivia.style2:after {
    content: "" !important;
    display: block;
    width: 0.75em;
    height: 0.6em;
    background-image: url(/wp-content/themes/brixey-child/assets/images/btn-arrow-right-style2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent !important;
    transform: none !important;
    position: static !important;
    opacity: 1;
}

.et_pb_section_first>#occupancy-notice {
    top: -3.588235294117647rem;
    right: 3rem;
}

.et_pb_section_first>#occupancy-notice.open {
    top: 0;
    opacity: 1 !important;
}

#occupancy-notice.open {
    display: flex !important;
    padding: 0.9411764705882353rem 1.411764705882353rem;
    z-index: 999;
    opacity: 1 !important;
    transition-delay: 0.5s;
    width: 110%;
    left: -5%;
    position: relative;
}

#occupancy-notice.open table {
    margin-bottom: 0;
    max-width: auto;
    width: auto;
    border: 0px none !important;
}

#occupancy-notice.open table>tbody>tr>td {
    padding: 0 !important;
    border: 0px none !important;
    color: #000000;
    vertical-align: middle;
}

#occupancy-notice.open .swiper-slide {
    background-color: transparent;
}

.swiper.bannieres_slider.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    width: 100%;
    background: transparent;
}

.swiper.bannieres_slider.swiper-initialized.swiper-horizontal.swiper-backface-hidden p {
    margin-bottom: 0;
    ;
}

#occupancy-notice span.label {

    font-size: inherit;
    font-family: "Open Sans", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #ECEEE3;
    line-height: 0.67em;

}

#occupancy-notice .close_btn {
    content: "" !important;
    width: 1.6764705882352942rem;
    height: 1.6764705882352942rem;
    background-image: url(/wp-content/themes/brixey-child/assets/images/mobile-menu-close.svg);
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent !important;
    cursor: pointer;
}

#occupancy-notice.vertical .close_btn {
    width: 2.6470588235294117rem;
    height: 2.6470588235294117rem;
}

div#occupancy-notice.vertical {
    display: flex;
    flex-direction: column;
    right: 3.2941176470588234rem;
    top: 40.705882352941174rem;
    border-radius: 10em;
    gap: 0;
    transition-delay: 0s;
    padding: 0.7647058823529411rem 4.0588235294117645rem 2.176470588235294rem;
    box-shadow: 0px 204px 57px 0px rgba(0, 0, 0, 0.00), 0px 131px 52px 0px rgba(0, 0, 0, 0.01), 0px 74px 44px 0px rgba(0, 0, 0, 0.05), 0px 33px 33px 0px rgba(0, 0, 0, 0.09), 0px 8px 18px 0px rgba(0, 0, 0, 0.10);
}

body.home div#occupancy-notice.vertical {
    background-color: #BA6B59;
}

div#occupancy-notice.vertical .close_btn {
    order: 1;
}

div#occupancy-notice.vertical span.spacer {
    order: 2;
    height: 0.47058823529411764rem;
    display: block;
}

div#occupancy-notice.vertical span.label.occupancy {
    order: 3;
    font-size: 1.2352941176470589rem;
    line-height: 1.2857142857142858em;
}

div#occupancy-notice.vertical span.label.summer {
    order: 4;
    font-size: 2.2941176470588234rem;
    line-height: 0.9230769230769231em;
    font-weight: 100;
}

div#occupancy-notice.vertical span.label.year {
    order: 5;
    font-size: 2.8823529411764706rem;
    line-height: 0.7612244897959183em;
    font-family: "Playfair Display";
    font-weight: bold;

}