/* 
Theme Name: Turismo villajoyosa
Theme URI: 
Description: Tema creado por Alain Figueroa
Author: Alain Figueroa 
Author URI: 
Template: hello-elementor
Version: 2.0.0
Text Domain: turismo-villajoyosa
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */

/*************************/
/*GENERAL*/
/*************************/

/*@font-face{
 	font-family: "UniNeueRegular";
 	src: url(./fonts/UniNeueRegular.ttf); 	
}
body {
    font-family: 'UniNeueRegular';
    font-size: 16px;
}
*/
/* Chrome/Opera/Safari */
/*#gform_wrapper_1 .gform_fields .gfield input::-webkit-input-placeholder {
  	color: pink;
}*/
/* Firefox 19+ */
/*#gform_wrapper_1 .gform_fields .gfield input::-moz-placeholder { 
	color: pink;
}*/ 
/* IE 10+ */
/*#gform_wrapper_1 .gform_fields .gfield input:-ms-input-placeholder {
  color: pink;
}*/
/* Firefox 18- */
/*#gform_wrapper_1 .gform_fields .gfield input:-moz-placeholder {
  color: pink;
}*/

:root{
  --blue_light: #0097CE;
}
.hide {
    display: none !important;
}
.movil-no600, .movil-no767, .movil-no, .movil-no899  {
    display: flex;
}
.movil-si600, .movil-si767, .movil-si, .movil-si899  {
    display: none;
}


/*************************/
/*HEADER*/
/*************************/
@media (max-width: 1024px) {
    #main-header {
        position: sticky;
    }
}
@media (min-width: 1025px) {

    header.elementor-location-header {
        position: sticky !important;
        top: 0;
        z-index: 99999;
        width: 100%;
        background: #fff;
    }

    header.elementor-location-header > .elementor,
    header.elementor-location-header .e-con-inner {
        min-height: 0 !important;
    }

    #top-header,
    #main-header,
    #bottom-header {
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
    }

    #main-header {
        max-height: 120px;
        min-height: 0 !important;
        /*overflow: hidden;*/
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
        transition:
            max-height .55s cubic-bezier(.22,1,.36,1),
            opacity .35s ease,
            transform .55s cubic-bezier(.22,1,.36,1),
            padding .55s cubic-bezier(.22,1,.36,1),
            margin .55s cubic-bezier(.22,1,.36,1);
    }

    header.elementor-location-header.is-compact #main-header {
        max-height: 0 !important;
        min-height: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        border-top-width: 0 !important;
        border-bottom-width: 0 !important;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-10px);
    }

    body.admin-bar header.elementor-location-header {
        top: 32px;
    }
}

@media (min-width: 1025px) {

    /* Necesario para posicionar el logo dentro del top header */
    #top-header {
        position: relative;
    }

    /* Logo compacto oculto inicialmente */
    #top-header .vila-compact-logo {
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 10;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 52px;
        height: 36px;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transform:
            translateY(-30%)
            translateX(25px)
            scale(0.5);

        transition:
            opacity 0.35s ease,
            transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94),
            visibility 0s linear 0.35s;
    }

    #top-header .vila-compact-logo img {
        display: block;
        width: 50px;
        height: auto;
        max-height: 34px;
        object-fit: contain;
    }

    /* Aparece cuando la cabecera está compactada */
    header.elementor-location-header.is-compact
    #top-header .vila-compact-logo {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transform:
            translateY(-50%)
            translateX(25px)
            scale(1);

        transition:
            opacity 0.4s ease 0.12s,
            transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.08s,
            visibility 0s;
    }
}

/*************************/
/*FOOTER*/
/*************************/

/*************************/
/*HOME*/
/*************************/

/*Contacto*/
.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
    font-family: 'Lato', sans-serif !important;
    font-size: 15px !important;
    color: #6b6b68 !important;
}
.gform-field-label.gform-field-label--type-inline.gfield_consent_label a{
    text-decoration: underline;
    color: #81BADD !important;
}
.gform-theme--foundation .gfield select, .gform-theme--foundation .gfield textarea{
	border: 2px solid #e0e0dc;
    border-radius: 8px;
	text-align: left;
}
.ginput_container.ginput_container_text input, .ginput_container.ginput_container_phone input, .ginput_container.ginput_container_email input, .ginput_container.ginput_container_select select, .ginput_container.ginput_container_textarea textarea, .ginput_container.ginput_container_date input{
    text-align: left !important;
    /*font-family: 'Lato', sans-serif !important;
    font-size: 13px !important;
    color: #6b6b68 !important;*/
	height: 46px !important;
}

#gform_submit_button_2, #gform_submit_button_6 {
    font-size: 1rem !important;
    padding: .9rem 2.2rem !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    margin: auto !important;
    background: var(--e-global-color-accent) !important;
    transition: .4s ease !important;
}
#gform_submit_button_2:hover, #gform_submit_button_6:hover {
    background: #D06050 !important;
    transform: translateY(-2px);
}

/*Film office*/
.gform_required_legend{
	display: none;
}
.gform-theme--foundation .gform_fields{
	row-gap: 20px !important;
}
.datepicker.gform-datepicker.dmy.datepicker_with_icon.gdatepicker_with_icon.hasDatepicker.initialized {
    width: 100% !important;
}

/*botón del form negro - film office */
#gform_submit_button_5 {
    font-size: 1rem !important;
    padding: .9rem 2.2rem !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    margin: auto !important;
    background: #3C3C3B !important;
    transition: .4s ease !important;
}
#gform_submit_button_5:hover{
    background: #D06050 !important;
    transform: translateY(-2px);
}
/*botón del form amarillo - film office */
#gform_submit_button_4 {
    font-size: 1rem !important;
    padding: .9rem 2.2rem !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    margin: auto !important;
    background: var(--e-global-color-secondary) !important;
    transition: .4s ease !important;
}
#gform_submit_button_4:hover{
    background: #D06050 !important;
    transform: translateY(-2px);
}


@media only screen and (max-width: 600px) {
.movil-no600 {
    display: none;
}
.movil-si600 {
    display: flex;
}
}

@media only screen and (max-width: 767px) {
.movil-no767 {
	display: none;
}
.movil-si767 {
	display: flex;
}
}

@media only screen and (max-width: 768px) {
.movil-no {
	display: none;
}
.movil-si {
	display: flex;
}
}

@media only screen and (min-width: 768px) and (max-width: 899px) {
.movil-no899 {
    display: none;
}
.movil-si899 {
    display: flex;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
}