/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

:root {
    --principal: #436de0;
    --secundario: #14c7b2;
    --azul-oscuro: #3f4f7d;
    --blanco: #ffffff;
    --gris: #878787;
    --gris-claro: #ededed;
    --negro: #333;
    --bricolage: 'Bricolage Grotesque', sans-serif;
    --inter: 'Inter', sans-serif;
    --letter-spacing: 0.2em;
}

::-moz-selection {
    color: var(--secundario)!important;
    background: var(--principal)!important;
}

::selection {
    color: var(--secundario)!important;
    background: var(--principal)!important;
}

body::-webkit-scrollbar{
    overflow:auto;
    width:13px;
    height:13px;
    background:var(--azul-oscuro)!important;
    }
    
    body::-webkit-scrollbar-thumb{
    overflow:auto;
    background:var(--secundario)!important;
    border-radius:20px;
    border:3px solid var(--azul-oscuro);
    }

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

#ajax-content-wrap {
	max-width: 100vw!important;
	overflow: hidden;
}

.full-width-row {
    padding: 0 6vw;
}

.boton-glovall {
    margin-top: 60px;
}

.boton-glovall h6 {
    font-family: var(--inter);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing);
 }

.botones-cont-wrap .wpb_wrapper {
	flex-wrap: wrap;
	display: flex;
    column-gap: 40px;
}

.nectar-scrolling-text {
    max-width: 100vw;
}

.border-radius-tabs .row-bg-layer{
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 100px;
}

@media (max-width: 999px) {
    .border-radius-tabs .row-bg-layer{
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
}
}


@media (max-width: 689px) {
    .full-width-row {
    padding: 0 4vw;
}
	.boton-glovall h6 {
    font-size: 14px;
 }
	.boton-glovall {
    margin-bottom: 40px;
}
}

/* --- COOKIEYES --- */
.cky-consent-container .cky-consent-bar {
	background-color: rgb(255 255 255 / 80%)!important;
    backdrop-filter: blur(4px);
    border-color: transparent!important;
}

.cky-notice .cky-title {
	display: none;
}

.cky-notice-btn-wrapper {
	margin-top:0px!important
}

.cky-consent-container {
    padding: 0 20px 20px 20px;
}

.cky-consent-container .cky-consent-bar {
    box-shadow: 0 4px 16px 0 #1863dc33!important;
}

.cky-notice-des p {
font-weight: 500 !important;
padding-bottom: 0!important;
}

.cky-box-bottom-left {
    bottom: 20px!important;
}

.cky-notice-btn-wrapper .cky-btn {
    font-weight: 600;
}





/*/////////
///TIPOS///
/////////*/
* {
    font-variant-ligatures: no-common-ligatures;
}

h1 {
    font-size: 3.4vw!important;
    line-height: 1.1!important;
}

h2 {
    font-family: var(--bricolage);
    font-size: 4vw;
    color: var(--secundario)!important;
}

h3{
    font-family: var(--inter);
    font-size: 1.7vw;
    line-height: 1.6;
    color: var(--principal)!important;
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing);
}

h6 {
    font-family: var(--inter)!important;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing);
 }


@media (max-width:999px){
	h1 {
    font-size: 5.4vw!important;
}
	h2 {
    font-size: 6vw;
}

h3{
    font-size: 3vw;
}
}

@media (max-width: 689px){
	h1 {
    font-size: 6.8vw!important;
}
	p{
		font-size: 16px;
        line-height: 1.5;
	}
	h2 {
    font-size: 9vw;
}

h3{
    font-size: 4.5vw;
}
}


/*////////
///MENU///
////////*/
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .current-menu-item>a:after,
body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .current-menu-item>a:after,
body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li a:hover:after {
    display: none!important;
}

