/*  Theme Name:   Thème enfant Hello Elementor 
Theme URI:    https: //www.beescom.fr/
Description:  Thème enfant du thème Hello Elementor 
Author:       Beescom - Gabriel
Author URI:   https://www.beescom.fr/
Template:     hello-elementor
Version:      0.1.0 */


p {
    margin: 0 !important;
}

.title-bold {
    font-weight: 400;
}

/* Header */
#header-child-theme {
    transition: all 0.4s;
}
#header-child-theme-height-fix {
    transition: all 0.4s;
}
.header-base {
    height: 90px;
}
.header-base a {
    padding-bottom: 24px;
    transition: all 0.4s;
}
.header-height-fix {
    height: 90px;
}
.logo-top {
    background-color: #284155;
    padding: 0 12px;
    transition: all 0.4s;
}
.logo-sub-text {
    opacity: 1;
    transition: all 0.4s;
    position: absolute;
    bottom: 0;
    max-width: fit-content !important;
}
.logo-sub-text p {
    white-space: nowrap;
}
.header-nav .hfe-nav-menu__layout-horizontal {
    width: 100% !important;
}
/* scroll */
.header-active {
    height: 60px;
}
.header-active a {
    padding-bottom: 0px;
}
.header-active a .elementor-widget-container {
    background-color: #284155;
}
.header-active .logo-sub-text {
    transform: translateY(-20px);
    opacity: 0;
}

/* Lien RS */
.container-rs {
    transform: translateY(-50%);
}

/* Animation border */
.border-animate::before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 0%;
    background-color: #284155;
    animation: animate 0.8s 0.2s ease-in forwards;
}

@keyframes animate{
    0%{
        height: 0%;
    }
    100%{
        height: 100%;
    }
}


/* Accueil */
.no-wrap{
    white-space: nowrap;
}
.star-icon-title {
    width: 16px;
    position: relative;
    top: -14px;
    left: -2px;
    margin-right: 2px;
}

.post-list-home {
    width: 64%;
}

.post-list-home .ha-post-list .ha-post-list-item{
    margin: 0 0 40px;
}

.post-list-home .wp-post-image {
    min-width: 400px;
    max-width: 400px;
}

.post-img-link,
.post-title-link{
    width: auto !important;
}

.post-list-home .ha-post-list-meta-wrap span {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.ha-post-list-content {
    display: flex;
    flex-direction: column;
}

.ha-post-list-content .ha-post-list-excerpt {
    flex-grow: 2;
}

.ha-post-list-content .ha-post-list-excerpt p {
    -webkit-mask-image: -webkit-gradient(linear, left 60%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
    max-height: 170px;
}

.post-list-home .ha-post-list-date svg{
    width: 16px;
    height: 16px;
}
.post-list-home .likes-post .wpulike {
    margin: 0 !important;
    padding: 0 !important;
}

.likes-post {
    /* flex-grow: 2; */
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.likes-post .wpulike{
    border-top: 1px solid #A0A09F;
}

/* Page Hôtel */
.gallery-grid .pg-alien-content {
    display: none;
}
.gallerie-hotel{
    width: 100%;
}

/* Page Bar et restaurant */
.btn-rimant .elementor-button{
    width: 190px;
    color: rgba(255, 255, 255, 0.13);
}
.bar-restaurant-slider .swiper {
    height: 350px !important;
}
.bar-restaurant-slider .swiper-slide .swiper-slide-image {
    height: 350px !important;
    object-fit: cover !important;
}
    /* Slider */
#menu-slider .swiper-button-prev svg path,
#menu-slider .swiper-button-next svg path {
    fill: white;
}

#menu-slider .swiper-pagination-bullet,
#menu-slider .swiper-pagination-bullet-active {
    background-color: white;
}

/* Page Entreprise */
.carte-service {
    background-color: rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(20px);
}

.carte-salle-img-container .elementor-widget-image{
    height: 100%;
}

.bouton-carte-salle .elementor-widget-container{
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.salle-prestige-slider .swiper {
    height: 350px !important;
}
.salle-prestige-slider .swiper-slide .swiper-slide-image {
    height: 350px !important;
    object-fit: cover !important;
}

/* Page Salle événementielle */
.event-calendar .fc-header-toolbar {
    gap: 10px;
}
.event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}
.event-calendar tbody td{
    border: solid 1px #A0A09F !important;
}
.event-calendar .fc-daygrid-day {
    border: solid 1px #A0A09F !important;
}
.event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group {
    width: 320px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-toolbar-chunk{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-prev-button:active,
.event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-next-button:active {
    background-color: #F7F7FB;
    color: #284155;
}
.event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-next-button{
    margin-left: 0 !important;
}
.fc .fc-button:disabled {
    opacity: 0.5;
}
.fc .fc-button:disabled:hover {
    background-color: #F7F7FB !important;
    color: #284155 !important;
}
.event-calendar .ha-ec-wrapper .fc-toolbar.fc-header-toolbar .fc-button .fc-icon {
    font-size: 1.4em;
}
.event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) .fc-today-button {
    order: 1;
    margin-left: 0 !important;
    position: absolute;
    left: 0;
    transition: all 0.2s;
}
.event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) .fc-today-button:hover {
    background-color: #284155 !important;
    color: #F7F7FB !important;
}
.event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
    display: none;
}
.fc-col-header-cell{
    font-weight: 300 !important;
}

/* Page contact */
.contact-form .wpcf7-submit {
    width: 100%;
}

