.elementor-kit-6{--e-global-color-primary:#C2C2C2;--e-global-color-secondary:#F2EDE9;--e-global-color-text:#161616;--e-global-color-accent:#EFECEA;--e-global-color-e51318e:#EAE6E4;--e-global-typography-primary-font-family:"Neue Haas Grotesk Display W02";--e-global-typography-primary-font-size:1rem;--e-global-typography-primary-font-weight:bold;--e-global-typography-primary-line-height:1.2rem;--e-global-typography-secondary-font-family:"Neue Haas Grotesk Display W02";--e-global-typography-secondary-font-size:1rem;--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-line-height:1.2rem;--e-global-typography-text-font-family:"Neue Haas Grotesk Display W02";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:normal;--e-global-typography-text-line-height:1.2rem;--e-global-typography-accent-font-family:"Suisse Intl Mono Regular";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:normal;--e-global-typography-accent-line-height:1.2rem;background-color:var( --e-global-color-primary );color:var( --e-global-color-text );font-family:"Neue Haas Grotesk Display W02", Sans-serif;font-size:1rem;font-weight:normal;overscroll-behavior:none;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:500ms;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-max-width:150px;--e-preloader-opacity:1;}.elementor-kit-6 e-page-transition{background-color:#1A1A1AF0;}.elementor-kit-6 a{color:var( --e-global-color-text );}.elementor-kit-6 a:hover{color:var( --e-global-color-primary );}.elementor-kit-6 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h3{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h4{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h5{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h6{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h3{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h4{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h5{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h6{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:0.75rem;--e-global-typography-primary-line-height:0.9rem;--e-global-typography-secondary-font-size:0.75rem;--e-global-typography-secondary-line-height:0.9rem;--e-global-typography-text-font-size:0.75rem;--e-global-typography-text-line-height:0.9rem;--e-global-typography-accent-font-size:0.75rem;--e-global-typography-accent-line-height:0.9rem;font-size:0.8rem;}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h3{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h4{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h5{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h6{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.header-page {
    border-bottom-color: #161616;
    border-bottom-width: .5px !important;
    border-bottom-style: solid !important;

    .logo-black {
        display: block;
    }

    .logo-white {
        display: none;
    }

    .hamburger-menu {
        .jet-mobile-menu {
            .jet-mobile-menu__body {
                padding: 0 4rem;
            }

            .jet-mobile-menu__toggle {
                z-index: 999999;
                position: relative;
                width: 70px;
                height: 70px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #161616;
                background-image: linear-gradient(currentColor, currentColor);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 60px 1px;
                transition: background-size 1s ease;
            }

            .jet-mobile-menu__toggle::before,
            .jet-mobile-menu__toggle::after {
                content: "";
                position: absolute;
                width: 60px;
                height: 1px;
                background: currentColor;
                transform: translateY(-10px);
                transition: all 1s ease;
            }

            .jet-mobile-menu__toggle::after {
                transform: translateY(10px);
            }

            .jet-mobile-menu__toggle-icon {
                display: none;
            }

            .jet-mobile-menu__container {
                transition: all 1s;
            }

            .jet-mobile-menu__controls {
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
            }

            .jet-mobile-menu__item {
                width: fit-content;

                .jet-menu-item-wrapper {
                    flex-direction: row-reverse;
                    gap: 10px;
                }
            }

            .jet-menu-icon {
                svg {
                    width: 12px !important;
                }
            }
        }
    }
    .menu-space {
        visibility: hidden;
        padding: 0;
    }

    .menu-line {
        padding: 0px;
        border-bottom: .5px solid #161616;
        margin: 2rem 0;
        width: 5rem !important;

        .jet-menu-label {
            display: none;
        }
    }
}

.jet-mobile-menu-visible {
    .header-page {
        .jet-mobile-menu {
            .jet-mobile-menu__toggle-icon {
                svg {
                    width: 32px !important;
                    margin-left: 32px !important;
                }
            }

            .jet-mobile-menu__toggle {
                color: #161616;
                background-size: 0 1px;
            }

            .jet-mobile-menu__toggle::before {
                transform: rotate(45deg);
            }

            .jet-mobile-menu__toggle::after {
                transform: rotate(-45deg);
            }
        }
    }
}
@media (min-width: 1025px) {
    body:has(.page-beach) .header-page {
        background-color: #EAE6E4 !important;
    }
}
@media (max-width: 1024px) {
    .header-page {
        position: fixed;
        top: 0;
        left: 0;
        background-color: transparent !important;
        border-bottom: .5px solid #EAE6E4;

        .logo-black {
            display: none;
        }

        .logo-white {
            display: block;
        }

        .hamburger-menu {
            .jet-mobile-menu {
                .jet-mobile-menu__toggle {
                    color: #F2EDE9;
                }

                .jet-mobile-menu__container {
                    transition: all 1s;
                }
            }
        }

    }

    .jet-mobile-menu-visible {
        .header-page {
            .logo-black {
                display: block;
            }
    
            .logo-white {
                display: none;
            }
            .jet-mobile-menu {
                .jet-mobile-menu__toggle {
                    color: #161616;
                }
            }
        }
    }
}

