/*

Theme Name: Kentia Rooms Theme
Theme URI:  https://espetitoestudio.com/
Description: Desarrollo por Espetito Estudio a medida para Kentia Rooms
Author: Espetito Estudio
Author URI: https://espetitoestudio.com/
Version: 1

// Este archivo es obligatorio del theme
/* Tu css empieza aquí ============================================================================================== */
/*====================================================================================================================*/
/* BASE STYLES */
:root {

}

/* BODY SCROLLBARS
body::-webkit-scrollbar {
    width: 10px;
    background: transparent;
}

body::-webkit-scrollbar-track {
    background-clip: content-box;
    background-color: transparent;
}

body::-webkit-scrollbar-thumb {
    border-left: 1px solid var(--secundary-color);
    background: transparent !important;
}

::-webkit-scrollbar-track-piece:start {
    background: transparent;
    margin-top: 15px;
}

::-webkit-scrollbar-track-piece:end {
    background: transparent;
    margin-bottom: 30px;
}
*/

.grecaptcha-badge {
    opacity: 0 !important;
}

/* FONT STYLES */

@font-face {
    font-family: 'Circular Std Book';
    src: url('library/fonts/Circular-Std-Book/CircularStd-Book.eot');
    src: url('library/fonts/Circular-Std-Book/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
    url('library/fonts/Circular-Std-Book/CircularStd-Book.woff2') format('woff2'),
    url('library/fonts/Circular-Std-Book/CircularStd-Book.woff') format('woff'),
    url('library/fonts/Circular-Std-Book/CircularStd-Book.ttf') format('truetype'),
    url('library/fonts/Circular-Std-Book/CircularStd-Book.svg#CircularStd-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nazare';
    src: url('library/fonts/Nazare-regular/Nazare-Regular.eot');
    src: url('library/fonts/Nazare-regular/Nazare-Regular.eot?#iefix') format('embedded-opentype'),
    url('library/fonts/Nazare-regular/Nazare-Regular.woff2') format('woff2'),
    url('library/fonts/Nazare-regular/Nazare-Regular.woff') format('woff'),
    url('library/fonts/Nazare-regular/Nazare-Regular.ttf') format('truetype'),
    url('library/fonts/Nazare-regular/Nazare-Regular.svg#Nazare-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.row {
    justify-content: space-between;
}

/* FIN DE FONT STYLES */

/* GUTTEMBERG STYLES */

.alignwide {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
}

.alignfull {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/* END GUTTEMBERG STYLES */
.container {
    margin: 0 auto;
    max-width: 80%;
}

html, body {
    height: 100%;
}

body {
    font-family: 'Circular Std Book', sans-serif;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow-x: hidden;
    background: #f5f5ed;
}

.page-wrapper {
    flex: 1 0 auto;
    width: 100%;
}

.block-scroll {
    overflow: hidden;
}

a {
    cursor: pointer;
}

a, a:visited {
    color: black;
}

svg {
    width: 100%;
}

h2, h3, h4, h5, h6 {

}

.title {
    font-family: 'Nazare', serif;
    font-size: 34px;
}

/* ANIMACIONES CSS */

/* END ANIMACIONES CSS */

/* INPUTS STYLES */
.wpcf7-form {
    width: 100%;
    max-width: 100%;
    margin: 60px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.wpcf7-form-control-wrap {
    width: 100%;
    margin-bottom: 15px;
    display: block;
}

div.wpcf7 .ajax-loader {
    position: absolute;
}

.input-container {
    position: relative;
    width: 100%;
}

input, textarea {
    flex: 100%;
    width: 100%;
    max-width: 100%;
    outline: none;
    border: none;
    padding: 10px 0;
}

textarea {
    overflow: hidden;
    box-sizing: border-box;
}

.main-section {
    display: flex;
    flex: 0 0 100%;
    width: 100%;
    flex-wrap: wrap;
}

/*

input::placeholder,
textarea::placeholder {
    opacity: 1;
    transition: 0.3s linear;
}

input:hover::placeholder, input:active::placeholder, input:focus::placeholder,
textarea:hover::placeholder, textarea:active::placeholder, textarea:focus::placeholder {
    opacity: 0;
    transition: 0.3s linear;
}


.input-hover {
    opacity: 0;
    position: absolute;
    top: -40px;
    background-color: var(--secundary-color);
    text-align: center;
    padding: 0 5px;
    transition: var(--smooth) linear;
    z-index: -1
}

.input-hover span {
    display: inline-block;
    font-size: 14px;
    color: var(--main-color);
}

.input-hover::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: var(--secundary-color) transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 0;
}




.wpcf7-form-control-wrap:active + .input-hover, .wpcf7-form-control-wrap:focus + .input-hover, .wpcf7-form-control-wrap:hover + .input-hover,
textarea:active .input-hover, textarea:focus .input-hover, textarea:hover .input-hover {
    opacity: 1;
    top: -27px;
    transition: var(--smooth) linear;
    z-index: 50;
}

.wpcf7-form-control-wrap:active + .input-hover::after, .wpcf7-form-control-wrap:focus + .input-hover::after, .wpcf7-form-control-wrap:hover + .input-hover::after,
textarea:active .input-hover::after, textarea:focus .input-hover::after, textarea:hover .input-hover::after {
    animation: point 0.6s infinite alternate;
}

.wpcf7-acceptance .wpcf7-list-item {
    margin: 0 auto;
}


.privacity-check {
    width: auto;
    display: inline-block;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 50px;
    width: 50px;
}

.wpcf7-acceptance .custom-checkbox {
    position: relative;
    height: 15px;
    width: 15px;
    border: 1px solid var(--secundary-color);
    display: inline-block;
    border-radius: 100%;
    top: 2px;
    transition: 0.4s linear;
    cursor: pointer;
}

.privacity-check:checked ~ .custom-checkbox {
    background-color: var(--secundary-color);
    transition: 0.4s linear;
}

*/

input[type="submit"] {
    text-align: right;
    width: auto;
    border-bottom: none;
    text-decoration: underline;
    cursor: pointer;
}

span.wpcf7-not-valid-tip {
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 1px solid
}

div.wpcf7-response-output {
    margin: 2em 0em 1em;
    padding: 0.2em 1em;
    border: 1px solid
}

/* AUTOFILLS */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border-bottom: 1px solid;: -webkit-text-fill-color: white;
    -webkit-box-shadow: none;
    transition: background-color 5000s ease-in-out 0s;
}

/* AUTOFILLS */
/* END INPUTS STYLES */

.page-wrapper {
    flex: 1 0 auto;
    width: 100%;
}

/* COMENTARIOS START */

/* COMENTARIOS END */

/* FIN DE BASE STYLES */
/*====================================================================================================================*/
/*====================================================================================================================*/
/* HEADER STYLES */

.main-header {
    padding: 30px 0;
    background: #f5f5ed;
    position: fixed;
    z-index: 999;
    width: 100%;
    margin: 0 auto;
}

.fake-main-head.main-header {
    position: relative;
    opacity: 0;
}

.header-menu .main-nav li {
    text-align: right;
}

.header-menu .main-nav .phone-button a {
    position: relative;
    opacity: 0;
}

.header-menu .main-nav .phone-button::before {
    content: '';
    background-image: url('library/Icons/phone.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    position: absolute;
    width: 43px;
    height: 43px;
    right: 15px;
    top: -6px;
}

/* FIN HEADER STYLES */
/* HOME STYLES */

.landing-room-container {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 30px auto;
}

.landing-room-text-container {
    display: block;
    text-align: center;
}

.landing-room-container > * {
    flex: 100%;
}

.room-picture,
.room-picture img {
    width: 100%;
}

.landing-box--servicios .room-picture img,
.landing-box--contacto .room-picture img {
    width: 100%;
    padding: 15px;
    background: #facdbd;
}

.room-label {
    top: 0;
    position: absolute;
    background: #facdbd;
    text-align: center;
    padding: 30px 30px;
    margin: 30px auto;
}



.room--reservation.title::after {
    content: '';
    width: 30px;
    height: 1px;
    display: block;
    background: black;
    margin: 10px auto;
}

.room--title {
    margin-top: 15px;
    font-size: 16px;
    font-weight: 100;
    text-transform: uppercase;
}

.landing-posts--title {
    display: block;
}

.landing-posts--title {
    text-align: center;
    margin-bottom: 15px;
}

.landing-post--paragraph ul li {
    margin-bottom: 15px;
}

.landing-box--contacto {
    margin-bottom: 60px
}

/* FIN HOME STYLES */

/* PAGE TEMPLATE */

/* END PAGE TEMPLATE */

/* COOKIES */

div#cookie-law-info-bar {
    text-align: left;
}

a.cli_settings_button {
    margin-left: 5px !important;
    margin-right: 30px !important;
}

a#cookie_action_close_header {
    display: block !important;
}

a#cookie_action_close_header {
    display: block !important;
    width: fit-content;
    max-width: max-content;
    margin: 15px 0 !important;
}

div#cookie-law-info-bar {
    max-width: 500px;
}

.cli-modal-content.cli-bar-popup {
    /* background: var(--yellow);*/
}

.cli-tab-content {
    padding: 30px 15px !important;
}

.cli-tab-header.cli-tab-active,
.cli-tab-content,
.cli-tab-header {
    /*   background: #242323;*/
    border-radius: 0;
}

span.cli-necessary-caption,
.cli-tab-pane.cli-fade p,
a.cli-nav-link.cli-settings-mobile {
    /* color: white;*/
}

.cli-switch input:checked + .cli-slider {
    background: var(--yellow);
}

.cli-modal-close svg {
    cursor: pointer;
    /* fill: #242323;*/
}

.cli-tab-header a:before {
    /*  border-right-color: var(--yellow);*/
    /*  border-bottom-color: var(--yellow);*/
}

.cli-switch .cli-slider:after {
    /* color: white;*/
}

/* COOKIES */

/*====================================================================================================================*/
/*====================================================================================================================*/
/* FOOTER STYLES */
footer {
    flex-shrink: 0;
    padding: 30px 0 0 0;
    z-index: 999;
    background: #facdbd;
    height: 15px;
    margin: 0 auto;
    width: 100%;
    position: fixed;
    bottom: 0;
}

/* FIN FOOTER STYLES */
/*====================================================================================================================*/
/*====================================================================================================================*/
/* COMPONENTES DE TEXTO */

/* END COMPONENTES DE TEXTO */
/*====================================================================================================================*/
/*====================================================================================================================*/
/* PAGE BASICS */

/* END PAGE BASICS */
/*====================================================================================================================*/
/*====================================================================================================================*/
/* PAGE  */

/* END PAGE */
/*====================================================================================================================*/
/*====================================================================================================================*/
/* PAGE CONTACTO */

/* END PAGE CONTACTO */
/*====================================================================================================================*/
/*====================================================================================================================*/
/* PAGE SOBRE MI */

/* END PAGE SOBRE MI */
/*====================================================================================================================*/
/*====================================================================================================================*/
/* PROYECTOS */

/* END PROYECTOS */
/*====================================================================================================================*/
/*====================================================================================================================*/
/* BLOG START */

/* BLOG END */
/*====================================================================================================================*/
/*====================================================================================================================*/
/*ARREGLOS  */
/*END ARREGLOS  */
/*====================================================================================================================*/
/*====================================================================================================================*/
/* Tablet */
@media screen and (min-width: 768px) {

    .landing-room-text-container {
        display: block;
        align-self: center;
        text-align: left;
    }

    .landing-posts--title {
        text-align: left
    }

    .landing-box--servicios .empty-col-start {
        order: 1;
    }

    .landing-box--servicios .landing-room-container {
        order: 4
    }

    .landing-box--servicios .landing-room-text-container {
        order: 2
    }

    .landing-box--servicios .empty-col-end {
        order: 3;
    }

}

/* Fin de Tablet */
/*====================================================================================================================*/
/*====================================================================================================================*/
/* Portatil */
@media screen and (min-width: 1024px) {

    :root {
        /*
                --body-text-size: 18px;
                --body-line-height: 32px;

                --title-size: 60px;
                --title-line-height: 78px;
                */
    }

}

/*Fin de portatil*/
/*====================================================================================================================*/
/*====================================================================================================================*/
/* Monitor portatil */
@media screen and (min-width: 1200px) {
    .title {
        font-size: 45px;
    }

    .room--title {
        font-size: 34px;
        line-height: 54px;
    }

    .paragraph {
        font-size: 34px;
        line-height: 54px;
    }

    .room-label {
        width: 400px;
    }

    .header-menu .main-nav li {
        font-size: 22px;
    }

    .header-menu .main-nav .phone-button a {
        opacity: 1;
    }

    .header-menu .main-nav .phone-button::before {
        opacity: 0;
    }


}

/*Fin de monitor portatil*/
/*====================================================================================================================*/
/*====================================================================================================================*/
/* Monitor grande */
@media screen and (min-width: 1600px) {

    .room-label {
        padding: 30px 30px;
    }

    .header-menu .main-nav li {
        font-size: 23px;
    }

    .landing-box--servicios .room-picture img,
    .landing-box--contacto .room-picture img {
        padding: 30px;
    }

    .landing-box--servicios .room-label,
    .landing-box--contacto .room-label {
        margin: 60px auto;
    }
}

/*Fin de monitor grande*/
/*====================================================================================================================*/
/* 4K MONITOR */
@media screen and (min-width: 3840px) {

}

/* 4K MONITOR */