/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/* Variables mías */
:root {
    --colorprincipal:#14b1af;
    --colorprincipalrgb:20, 177, 175;
    --colorblanco:#fff;
    --colorblancorgb:255, 255, 255;
    --colorcampos:#333;
    --colorcamposrgb:51, 51, 51;
    --colorbordecampos:#666;
    --colorbordecamposrgb:102, 102, 102;
    --colorerror:#a94442;
    --fontsizeformu:15px;
}


/* Layout */
/* Reemplazo colores */
a {color:var(--colorprincipal);}
[type=button], [type=submit], button {color:var(--colorprincipal); border-color:var(--colorprincipal);}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {background-color:var(--colorprincipal);}


/* Header */
/*
.site-header:not(.header-stacked) .header-inner .site-branding {max-width:100%;}
.site-header:not(.header-stacked) .header-inner .site-branding .site-logo {max-width:100%; max-height:100%;}
.site-header .header-inner .custom-logo-link {max-width:100%; max-height:100%;}
.site-header .header-inner .custom-logo-link img {height:90px; width:auto;}
*/

body.scroll #cabecera-web {
    position:fixed;
    width:100vw;
    z-index:10000;
}

.cabecera-web {padding-top:6px; padding-bottom:6px; z-index:1; max-width:100%; background-color:rgba(255, 255, 255, 0.95);}
.cabecera-web .site-branding {width:125px; z-index:1;}
.cabecera-web .site-branding .elementor-widget-theme-site-logo img {width:105px; height:auto;}
.cabecera-web .site-navigation {width:calc( 100% - 125px ); z-index:0;}
.cabecera-web .site-navigation .elementor-menu-toggle {margin-right:0 !important;}
.cabecera-web .site-navigation .elementor-nav-menu--dropdown.elementor-nav-menu__container {margin-top:0;}
.cabecera-web .site-navigation .elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container {}

/* Colores hover menú principal */
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus {
    color:var(--colorprincipal);
    fill:var(--colorprincipal);
}
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {background-color:var(--colorprincipal);}


.page-header {
    background-color:var(--colorprincipal);
}
.page-header .entry-title {max-width:1140px; margin-left:auto; margin-right:auto; padding:10px; text-align:center; color:var(--colorblanco);}


/* Footer */
/* .site-footer .footer-inner .custom-logo-link img {width:90px;} */
.pie-web {
    padding-top:1rem;
    padding-bottom:1rem;
    max-width:100%;
}
.pie-web .pie-logo {}
.pie-web .pie-logo .elementor-widget-theme-site-logo img {width:90px;}
.pie-web .pie-copyright {}
.pie-web .pie-copyright .elementor-widget-text-editor p {margin-bottom:0;}


.break-all {word-break:break-all;}
.mb-0 {margin-bottom:0;}

.datos_xarxasalut .elementor-widget:not(:last-child) {margin-bottom:0;}
.datos_xarxasalut .elementor-widget p {margin-bottom:0;}


