/* CSS Document */

    @font-face {
    font-family: 'Typo Upright BT';
    font-style: normal;
    font-weight: normal;
    src: local('Typo Upright BT'), url('/themes/municipioconvalor/fonts/Typo Upright BT.woff') format('woff');
    }

body.page-index #wrapper .container {
max-width: 100%;
width: 100%;
padding-left: 0;
padding-right: 0;
}
body.page-index #wrapper .featured-products,
body.page-index #wrapper .banner,
body.page-index #wrapper #custom-text{
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
#wrapper {
    padding-top: 0rem;
    background: #f6f6f6;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1;
    color: #57690b;
}

#header .header-nav {
    max-height: 50px;
    border-bottom: none;
    background-color: rgba(255,255,255,0.3);
}
#header, #header .header-top {
    background-color: rgba(255,255,255,0.3);
}
#header{
	backdrop-filter: blur(8px) !important;
}
.m-top50{
	margin-top:50px;
}
#header .top-menu a[data-depth="0"]:hover,#header a:hover {
    color: #57900B;
    text-decoration: none;
}
#header .header-top a[data-depth="0"],#header a {
    color: #57690b;
    text-transform: uppercase;
}
@media (min-width: 786px) {
    #header.header_omg_im_scrolled {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 9999;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);
    }


    #header.header_omg_im_scrolled .header-nav {
        display: none;
    }

    #header.header_omg_im_scrolled .header-top {
        padding-top: 30px
    }
}

@media (max-width: 785px){
    #header.header_omg_im_scrolled {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 9999;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);
    }

    #header.header_omg_im_scrolled nav {
        margin:0px!important;
        padding:0px!important;
        border:none!important;
    }
}

@media (min-width: 576px){
    .omg_im_fixed .modal-dialog {
        margin-top:130px!important;
    }
}

#_desktop_logo{
	position:absolute;
}
.logo_omg_im_smaller{
	width:115px;
}
.content_omg_im_scrolled{
	margin-top:130px;
}
#header .header-top .position-static {
    position: static;
    float: right;
	margin-left: auto;
}
.mun_font{
	font-size: 3rem;
    font-weight: 700;
    line-height: 2rem;
    color: #57690b;
    margin-bottom: 1em;
}
.featured-products:before{
	content:url("https://prueba.municipioconvalor.es/themes/municipioconvalor/assets/img/before.svg");
	position:relative; /*or absolute*/
    z-index:100000; /*a number that's more than the modal box*/
    left:-40px;
    top:10px;
}
.text_none{
	text-transform:none;
}


/*SLIDER*/


#custom-text {
	min-height:700px;
    padding: 3.125rem;
    margin-bottom: 1.5rem;
    text-align: left;
	border-radius: 2px;
	width: 100% !important;
	background:none !important;
}
#custom-text h2,#ybc-mnf-block .ybc-mnf-block-title{
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 2rem;
    color: #57690b;
	margin-bottom:1rem;
	text-transform:none;
	margin-top:2rem;
}

#custom-text h2:before{
	content:url("https://prueba.municipioconvalor.es/themes/municipioconvalor/assets/img/before.svg");
	position: relative;
    z-index: 100000;
    left: -4px;
    top: 6px;
	offset-path: path('M12,80.6c1.9-9,20.2-10.9,28.6-12.2c2.5-0.4,27-3.9,28.8,1.8c1.5,4.6-12.9,12.7-14.7,13.7 c-13.2,7.4-34.4,13-41.1,4.8C12,86.7,11.5,83.1,12,80.6z');
    animation: before_cloud 15s ease-in-out infinite both;
}

#custom-text p{
    padding-right: 0%;
}

@keyframes before_cloud {
  0% {
    offset-distance: 0%;
  }
  100% {
    offset-distance: 100%;
  }
}

#custom-text .mobile {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
	z-index:0;
}
@media (min-width: 992px) {
body.page-index #wrapper .featured-products,
body.page-index #wrapper .banner{
max-width: 940px;
}
}
@media (min-width: 1200px) {
body.page-index #wrapper .featured-products,
body.page-index #wrapper .banner{
max-width: 1140px;
}
}
@media (max-width: 991px) {
body.page-index #wrapper .featured-products,
body.page-index #wrapper .banner{
max-width: 100%;
}
}
.brand-slider{
	margin-left:auto;
	margin-right:auto;
}
.et_pb_image_wrap {
    display: inline-block;
    position: relative;
    max-width: 100%;
}
.animacion span img {
    transform-box: fill-box;
    transform-origin: 0% 20%;
    offset-anchor: 50% 50%;
    offset-rotate: 30deg;
    offset-path: path('M12,80.6c1.9-9,20.2-10.9,28.6-12.2c2.5-0.4,27-3.9,28.8,1.8c1.5,4.6-12.9,12.7-14.7,13.7 c-13.2,7.4-34.4,13-41.1,4.8C12,86.7,11.5,83.1,12,80.6z');
    animation: motionpath 15s ease-in-out infinite both;
}
.et_pb_image_5 {
    z-index: -1;
    position: relative;
    bottom: -10vw;
    top: auto;
    left: -2vw;
    text-align: right;
    margin-right: 0;
}
.et_pb_image_6 {
   z-index: 0;
    position: relative;
    bottom: 0vw;
    left: -7vw;
    text-align: right;
    margin-right: 0;
   
}
@keyframes motionpath {
  0% {
    offset-distance: 0%;
  }
  100% {
    offset-distance: 100%;
  }
}
#ybc-mnf-block {
    clear: left;
    display: block;
    width: 71% !important; 
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-bottom: 5rem;
}
#ybc-mnf-block h4:before{
	content:url("https://prueba.municipioconvalor.es/themes/municipioconvalor/assets/img/before.svg");
	position: relative;
    z-index: 100000;
    left: 0px;
    top: -20px;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-radius: 20px;
    box-shadow: grey 2px 2px 5px;
}
#ybc-mnf-block .owl-stage-outer {
    
    padding: 1em;
}
.zindex1{
	z-index:1;
}


/**CMS MOD*/
.page-content.page-cms {
    padding: 1.25rem;
    text-align: justify;
    background: none;
}
/*MY SLIDER*/
 .homeslider-container {
            width: 100%;
            position: relative;
        }
        .rslides {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .slide {
            position: relative;
            float: left;
            opacity: 1;
            z-index: 2;
            transition: opacity 500ms ease-in-out;
            width: 100%; /* Ajustar según el ancho necesario */
             /* Altura completa de la ventana gráfica */
        }
        .slide img {
            width: 100%;
    height: auto;
    object-fit: cover; /* Mantiene la proporción de la imagen y cubre el área */
        }
        .caption {
            position: absolute;
            top: 50%;
            left: 50% !important;
            transform: translate(-50%, -50%);
            text-align: center;
            background-color: rgba(255, 255, 255, 0.9) !important; /* Fondo opcional para visibilidad */
            padding: 20px; /* Espaciado interno */
			border-radius:20px;
			justify-content: center; /* Center horizontally */
            align-items: center;
			display:flex !important;
			height: fit-content;
			
			
        }
		.caption h3{
			font-size:1.5em !important;
			line-height:1.3em !important;
			font-style: italic;
    font-weight: 300;
		}
		.slider-ball{
			display: block;
    position: absolute;
    z-index: 3;
		}
		.floater-opacity{
			opacity:.5;
		}
/*MY SLIDER*/
/*BLACKQUOTE*/




#custom-text .blockquote {
   position: relative;
    max-width: 100%;
    margin: 80px auto;
	font-style:italic;
	

}


#custom-text .blockquote {
   
    position: relative;
    color: #57690b;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    border: 2px solid #fff;
    border: solid 2px;
    border-radius: 20px;
    padding: 25px;
	margin-bottom: 2em;
    margin-top: 2em;
}


#custom-text .blockquote:after {
    content: "";
    position: absolute;
    border: 2px solid #57690b;
    border-radius: 0 50px 0 0;
    width: 60px;
    height: 60px;
    bottom: -60px;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 3;
}

#custom-text .blockquote:before {
    content: "";
    position: absolute;
    width: 80px;
    border: 6px solid #f6f6f6;
    bottom: -3px;
    left: 50px;
    z-index: 2;
}


@media all and (min-width: 600px) {
   #custom-text .blockquote{
        font-size: 1.2rem;
        line-height: 1.2;
   }

}


.blockquote h4 {
    position: relative;
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding-top: 15px;
    z-index: 1;
    margin-left:150px;
    padding-left:12px;
}

 
.blockquote h4:first-letter {
  margin-left:-12px;
}
/*BLACKQUOTE*/