@media (max-width: 767px) {
    .header-page {
        .hamburger-menu {
            .jet-mobile-menu {
                .jet-mobile-menu__toggle-text {
                    display: none;
                }

                .jet-mobile-menu__item {
                    .jet-menu-item-wrapper {
                        gap: 5px;
                    }
                }

                .jet-mobile-menu__body {
                    padding: 0 2rem;
                }

                .jet-menu-icon {
                    svg {
                        width: 8px !important;
                    }
                }
            }
        }

    }
}







.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
}

.full-slider {
    .swiper-slide-image {
        aspect-ratio: 16 / 9 !important;
        object-fit: cover !important;
        padding: 0 4rem;
    }

    .elementor-swiper-button-prev {
        left: .5rem !important;
    }

    .elementor-swiper-button-next {
        right: .5rem !important;
    }

    span.swiper-pagination-bullet {
        border-radius: 0;
        width: 10vw;
        height: 1px;
    }

    span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        height: 2px;
    }

    --swiper-pagination-bullet-horizontal-gap: 0 !important;
}


.hotel-img-grid-1 {
    aspect-ratio: 1 / 2.1;
}

.hotel-img-grid-2 {
    aspect-ratio: 1 / 1.64;
}

.hotel-img-grid-3 {
    aspect-ratio: 1 / 1.1;
}

.wid-570 p {
    margin: 0;
    text-align: justify;
    text-align-last: center;
    max-width: 570px
}

.contact-button svg {
    width: 11px;
}
.contact-button svg .st0 {
    fill: #F2EDE9 !important;
}
.contact-button-dark svg .st0 {
    fill: #161616 !important;
}

@media (max-width: 1024px) {
    .hotel-img-grid-1 {
        aspect-ratio: 1 / 1;
    }

    .hotel-img-grid-2 {
        aspect-ratio: 1 / 2;
    }

    .hotel-img-grid-3 {
        aspect-ratio: 1 / 2;
    }
}

@media (max-width: 767px) {
    .full-slider {
        .swiper-slide-image {
            aspect-ratio: 1 / 1.5 !important;
            padding: 0;
        }
        .elementor-swiper-button-prev {
            top: calc(100% + 2rem) !important;
            left: calc(50% - 3rem) !important;
        }

        .elementor-swiper-button-next {
            top: calc(100% + 2rem) !important;
            right: calc(50% - 3rem) !important;
        }
    }
    .contact-button svg {
        width: 8px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Neue Haas Grotesk Display W02';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://beforesunsetbeach.com/wp-content/uploads/2026/01/NeueHaasGroteskDisplayPro55Roman.woff') format('woff');
}
@font-face {
	font-family: 'Neue Haas Grotesk Display W02';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://beforesunsetbeach.com/wp-content/uploads/2026/01/NeueHaasGroteskDisplayPro45Light.woff') format('woff');
}
@font-face {
	font-family: 'Neue Haas Grotesk Display W02';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://beforesunsetbeach.com/wp-content/uploads/2026/01/NeueHaasGroteskDisplayPro65Medium.woff') format('woff');
}
@font-face {
	font-family: 'Neue Haas Grotesk Display W02';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://beforesunsetbeach.com/wp-content/uploads/2026/01/NeueHaasGroteskDisplayPro65Medium.woff') format('woff');
}
@font-face {
	font-family: 'Neue Haas Grotesk Display W02';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://beforesunsetbeach.com/wp-content/uploads/2026/01/NeueHaasGroteskDisplayPro55Roman.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Suisse Intl Mono Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://beforesunsetbeach.com/wp-content/uploads/2026/01/Suisse-Intl-Mono-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Suisse Intl Mono Regular';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://beforesunsetbeach.com/wp-content/uploads/2026/01/Suisse-Intl-Mono-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */