html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1;
    font-family: Poppins,serif;
    color: #623e2a
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.home__banner {
    width: 100%;
    height: 100vh;
    background-image: url(../img/banner_x.jpg);
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 150px;
    color: #fff
}

.home__banner-content {
    width: 100%;
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center
}

.home__banner-text {
    font-size: 25px;
    font-weight: 600;
    font-family: sans-serif
}

.home__banner-title {
    font-family: Sawarabi Mincho,serif
}

.home__banner-subtitle {
    font-size: 50px;
    font-family: Sawarabi Mincho,serif
}

.home__banner-actions {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: end
}

.home__banner-button {
    width: 250px;
       padding: 10px 0 ;
       text-decoration:none;
       text-align: center;
    color: #623e2a;
    background-color: #fff;
    border: none;
    cursor: pointer;
    border: 3px solid white;
    transition: ease-in-out .3s;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: -130px
}

.home__banner-button:hover {
    background-color: transparent;
    color: #fff
}
.acc-section
{
	  width: 100%;
    height: auto;
    background-color: #faf1e4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: Poppins,serif;
    padding: 10px 0 40px;
}

.acc_brand {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center
}

.acc_brand-name {
    font-size: 40px;
    font-family: Sawarabi Mincho,serif
}

.acc_block {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px
}

.acc_box {
    width: 300px;
    height:auto;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: start;
    cursor: pointer;
    transition: ease-in-out .3s;
    padding: 0 20px;
    box-sizing: border-box
}
.acc_box img{
width:100%;
height:auto;
}
.acc_box_in {
    width: 90%;
    
    border: 2px solid #623e2a;
   margin-top: 20px;
    padding: 5%;
}
.acc_box_in .tag_1
{ 
	color:#623e2a;
	font-size: 14px;	
	margin-bottom: 15px;   
}
.acc_box_in .tag_2
{ 
	color:#623e2a;
	font-weight: bold;
	font-size: 19px;	
	margin-bottom: 15px;   
}
.acc_box_in .tag_3
{ 
	color:#623e2a;
	font-size: 14px;
	line-height: 1.8;	  
}
@media (min-width: 375px) {
    .acc_box {
        width:320px;
        padding: 0 25px
    }
}

@media (min-width: 425px) {
    .acc_box {
        width:350px;
        padding: 0 25px
    }
}

@media (min-width: 768px) {
    .acc_block {
        flex-direction:row;
        flex-wrap: wrap
    }

    .acc_brand-name {
        font-size: 50px
    }
}

@media (min-width: 1024px) {
    .acc_block {
        width:100%;
        gap: 20px
    }

    .acc_box {
        width: 320px;
        padding: 0 25px
    }
}