/* Gravity forms */
@font-face {
    font-family:GFFontAwesome;
    src:url('/wp-content/plugins/gravityforms/fonts/fontawesome-webfont.eot?v=4.7.0');
    src:url('/wp-content/plugins/gravityforms/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
    url('/wp-content/plugins/gravityforms/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
    url('/wp-content/plugins/gravityforms/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('/wp-content/plugins/gravityforms/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
    url('/wp-content/plugins/gravityforms/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight:400;
    font-style:normal;
}

.gform_required_legend {display:none;}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea, .ginput_container_multiselect .multiselect-native-select .btn-group button.dropdown-toggle {
    padding:8px;
    font-size:var(--fontsizeformu);
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea, .ginput_container_multiselect .multiselect-native-select .btn-group button.dropdown-toggle, .ginput_container_multiselect .multiselect-native-select .btn-group .dropdown-menu button label {color:var(--colorcampos);}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea, .ginput_container_multiselect .multiselect-native-select .btn-group button.dropdown-toggle {border-color:var(--colorbordecampos);}

.label_invisible .gfield_label {opacity:0; visibility:hidden;}
.gform_wrapper.gravity-theme .gfield.ancho_100 input.medium, .gform_wrapper.gravity-theme .gfield.ancho_100 select.medium {width:100%;}



/* Animación spinner envío formulario */
@keyframes spinner-border {
    to { transform:rotate(360deg); }
}
.formu_enviando {position:relative;}
.formu_enviando .spinner-wrapper {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1;
    background-color:rgba(255, 255, 255, 0.75);
    text-align:center;
}
.formu_enviando .spinner-wrapper .d-flex {display:flex;}
.formu_enviando .spinner-wrapper .d-flex.justify-content-center {justify-content:center;}
.formu_enviando .spinner-wrapper .d-flex.align-items-center {align-items:center;}
.formu_enviando .spinner-wrapper .d-flex.align-self-center {align-self:center;}
.formu_enviando .spinner-wrapper .d-flex.h-100 {height:100%;}
.formu_enviando .spinner-wrapper .spinner-border {
    display:inline-block;
    width:2rem;
    height:2rem;
    vertical-align:text-bottom;
    border:0.25em solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    -webkit-animation:spinner-border .75s linear infinite;
    animation:spinner-border .75s linear infinite;
}
.formu_enviando .spinner-wrapper .spinner-border.has-rojo-color {
    border-color:var(--colorprincipal);
    border-right-color:transparent;
}

.gform_confirmation_message {
    text-align:center;
    font-weight:bold;
    font-size:1.2rem;
    color:#22bb33;
}

.gform_confirmation_message .anyadir_otra {
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
    border:solid 2px var(--colorprincipal);
    border-radius:5px;
}


/* Campos multiselect gravity forms */
.ginput_container_multiselect .multiselect-native-select {
    display:flex;
    flex-direction:column;
    position:relative;
}
.ginput_container_multiselect .multiselect-native-select select[multiple] {
    order:3;
    position:absolute;
    visibility:hidden;
    opacity:0;
}
.ginput_container_multiselect .multiselect-native-select select[multiple].parsley-error ~ .btn-group button.dropdown-toggle {border-color:var(--colorerror);}
.ginput_container_multiselect .multiselect-native-select .parsley-errors-list {order:2;}
.ginput_container_multiselect .multiselect-native-select .btn-group {
    order:1;
    display:block;
    width:100%;
    position:relative;
}
.ginput_container_multiselect .multiselect-native-select .btn-group button.dropdown-toggle {
    text-align:left;
    width:100%;
    transition:border-color .3s ease-in;
}
.ginput_container_multiselect .multiselect-native-select .btn-group button.dropdown-toggle:focus, .ginput_container_multiselect .multiselect-native-select .btn-group button.dropdown-toggle:hover {
    background-color:unset;
}
.ginput_container_multiselect .multiselect-native-select .btn-group button.dropdown-toggle::after {
    font-family: 'GFFontAwesome';
    content:'\f078';
    display:block;
    font-size:10px;
    position:absolute;
    top:13px;
    right:5px;
}
.ginput_container_multiselect .multiselect-native-select .btn-group .dropdown-menu {
    margin:0;
    padding:0;
    width:100%;
    position:absolute;
    z-index:1;
    background-color:rgba(255, 255, 255, 0.95);
    box-shadow:0px 0px 3px 1px rgba(0, 0, 0, 0.7);
}

.ginput_container_multiselect .multiselect-native-select .dropdown-menu {display:none;}
.ginput_container_multiselect .multiselect-native-select .open > .dropdown-menu {display:block;}

.ginput_container_multiselect .multiselect-native-select .btn-group .dropdown-menu button {
    display:block;
    width:100%;
    text-align:left;
    border:none;
    line-height:normal;
}
.ginput_container_multiselect .multiselect-native-select .btn-group .dropdown-menu button:hover {background-color:unset;}
.ginput_container_multiselect .multiselect-native-select .btn-group .dropdown-menu button input[type=checkbox] {
    margin-right:5px;
    margin-top:4px;
    vertical-align:top;
}
.ginput_container_multiselect .multiselect-native-select .btn-group .dropdown-menu button label {
    font-size:14px;
    line-height:normal;
    font-weight:normal;
    white-space:initial;
    vertical-align:top;
}


/* Aviso archivos KMZ */
.gfield .aviso p.txt {
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
}
.gfield .aviso a.descargar_kmz {
    padding:5px 10px;
    border:solid 2px var(--colorprincipal);
    border-radius:5px;
    display:inline-block;
    margin-bottom:5px;
    font-size:13px;
    font-weight:bold;
}


/* Validaciones parsley */
.parsley-errors-list {padding:0; margin-top:5px; font-size:14px;}
.parsley-errors-list li {list-style-type:none; color:var(--colorerror);}
.parsley-error {border-color:var(--colorerror) !important;}
.gfield_description.validation_message {color:var(--colorerror); margin-top:5px; font-size:14px;}
.validation_error {padding:15px; background:var(--colorerror); color:#fff;}
.gfield_error input, .gfield_error select, .gfield_error textarea {border-color:var(--colorerror) !important;}

.gfield_radio {display:flex; flex-direction:column;}
.gfield_radio .gchoice {order:unset;}
.gfield_radio .parsley-errors-list {order:2;}

.parsley-error input[type=radio], .gchoice.parsley-error ~ .gchoice input[type=radio] {position:relative;}
.parsley-error input[type=radio]::before, .gchoice.parsley-error ~ .gchoice input[type=radio]::before {
    display:block;
    content:'';
    position:absolute;
    z-index:0;
    width:100%;
    height:100%;
    border-radius:50%;
    border-style:solid;
    border-width:1px;
    border-color:var(--colorerror);
}



/* Oculto aviso Development site de WPML */
.otgs-development-site-front-end {display:none;}




@media (max-width:1024px) {
    .cabecera-web .site-navigation > .elementor-element-populated {padding-right:0;}
    .cabecera-web .site-navigation .elementor-menu-toggle {margin-right:10px !important;}
    .cabecera-web .site-navigation .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        position:absolute;
        width:100vw;
        z-index:10000;
        right:0px;
        top:auto;
        margin-top:76px;
    }
}


@media (max-width:767px) {
    .pie-web .pie-logo .elementor-widget-theme-site-logo .elementor-widget-container {text-align:center;}
    .pie-web .pie-copyright .elementor-widget-text-editor {text-align:center;}
}


@media (max-width:640px) {
    .label_oculto_movil .gfield_label {display:none !important;}
}


@media (max-width: 576px) {
    /* .site-header .header-inner:not(.header-stacked) .site-branding {max-width:80%;} */
}
