/*
Theme Name: charifro child
Tags: one-column, flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, sticky-post, threaded-comments, translation-ready
Template: charifro
Version: 1.0.0
*/

/*---------------------------------
      write your css from here
------------------------------------*/
.tx_top2_relative{
	padding:20px 0px;
}
.logo{
width:40%;	
}
.charifro_menu>ul>li>a{
	text-transform:none!important;
}
.logo .main_sticky_l{
width: 75%;
    padding: 10px 0px;	
}

.txbdbfall::before{
	background:none!important;
}


	/*---------------------------------
      Pagína Caso de Éxito
------------------------------------*/

/* Bordes color logo*/
.borde-degradado {
  border: 2px solid transparent !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(0, 207, 200, 0.18) 0%, rgba(0, 207, 200, 0.10) 20%, transparent 45%),
    radial-gradient(circle at 80% 20%, rgba(255, 106, 0, 0.18) 0%, rgba(255, 106, 0, 0.10) 20%, transparent 45%),
    radial-gradient(circle at 50% 85%, rgba(216, 27, 96, 0.16) 0%, rgba(216, 27, 96, 0.08) 20%, transparent 45%),
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, #00cfc8, #ff6a00, #d81b60) border-box !important;
  background-origin: border-box !important;
  background-clip: padding-box, padding-box, padding-box, padding-box, border-box !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

.page-id-19094 .borde-degradado{background:transparent !important;}

/* Imagen de los bloques*/
.imagen-casilla .elementor-widget-container {
    text-align: center;
}

.imagen-casilla img {
    width: -webkit-fill-available!important;
    height: 375px !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0!important;
    border-radius: 10px !important;
    box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.5) !important;
    vertical-align: top !important;
}

/* Texto de los bloques*/
.texto-casilla .elementor-widget-container {
    padding: 20px 30px 25px 30px !important;
}

.texto-casilla p {
    margin: 0 30px 15px 35px !important;
	text-align:center;
}

.texto-casillas p {
    padding:6px 10px;
	text-align:center;
}





	/*---------------------------------
      Pagína Caso de Actividades
------------------------------------*/


/* CONTENEDOR DE IMAGEN Y VIDEO */
.imagen-actividad .elementor-widget-container,
.video-casilla .elementor-widget-container {
    height: 185px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* IMÁGENES */
.imagen-actividad img {
    width: 240px !important;
    height: 140px !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 20px !important;
    box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.5) !important;
}

/* VIDEOS */
.video-casilla iframe {
    width: 240px !important;
    height: 140px !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 20px !important;
	box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.5) !important;
}

.leaflet-pane.leaflet-tooltip-pane{
	display:none;
}

/* TÍTULOS */
.titulo-casilla .elementor-widget-container {
    padding: 10px 30px 10px 30px !important;
    min-height: 90px; /* opcional para que todos queden iguales */
}

.titulo-casilla h2 {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.3;
}

.boton-actividad .elementor-button {
    font-size: 18px !important;
}

/*Menu color*/
.charifro_nav_area.scroll_fixed.prefix{
	background: #ffffff;
}