/*//////////
///HEADER///
//////////*/
.img-with-aniamtion-wrap.position_desktop_absolute {
    width: 100%!important;
}
.video-glovall-header .wpb_video_wrapper{
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

.header-icono-glovall {
    width: 30%!important;
}

.wp-caption-text {
    display: none!important;
}
.inicio-iconos-column .wpb_wrapper {
	display: flex;
	flex-direction: row;
}
.inicio-iconos-cont .img-with-aniamtion-wrap {
	width: 8vw !important;
}
.inicio-iconos-column img {
	transform: translateY(-40px)!important;
}

.inicio-iconos-column .nectar-split-heading {
	display: flex;
    align-items: center;
}

.inicio-iconos-column h2 {
	font-family: 'Bricolage Grotesque';
	font-size: 1.6vw;
	font-weight: 400;
	line-height:1.2;
	color: var(--principal)!important;
	padding: 1vw 2vw;
	margin: 0;
}



@media (max-width: 999px){
	.video-glovall-header .wpb_video_wrapper{
    border-right: 1px solid #fff;
}
	.inicio-iconos-column {
	width: fit-content;
}
	    .inicio-iconos-column:not(:first-of-type) {
        padding-top: 60px;
    }
	.inicio-iconos-column h2 {
	font-size: 4vw;
		padding: 2vw 4vw;
}
	.inicio-iconos-column img {
    transform: translateY(-20px) !important;
}
}

@media (max-width: 689px){
	.inicio-iconos-column h2 {
	font-size: 6vw;
}
	.inicio-iconos-cont .img-with-aniamtion-wrap {
	width: 12vw !important;
}
	.inicio-iconos-column:not(:first-of-type) {
        padding-top: 40px;
    }
}


/* --- GLOVALL ---*/

.global-scroll-text .nectar-scrolling-text-inner__text-chunk{
	opacity:.6;
    width: 50vw;
}

.glovall-texto-cont {
    padding: 0 8vw;
} 

@media (max-width: 1499px){
    .glovall-texto-cont {
        padding: 0 2vw;
    }  
}

@media (max-width:1299px){
.glovall-texto-cont {
	padding-bottom:8%;
}
	.glovall-texto-cont.texto1 {
	padding-bottom:16%;
}
	.glovall-texto-cont.texto2 {
	padding-top:0!important;
}
	.glovall-ciudad-neutra-cont .row_col_wrap_12{
		flex-direction: column-reverse;
	}
	.vc_row.inner_row.bottom_position_desktop_-4vw {
    bottom: -6vw;
}
.global-scroll-text .nectar-scrolling-text-inner__text-chunk{
    width: 70%;
}
}

@media (max-width: 999px){
	.glovall-texto-cont {
        padding: 0 8vw;
    }
}

@media (max-width: 689px){
	.glovall-texto-cont {
        padding: 0 4vw;
    }
}


/*--- URBANISMO --- */

.urbanismo-img-cont::before {
    content: '';
display: block!important;
width: 130%;
height: 400px;
background-color: var(--gris-claro);
position: absolute;
top: 25%;
right: -14%;
}

.urbanismo-scroll-text .nectar-scrolling-text-inner__text-chunk{
    width: 500px;
}

.urbanismo-tabs-cont h4 {
    color: var(--secundario);
    font-family: var(--bricolage);
    font-size: 2.4vw;
    font-weight: 500;
}

.wpb_tabs_nav .active::after {
content: url(https://demo10.miltrescientosgramos.com/wp-content/uploads/2024/09/Icono-Flecha-Glovall.svg);
position: absolute;
right: -40px;
transform: translateY(-24px);
width: 32px;
}

.wpb_tabs_nav .active h4 {
    border-bottom: 1px solid var(--secundario);
}

.urbanismo-tabs-cont .img-with-aniamtion-wrap img {
    width: 100%!important;
}

.wpb_tab:not(:last-of-type) {
    border-bottom: 1px solid var(--blanco);
}

.urbanismo-tabs-cont h5 {
    color: var(--secundario)!important;
    font-family: var(--bricolage);
    font-size: 3vw;
    font-weight: 500;
}

.urbanismo-tabs-cont .nectar_video_player_self_hosted.play_button_hover {
    border: 5px solid transparent;
    transition: .4s all ease-in-out;
}

.urbanismo-tabs-cont .nectar_video_player_self_hosted.play_button_hover:hover {
    border: 5px solid #333;
    transition: .4s all ease-in-out;
}

@media (max-width: 999px){
	.urbanismo-img-cont::before {
	top: 10%;
}
	.urbanismo-scroll-text .nectar-scrolling-text-inner__text-chunk{
    width: 40vw;
}
	.urbanismo-tabs-cont h5 {
    font-size: 5vw;
}
}

@media (max-width: 689px){
	.urbanismo-tabs-cont h5 {
    font-size: 7vw;
}
	.urbanismo-scroll-text .nectar-scrolling-text-inner__text-chunk{
    width: 60vw;
}
}





/*--- MEDIO AMBIENTE ---*/
.medioambiente-img-cont::before {
    content: '';
    display: block;
    width: 80%;
    height: 300px;
    background-color: var(--principal);
    position: absolute;
    bottom: -10%;
    right: -6%;
    z-index: 10;
    mix-blend-mode: overlay;
}

@media (max-width: 999px){
	.medioambiente-img-cont {
    width:90%;
}
}



/*--- MOVILIDAD ---*/

.movilidad-img-cont::after {
    content: '';
    display: block;
    width: 30%;
    height: 75%;
    background-color: var(--principal);
    position: absolute;
    left: -60px;
    top: 250px;
    z-index: 10;
    mix-blend-mode: overlay;
}

@media (max-width: 999px){
	.movilidad-img-cont::after {
    top: 20vh;
}
}



/*--- MISIÓN CLIMÁTICA ---*/
.mision-img-cont::before {
    content: '';
    display: block;
    width: 80%;
    height: 300px;
    background-color: var(--gris-claro);
    position: absolute;
    top: -10%;
}

.mision-img-cont::after {
    content: '';
    display: block;
    width: 30%;
    height: 75%;
    background-color: var(--nectar-accent-color);
    position: absolute;
    right: -50px;
    top: 220px;
    z-index: 10;
    mix-blend-mode: overlay;
}

.mision-climatica-text {
    padding:  0 2vw 0 10vw;
}

.meta-emblema-cont .img-with-aniamtion-wrap {
	width: 60%!important;
}

.meta-emblema {
	width:100%!important;
}

.meta-emblema-cont h2, #contacto h2 {
    color: var(--blanco)!important;
    font-size: 5vw;
}

.hub-lav-points .img-with-aniamtion-wrap{
    width: 75%;
height: auto;
}

.img-with-aniamtion-wrap[data-animation=fade-in-from-left] .hover-wrap, img.img-with-animation[data-animation=fade-in-from-left] {
    padding-right: 0px!important;
}

.hub-lav-points p strong {
    font-size: 1.6vw;
    color: var(--secundario)!important;
}

.hub-img-cont::before {
    content: '';
    display: block;
    width: 80%;
    height: 300px;
    background-color: var(--gris-claro);
    position: absolute;
    bottom: -10%;
    left: -6%;
    z-index: 10;
    mix-blend-mode: overlay;
}

@media (max-width: 1599px){
	.mision-climatica-text {
        padding:  0 0 0 6vw;
    }
}

@media (max-width: 1299px){
	.mision-climatica-text {
        padding:  6vw 10vw 0 10vw;
    }
}

@media (max-width: 999px){
	.mision-img-cont::before {
        top: -5%;
    }
    .meta-emblema-cont .img-with-aniamtion-wrap {
        width: 260px!important;
    }
    .meta-emblema-cont h2, #contacto h2 {
        font-size: 48px;
    }
    .hub-lav-points p strong {
        font-size: 32px;
    }
}

@media (max-width: 689px){
    .meta-emblema-cont .wpb_wrapper>div {
        margin-bottom: 0px;
    }
    .meta-emblema-cont .img-with-aniamtion-wrap {
        width: 220px!important;
    }
    .meta-emblema-cont h2 {
        font-size: 7vw;
    }
    .hub-lav-points p strong {
        font-size: 4vw;
    }
    .hub-img-cont::before {
        bottom: -5%;
    }
}

@media (max-width: 560px){
    .meta-emblema-cont h2 {
        font-size: 9vw;
        max-width: 35vw;
    }
    .hub-lav-points p strong {
        font-size: 5vw;
    }
}

@media (max-width: 400px){
    .meta-emblema-cont .img-with-aniamtion-wrap {
        width: 180px!important;
    }
    .hub-lav-points p strong {
        font-size: 5.8vw;
    }
}


/* --- CONTACTO --- */

.datos-contacto p {
    line-height: 1.6;
}

.datos-contacto p, .datos-contacto a {
    font-size: 24px;
}

.contacto-logos-cont img {
    width: 100%!important;
}

.rrss-icons .wpb_wrapper>div {
    margin-bottom: 0px!important;
}

.nectar-leaflet-map {
	border-radius: 20px;
}

.leaflet-control-attribution {
	display: none;
}