@media (min-width: 1440px) {
    .acc_block {
        width:100%;
        gap: 50px
    }

    .acc_box {
        width: 400px;
        height: auto;
        padding: 0 25px
    }

   
}
.room {
    width: 100%;
    height: calc(100vh - 100px);
    background-color: #f4f1ed;
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.room__info {
    width: 500px;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 30px
}

.room__title {
    font-size: 70px;
    font-family: Sawarabi Mincho,serif
}

.room__description {
    font-size: 18px;
    line-height: 1.2
}

.room__media {
    width: 700px;
    height: 650px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.room__image-wrapper {
    width: 100%;
    height: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly
}

.room__image {
    width: 700px;
    height: 500px
}

.room__caption {
    width: 99%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #623e2a
}

.room__caption-text {
    font-size: 15px;
    font-style: italic;
    text-align: center
}

.gallery {
    width: 100%;
    height: auto;
    background-color: #f4f1ed;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 60px 0
}

.gallery__container {
    width: 400px;
    height: 700px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly
}

.gallery__item {
    width: 100%;
    overflow: hidden
}

.gallery__image {
    width: 450px
}

.gallery__caption {
    width: 100%;
    height: 70px;
    border: 2px solid #623e2a;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box
}

.gallery__text {
    text-align: center
}

.gallery__container--highlighted {
    width: 900px
}

.gallery-image--highlighted {
    width: 950px;
    height: 600px
}

.about-us {
    width: 100%;
    height: auto;
    background-color: #f4f1ed;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-evenly;
    align-items: center;
    margin-top: -50px;
    padding: 100px 0 50px
}

.about-us__image-container {
    width: 500px;
    height: 550px;
    background-image: url(../img/about.jpg);
    background-size: cover;
    background-position: center
}

.about-us__content {
    width: 750px;
    height: 450px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-evenly
}

.about-us__title {
    width: 100%;
    font-family: Sawarabi Mincho,serif;
    font-size: 70px
}

.about-us__description {
    width: 100%;
    font-size: 18px;
    line-height: 1.4
}
@media (max-width: 1200px) {
.gallery__container--highlighted {
    width: 100%;
}

.gallery-image--highlighted {
    width: 100%;
    height:auto;
}
}
@media (max-width: 1025px) {
    .about-us__content {
        width:530px;
        height: 360px
    }

    .about-us__title {
        font-size: 50px
    }

    .about-us__description {
        font-size: 16px
    }

    .about-us__image-container {
        width: 400px;
        height: 450px
    }
}

.menu {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly
}

.menu__list {
    width: 280px;
    display: flex;
    justify-content: space-evenly;
    list-style: none
}

.menu__item {
    font-size: 18px;
    cursor: pointer;
    font-family: Sawarabi Mincho,serif
}

.menu__item a {
    text-decoration: none;
    color: #623e2a;
    transition: ease-in-out .3s
}

.menu__item a:hover {
    color: #623e2aa2
}

.menu__search {
    width: 300px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: #fff;
    border-radius: 30px;
    overflow: hidden
}

.menu__search-input {
    width: 90%;
    height: 35px;
    border: none;
    box-sizing: border-box;
    outline: none;
    font-size: 17px;
    font-family: Sawarabi Mincho,serif;
    color: #623e2a
}

.menu__search-icon {
    width: 40px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center
}

.menu__search-svg {
    width: 17px;
    height: 17px
}

@media (min-width: 375px) {
    .menu__item {
        font-size:19px
    }

    .menu__search {
        width: 320px
    }
}

@media (min-width: 425px) {
    .menu__list {
        width:300px
    }

    .menu__item {
        font-size: 20px
    }

    .menu__search {
        width: 360px
    }
}

@media (min-width: 768px) {
    .menu {
        flex-direction:row;
        justify-content: center;
        gap: 30px
    }

    .menu__item {
        font-size: 18px
    }

    .menu__search {
        width: 380px
    }
}

.header {
    width: 100%;
    height: 100px;
    background: #f4f1edcc;
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 10px #0000001a;
    transition: all .3s ease-in-out;
    z-index: 100;
    overflow: hidden
}

@media (min-width: 375px) {
    .header {
        height:110px
    }
}

@media (min-width: 768px) {
    .header {
        height:60px
    }
}

.in-the-press {
    width: 100%;
    height: 100vh;
    background-image: url(../img/footer-bg.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    color: #efebe5
}

.in-the-press__title {
    font-family: Sawarabi Mincho,serif;
    font-size: 65px;
    margin-bottom: -150px
}

.in-the-press__list {
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.in-the-press__item {
    width: 350px;
    height: 270px;
    display: flex;
    flex-direction: column;
    gap: 50px
}

.in-the-press__image {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center
}

.in-the-press__image-icon {
    width: 40px
}

.in-the-press__text-paragraph {
    line-height: 1.6
}

.in-the-press__source-paragraph {
    font-weight: 600
}

.dashboard {
    width: 100%;
    height: auto;
    background-color: #f4f1ed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start
}

.dashboard__tittle {
    font-size: 36px;
    text-align: center;
    font-family: Sawarabi Mincho,serif;
    margin: 30px 0 20px
}

.dashboard__tittle-promos {
    font-size: 45px;
    text-align: center;
    font-family: Sawarabi Mincho,serif;
    margin: 30px 0 0
}

.dashboard__rooms {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap
}

.dashboard__promos {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    padding: 30px 0
}

@media (min-width: 375px) {
    .dashboard__tittle {
        font-size:40px
    }

    .dashboard__tittle-promos {
        font-size: 50px
    }
}

@media (min-width: 425px) {
    .dashboard__tittle {
        font-size:45px
    }
}

@media (min-width: 768px) {
    .dashboard__tittle-promos br {
        display:none
    }
}

@media (min-width: 1024px) {
    .dashboard__rooms {
        width:100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap
    }

    .dashboard__promos {
        justify-content: center;
        margin: 30px 20px
    }
}

@media (min-width: 1440px) {
    .dashboard__rooms {
        width:1200px;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap
    }
}

.room-card {
    width: 300px;
    height: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin: 30px 0;
    opacity: 0;
    animation: fadeInUp .6s ease-out forwards
}

.room-card__image {
    width: 100%;
    height: 250px;
    overflow: hidden
}

.room-card__img {
    width: 100%
}

.room-card__details {
    width: 100%;
    height: 220px;
    border: 2px solid #623e2a;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-left: 20px;
    box-sizing: border-box
}

.room-card__details-info,.room-card__details-price {
    font-size: 14px
}

.room-card__details-title {
    font-size: 25px;
    margin: -15px 0
}

.room-card__details-button {
    width: 180px;
    height: 35px;
    margin: 0 auto -10px;
    border: 2px solid #623e2a;
    background-color: transparent;
    color: #623e2a;
    cursor: pointer;
    font-family: Sawarabi Mincho,serif;
    font-size: 16px;
    transition: ease-in-out .3s
}

.room-card__details-button:hover,.--reserved {
    background-color: #623e2a;
    color: #f4f1ed
}

@media (min-width: 375px) {
    .room-card {
        width:320px;
        height: 430px
    }

    .room-card__details-button {
        width: 200px;
        height: 40px;
        font-size: 17px
    }
}

@media (min-width: 768px) {
    .room-card {
        width:300px;
        height: 400px;
        margin: 30px 20px
    }
}

@media (min-width: 1350px) {
    .room-card {
        width:320px;
        height: 430px;
        margin: 30px 40px
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.promotion-card {
    width: 300px;
    height: 430px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    opacity: 0;
    animation: fadeInUp .6s ease-out forwards;
    background-color: #f4f1ed;
    margin: 30px 0
}

.promotion-card__image {
    width: 100%;
    height: 250px;
    overflow: hidden
}

.promotion-card__img {
    width: 100%
}

.promotion-card__details {
    width: 100%;
    height: 230px;
    border: 2px solid #623e2a;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0 20px;
    box-sizing: border-box
}

.promotion-card__description {
    font-size: 15px;
    line-height: 1.3
}

.promotion-card__tittle {
    font-size: 26px;
    margin: -15px 0
}

.promotion-card__details-button {
    width: 200px;
    height: 40px;
    margin: 0 auto -10px;
    border: 2px solid #623e2a;
    background-color: transparent;
    color: #623e2a;
    cursor: pointer;
    font-family: Sawarabi Mincho,serif;
    font-size: 17px;
    transition: ease-in-out .3s
}

.promotion-card__details-button:hover {
    background-color: #623e2a;
    color: #f4f1ed
}

@media (min-width: 375px) {
    .promotion-card {
        width:320px;
        height: 430px
    }

    .promotion-card__tittle {
        font-size: 27px
    }
}

@media (min-width: 768px) {
    .promotion-card {
        width:320px;
        height: 430px;
        margin: 30px 20px
    }
}

@media (min-width: 1024px) {
    .promotion-card {
        width:300px;
        height: 400px
    }
}

@media (min-width: 1350px) {
    .promotion-card {
        width:320px;
        height: 430px;
        margin: 30px 40px
    }
}

.booking {
    width: 100%;
    height: 100vh
}

.not-found {
    width: 100%;
    height: 100vh;
    background-color: #f4f1ed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px
}

.not-found__tittle {
    font-size: 60px;
    font-family: Sawarabi Mincho,serif
}

.footer {
    width: 100%;
    height: auto;
    background-color: #623e2a;
    color: #f4f1ed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: Poppins,serif;
    padding: 10px 0 40px;
    overflow: hidden
}

.footer__brand {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center
}

.footer__brand-name {
    font-size: 40px;
    font-family: Sawarabi Mincho,serif
}

.footer__contact {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px
}

.footer__contact-info {
    width: 300px;
    height: 290px;
    border: 2px solid rgba(255,255,255,.317);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: start;
    cursor: pointer;
    transition: ease-in-out .3s;
    padding: 0 20px;
    box-sizing: border-box
}

.footer__contact-title {
    font-size: 25px
}

.footer__contact-item {
    height: 30px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    font-size: 16px
}

.footer__contact-item svg {
    width: 19px;
    height: 19px
}

.footer__hours-item {
    width: 300px;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

.footer__hours-day {
    font-size: 19px
}

.footer__social-icons {
    width: 250px;
    height: 60px;
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.footer__social-icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid rgb(255,255,255);
    cursor: pointer;
    transition: ease-in-out .3s;
    overflow: hidden
}

.footer__icon {
    width: 17px;
    height: 17px
}

.--icon-facebook {
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #623e2a;
    border: none
}

.footer__social-tagline {
    width: 250px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: italic;
    border: 2px solid rgba(255,255,255,.317);
    border-radius: 35px;
    transition: ease-in-out .3s;
    margin: 0 auto
}

.footer__social-tagline:hover,.footer__social-icon:hover {
    background-color: #fff;
    color: #623e2a
}

@media (min-width: 375px) {
    .footer__contact-info {
        width:320px;
        padding: 0 25px
    }
}

@media (min-width: 425px) {
    .footer__contact-info {
        width:350px;
        padding: 0 25px
    }
}

@media (min-width: 768px) {
    .footer__contact {
        flex-direction:row;
        flex-wrap: wrap
    }

    .footer__brand-name {
        font-size: 50px
    }
}

@media (min-width: 1024px) {
    .footer__contact {
        width:100%;
        gap: 20px
    }

    .footer__contact-info {
        width: 320px;
        padding: 0 25px
    }
}

@media (min-width: 1440px) {
    .footer__contact {
        width:100%;
        gap: 50px
    }

    .footer__contact-info {
        width: 400px;
        height: 300px;
        padding: 0 25px
    }

    .footer__social-tagline {
        width: 340px
    }
}
/* ================= MOBILE FIX ================= */

@media (max-width:768px){

/* Banner */

.home__banner{
height:auto;
min-height:70vh;
font-size:60px;
padding:40px 20px;
text-align:center;
}

.home__banner-content{
height:auto;
gap:15px;
}

.home__banner-text{
font-size:16px;
}

.home__banner-subtitle{
font-size:28px;
}

.home__banner-button{
margin-bottom:0;
}

/* Accommodation */

.acc_box{
width:90%;
max-width:350px;
}

/* Room Section */

.room{
flex-direction:column;
height:auto;
padding:40px 20px;
gap:30px;
}

.room__info{
width:90%;
height:auto;
margin:1% 5%;
}
.in-the-press__list {
    width:90%;

margin:1% 5%;
}
.room__title{
font-size:36px;
}

.room__media{
width:100%;
height:auto;
}
.footer__contact-item,.footer__contact-title
{
height:auto;
margin:15px 0;
}
.room__image{
width:100%;
height:auto;
}

/* Gallery */

.gallery{
flex-direction:column;
padding:40px 20px;
gap:30px;
}

.gallery__container{
width:100%;
height:auto;
}

.gallery__image{
width:100%;
}

.gallery__container--highlighted{
width:100%;
}

.gallery-image--highlighted{
width:100%;
height:auto;
}

/* About */

.about-us{
flex-direction:column;
margin-top:0;
padding:60px 20px;
gap:30px;
}

.about-us__image-container{
width:100%;
height:300px;
}

.about-us__content{
width:100%;
height:auto;
}

.about-us__title{
font-size:36px;
}

/* Press */

.in-the-press{
height:auto;
padding:60px 20px;
}

.in-the-press__title{
font-size:36px;
margin-bottom:20px;
}

.in-the-press__list{
flex-direction:column;
height:auto;
gap:30px;
}

.in-the-press__item{
width:100%;
height:auto;
}

/* Cards */

.room-card,
.promotion-card{
width:90%;
max-width:350px;
height:auto;
}

/* Footer */
.header,.about-us,.acc-section,.room,.gallery,.in-the-press,.footer,.home__banner
{
padding-left:0px ;
padding-right:0px ;
}
.about-us__title,.about-us__description {
    width: 90%;
    margin:2% 5%;
}
.footer__contact-info{
width:90%;
max-width:350px;
height:auto;
}

.footer__hours-item{
width:100%;
}

}

/* ================= SMALL MOBILE ================= */

@media (max-width:480px){

.home__banner{
font-size:40px;
}

.home__banner-subtitle{
font-size:22px;
}

.room__title{
font-size:28px;
}

.about-us__title{
font-size:28px;
}

.dashboard__tittle{
font-size:28px;
}

.in-the-press__title{
font-size:28px;
}

}

/* ===== Amenities Gallery Fix ===== */

.galleryx{
width:100%;
float:left;
clear:both;
padding:60px 0;
background:#f4f1ed;
}

.gallery__containerx{
width:100%;
max-width:1200px;
margin:auto;
padding:0 20px;
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:center;
}

.galleryx_brand{
width:100%;
text-align:center;
margin-bottom:40px;
}

.galleryx_brand-name{
font-size:50px;
font-family:Sawarabi Mincho,serif;
color:#623e2a;
}

/* Prevent shortcode gallery overlap */

.galleryx .final-tiles-gallery,
.galleryx .final-tiles-gallery-wrapper{
width:100% !important;
float:none !important;
clear:both !important;
}
.galleryx_shortcode
{
width:100%;
float:left;
clear:both;
}
/* Mobile */

@media(max-width:768px){

.galleryx{
padding:40px 0px;
}

.galleryx_brand-name{
font-size:32px;
}

}