.txbdboxallhover:hover .txstcolor{
	color:#084A5A!important;
}
.txbdsva.allcostyle.boxsh.boxpsv.text-left.txbdbfall.txbdbfltrb100.txbdboxallhover.opacitybfh1.txbdboxallhover p{
	color:#084A5A!important;

}
.donate-btn-header a {
	color:#084a5a;
    border: 2px solid transparent;
    border-radius: 5px;
    background: linear-gradient(#f9f9f9, #f9f9f9) padding-box, linear-gradient(-45deg, #11B8B5, #FF5A2A) border-box !important;
}
.donate-btn-header a:hover{
	color:#084a5a!important;
	background:linear-gradient(#f5f5f5, #f5f5f5) padding-box, linear-gradient(-45deg, #11B8B5, #FF5A2A) border-box !important;
} 

.charifro_nav_area.scroll_fixed.prefix .donate-btn-header a{
	color:#084A5A;
    border: 2px solid transparent;
    border-radius: 5px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(-45deg, #11B8B5, #FF5A2A) border-box !important;
}
.charifro_nav_area.scroll_fixed.prefix .donate-btn-header a:hover{
	color:white!important;
	background:linear-gradient(-45deg, #11B8B5, #FF5A2A) padding-box, linear-gradient(-45deg, #11B8B5, #FF5A2A) border-box !important;
} 

@media (min-width: 992px) {
    .footer-middle .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	gap:35px;
}

.footer-middle .row > .charifro_theme_widget:nth-child(1),
.footer-middle .row > .charifro_theme_widget:nth-child(3) {
    width: 37% !important;
}

.footer-middle .row > .charifro_theme_widget:nth-child(2) {
    width: 20% !important;
}
	.footer-middle .row{
		gap:35px;
	}
}
@media (max-width: 991px) {
    
.footer-middle .row > .charifro_theme_widget {
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.wpcf7-form-control.wpcf7-textarea{
	height:100px;
	padding-left:10px;
	padding-top:5px;
	border-radius:5px;
}
.apartment_area {
	padding:30px 35px 0px!important;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
	padding-left:10px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
	background-image: linear-gradient(-45deg, #11B8B5 0%, #FF5A2A 100%);
    color: white;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
	transition: all 0.6s ease;
}

.charifro_meta span:nth-last-child(1),
.charifro_meta span:nth-last-child(2) {
    display: none;
}
.carousel-slider-outer {
    margin-bottom: 50px;
}
@media (min-width: 1400px){
	main.charifro_blog_index.charifro_bindex_single .container{
	max-width:1000px;
}
}

.post-template-default .container p{
	color:black;
}
.prefix .charifro_menu > ul > li > a{
	color:#084A5A!important;
}

.prefix .charifro_menu > ul > li.current-menu-item > a{
	color:#f84f23!important;
}
.prefix .charifro_menu > ul > li > a:hover{
	color:#f84f23!important;
}
.cajas .elementor-icon-box-title span{
	font-weight:600;
}

.cajas .elementor-widget-icon-box:hover .elementor-icon-box-title,
.cajas .elementor-widget-icon-box:hover .elementor-icon-box-title span,
.cajas .elementor-widget-icon-box:hover .elementor-icon,
.cajas .elementor-widget-icon-box:hover .elementor-icon i {
    color: #F9F9F9 !important;
}
.copy-right-text.text-center p{
	color:white;
}
.elementor-element.e-con-full.borde-degradado.e-flex.e-con.e-child {
    padding: 0px !important;
}

@media(max-width:600px){
	.mobile_menu_logo.text-left{
		width:100px;
	}
	.charifro_theme_widget .widget .widget-title::before{
		left:37%;
	}
	.exito:not(.elementor-motion-effects-element-type-background){
		background-image:none!important;
	}
}

@media(max-width:1024px){
	.mobile_menu_logo.text-left{
		width:100px;
	}
}

@media(max-width:990px){
	.footer-middle div#text-1{
		margin:20px 0px!important;
	}
		}

.boxes .txbdboxallhover:hover a{
	color:#f84f23!important;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, ul, ul li, li, span{
    font-family: "Inter", sans-serif!important;
}
body{
	font-family: "Inter", sans-serif!important;
}

#hotspot-18431 .hotspots-placeholder{
	display:none!important;
}

.fg-item-inner{
	background: radial-gradient(circle at 20% 20%, rgba(0, 207, 200, 0.18) 0%, rgba(0, 207, 200, 0.10) 20%, transparent 45%), radial-gradient(circle at 80% 20%, rgba(255, 106, 0, 0.18) 0%, rgba(255, 106, 0, 0.10) 20%, transparent 45%), radial-gradient(circle at 50% 85%, rgba(216, 27, 96, 0.16) 0%, rgba(216, 27, 96, 0.08) 20%, transparent 45%), linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(135deg, #00cfc8, #ff6a00, #d81b60) border-box !important;
	border-color:transparent!important;
	border-width: 2px!important;
}

.admin {
	text-shadow:0 0 0 black;
}

.col-xl-3{
width:15%;	
}
.col-xl-9{
width:85%;	
}
.logo-left .logo{
	width:75%;
}

@media (max-width:1400px) and (min-width:1024px){
	.col-xl-3{
width:12%;	
}
.col-xl-9{
width:88%;    
    justify-items: center;}
	

.logo-left .logo{
	width:100%;
}
	
	.charifro_menu > ul > li > a{
		        margin: 28px 4px;
	}
}

.btn-enviar {
    margin-top: 30px;
}



.cky-btn-revisit-wrapper{
background-color: transparent!important;
    background-image: linear-gradient(-45deg, #11B8B5 0%, #FF5A2A 100%)!important;	
}

.cky-btn.cky-btn-reject{
background-color: transparent!important;
    background-image: linear-gradient(-45deg, #11B8B5 0%, #FF5A2A 100%)!important;	
	border: none !important;
	color:white!important;
}

.cky-btn.cky-btn-preferences{
background-color: transparent!important;
    background-image: linear-gradient(-45deg, #11B8B5 0%, #FF5A2A 100%)!important;	
	border: none !important;
	color:white!important;
}
.cky-btn.cky-btn-accept{
background-color: transparent!important;
    background-image: linear-gradient(-45deg, #11B8B5 0%, #FF5A2A 100%)!important;	
	border: none !important;
}
.cky-btn.cky-btn-customize{
background-color: transparent!important;
    background-image: linear-gradient(-45deg, #11B8B5 0%, #FF5A2A 100%)!important;	
	border: none !important;
	color:white!important;
}

@media (max-width: 480px) {
    .cky-revisit-bottom-left {
		bottom: 25px!important;}
}

.fila-footer{
	margin-top:40px;
}
.fila-footer p {
    text-align: center;
    margin: 10px 0px;
    font-size: 14px;
	color:#ffffffcc;
}

figcaption.elementor-image-carousel-caption {
    font-size: 18px;
    margin-top: 10px;
	color: #000;
}

.gridCausas {
    display: flex;
    float: right;
    gap: 30px;
    width: 100%;
    border-top: 1px solid #ccc;
}
.gridCausas .left, .gridCausas .right {
    width: 50%;
}
.gridCausas p {
    font-family: PoppinsL;
    font-size: 14px;
    margin: 0;
    padding: 14px 0;
    border-bottom: 1px solid #ccc;
}

.listFotov {
    display: flex;
}
.listFotov .left, .listFotov .right {
    width: 50%;
    text-align: left;
}
.listFotov span, .listPrec span {
    width: 100%;
    float: left;
    margin: 5px 0;
}

.listFotov.right .left, .listFotov.right .right {
    width: 50%;
    text-align: right;
}