.lopd a {
	color: #fff!important;
	transition: .4s all ease-in-out;
}

.lopd a:hover {
	color: var(--secundario)!important;
	transition: .4s all ease-in-out;
}

@media (max-width: 1299px){
    .contacto-direccion {
        padding-bottom: 40px!important;
    }
}

@media (max-width: 999px) {
    .logo-ayuntamiento .right.img-with-aniamtion-wrap {
        text-align: left;
    }
    .contacto-logos-cont .img-with-aniamtion-wrap {
    margin-bottom: 40px !important;
}
}


@media (max-width: 689px) {
    .contacto h2{
        font-size: 9vw;
    }
    .datos-contacto p, .datos-contacto a {
        font-size: 20px;
    }
}

@media (max-width: 400px){
    .lopd p{
        font-size: 15px!important;
        line-height: 1.8;
    }
}


/* --- FORMULARIO --- */

div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea {
    background-color: transparent!important;
    color: var(--blanco)!important;
    border: 0!important;
    border-bottom: 1px solid var(--blanco)!important;
    border-radius: 0px!important;
}
div.wpforms-container-full .wpforms-field-label, div.wpforms-container-full .wpforms-field-label-inline {
    margin: 0 0 8px 0!important;
    color: var(--blanco)!important;
    font-weight: 500;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
    height: calc( var(--wpforms-field-size-input-height) * 2.2)!important;
}
div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
    background-color: var(--perla)!important;
    color: var(--blanco)!important;
    font-weight: 600;
    border: 2px solid var(--blanco)!important;
    box-shadow: none!important;
}

body[data-form-submit=regular] .container-wrap button[type=submit], body[data-form-submit=regular] .container-wrap input[type=submit] {
    padding: 16px 40px 32px 40px!important;
    margin-top: 16px;
}

div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    color: var(--blanco)!important;
    font-weight: 600;
    background-color: var(--secundario)!important;
    border: 2px solid var(--secundario)!important;
}

body[data-form-submit=regular] button[type=submit]:hover, body[data-form-submit=regular] input[type=submit]:hover {
    opacity: 1!important;
}

body .wpforms-confirmation-container-full p {
    color: var(--blanco)!important;
}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: rgb(204 204 204 / 40%)!important;
    border: 1px solid #fff!important;
}


.wpforms-container .wpforms-required-label, .wp-core-ui div.wpforms-container .wpforms-required-label {
    color: darkred!important;
    }




/*//////////
///FOOTER///
//////////*/
.copyright-cont * {
    font-size: 13px!important;
    color: var(--blanco)!important;
}

.copyright-cont a {
    color: var(--blanco)!important;
}

.copyright-cont a:hover {
    color: var(--secundario)!important;
}





/*//////////
////BLOG////
//////////*/
.full-width-section>.col.span_12.dark .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content *, .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content * {
    color: inherit;
}
.blog_next_prev_buttons[data-style=fullwidth_next_prev] .previous-post span:not(.text), .container-wrap[data-nav-pos=after_project_2] .bottom_controls .previous-project span:not(.text), .blog_next_prev_buttons[data-style=fullwidth_next_prev] .next-post span:not(.text), .container-wrap[data-nav-pos=after_project_2] .bottom_controls .next-project span:not(.text){
	letter-spacing: normal;
    text-transform: none;
}




/*//////////
////LOPD////
//////////*/
.politicas-cont h2 {
	font-size: 2.8vw!important;
}

@media (max-width: 999px){
	.politicas-cont h2 {
	font-size: 4.8vw!important;
}
}

@media (max-width: 689px){
	.politicas-cont h2 {
	font-size: 6vw!important;
}
}