/* Page liste actualités */
.post-list-actu .ha-post-list .ha-post-list-item {
    margin: 0 0 40px;
}

.post-list-actu .wp-post-image {
    min-width: 400px;
    max-width: 400px;
}

.post-list-actu .ha-post-list-meta-wrap span {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.post-list-actu .ha-post-list-date svg {
    width: 16px;
    height: 16px;
}

.post-list-actu .likes-post .wpulike {
    margin: 0 !important;
    padding: 0 !important;
}

/* Page actualité */
.wpulike {
    margin: 0 auto !important;
    max-width: 740px;
    padding: 0 !important;
}

.post.type-post.status-publish .page-header .entry-title {
    margin-top: 0px;
    font-family: 'brandon-grotesque';
    font-weight: 300;
    color: var(--e-global-color-primary);
    max-width: 740px;
}

.tel-contact {
    white-space: nowrap;
}

.wp_ulike_general_class {
    box-shadow: none !important;
    flex-direction: row-reverse;
}

.share-btn {
    cursor: pointer;
    position: relative;
}

.share-btn.show-tooltip::before{
    content: "Lien copié !";
    position: absolute;
    width: 160px;
    font-family: 'brandon-grotesque';
    color: #F7F7FB;
    background-color: #555;
    visibility: visible;
    opacity: 1;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
    animation: tooltipfade 0.6s 1s ease-out forwards;
}

@keyframes tooltipfade{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

/* Pop-up */
.pum-container {
    font-family: "brandon-grotesque" !important;
}
.pum-container a {
    background-color: #ffffff;
    color: #284155;
    font-size: 22px;
    font-weight: 400;
    padding: 12px 24px;
    border: solid 1px #284155;
    border-radius: 8px;
}
.pum-container a:hover {
    background-color: #284155;
    color: #ffffff;
}

@media (max-width: 2000px) {
    .paragraphe-avec-img {
        padding: 0 80px 0;
    }
}

@media (max-width: 1330px) and (min-width: 1025px) {
    .header-base {
        height: 120px;
        padding: 10px 40px;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .header-active {
        height: 90px;
    }
    .header-nav .hfe-nav-menu__layout-horizontal .hfe-menu-item {
        padding: 15px 20px !important;
    }
    .header-nav {
        order: 99;
    }
}

@media (max-width: 1200px) {
    .header-nav .hfe-nav-menu__layout-horizontal .hfe-menu-item {
        padding: 15px 15px !important;
    }
}

@media (max-width: 1080px) and (min-width: 1025px) {
    .header-nav .hfe-nav-menu__layout-horizontal .hfe-menu-item {
        padding: 15px 10px !important;
    }
}

@media (max-width: 1025px) {
    .header-nav {
        order: 99;
    }
    .header-base .header-nav {
        position: static;
    }
    .header-nav .hfe-nav-menu__layout-horizontal {
        position: absolute;
        top: 90px;
        left: 0;
        transition: all 0.4s;
    }
    .header-active .header-nav .hfe-nav-menu__layout-horizontal {
        top: 58px;
    }

    .post-list-home .wp-post-image {
        min-width: 300px;
        max-width: 300px;
    }

    .post-list-actu .wp-post-image {
        min-width: 300px;
        max-width: 300px;
    }
}

@media (max-width: 650px) {
    .post-list-home .wp-post-image {
        min-width: 200px;
        max-width: 200px;
    }
    .post-list-actu .wp-post-image {
        min-width: 200px;
        max-width: 200px;
    }
}

@media (max-width: 630px) {
    .event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) {
        justify-content: space-between;
    }

    .event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) .fc-today-button {
        order: 1;
        position: relative;
    }

    .event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group {
        order: 2;
    }
}

@media (max-width: 600px) {
    .post-list-home .ha-post-list .ha-post-list-item {
        flex-direction: column !important;
        gap: 10px;
    }
    .post-list-home .ha-post-list-meta-wrap {
        flex-direction: column;
        gap: 6px;
    }
    .post-list-home .wp-post-image {
        width: 100% !important;
        min-width: auto;
        max-width: none;
        max-height: 260px;
    }

    .post-list-actu .ha-post-list .ha-post-list-item {
        flex-direction: column !important;
        gap: 10px;
    }
    .post-list-actu .ha-post-list-meta-wrap {
        flex-direction: column;
        gap: 6px;
    }
    .post-list-actu .wp-post-image {
        width: 100% !important;
        min-width: auto;
        max-width: none;
        max-height: 260px;
    }
}

@media (max-width: 575px) {
    .event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-toolbar-chunk {
        width: auto;
        margin-bottom: 0px;
    }

    .paragraphe-avec-img {
        padding: 0 40px 0;
    }
}

@media (max-width: 450px) {
    .post-grid-home .upk-item-box {
        flex-direction: column;
        width: 100%;
    }
    .post-grid-home .upk-image-wrap {
        align-self: center;
    }

    .event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group {
        width: 100%;
        max-width: 300px;
    }
}

@media (max-width: 360px) {
    .header-base {
        padding: 8px 14px;
    }
    .logo-top img {
        width: 90px !important;
    }
    .logo-sub-text img {
        width: 90px !important;
    }
    .header-btn a{
        font-size: 12px !important;
    }
}

@media (max-width: 350px) {
    .event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group {
        justify-content: space-evenly;
        flex-wrap: wrap;
        gap: 15px;
    }
    .event-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-toolbar-chunk{
        width: 100%;
        order: 2;
    }
}