/*---------------------------------------------------------------------------------

 Theme Name:   Vivir2veces
 Theme URI:    http://heartbit.es
 Description:  Fundación vivir dos veces website (DIVI Child)
 Author:       Heartbit Visual Design SL
 Author URI:   http://heartbit.es
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* contact fomr donaciones*/
span.wpcf7-list-item-label {
    font-size: 15px;
}
/*botones donaciones periódicas */
.ancho {width:32%!important;}
/* titulos con iconos*/
@media all and (min-width: 981px){
img.iconos {
  vertical-align: bottom;
  background-color:#ffffff80;
  padding:5px;
  margin-top:10px;
  height:3vw;
  width:auto;
}
}
.iconos2{
  vertical-align: bottom;
  padding:5px;
  margin-top:10px;
  height:75px;
  width:auto;
}
.iconos3{
  vertical-align: bottom;
  padding:0px;
  margin-top:0px;
  height:80px;
  width:auto;
}
@media only screen and (max-width: 767px){
	.iconos2 {
    vertical-align: bottom;
    padding: 0px;
    margin-top: 0px;
    height: 50px;
    width: auto;
    position: absolute;
	}
}
/*Solución al problema de DIVI submenu fuera de la página*/
.drop-menu ul.sub-menu {
left: -50px !important;
}
/* Solución a DIVI el menú no funciona centrar en movil*/

@media (max-width: 980px){
	.et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap {
    	-webkit-box-pack: center;
    	-ms-flex-pack: center;
    	justify-content: center;
	}
}
/* color destacado para el menú */
.destacado a{
	color:greenyellow!important;
}
/* solución DIVI menu no hace scroll y no deja ver items*/
.et_mobile_menu {
overflow: scroll !important;
max-height: 50vh; /*edit this to match your view height*/
box-shadow: 0px 0px 30px rgba(0,0,0,0.3) /*just some box shadow for nicer menu*/
}

/* CODIGO PARA NUEVA PÁGINA */
/*  CF7 Donaciones */
.fuente-campos-cf7, .wpcf7-form-control-wrap input {font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif; font-weight: 300;}
.yournamecf7, .dnicifcf7, .youremailcf7, .yourphonecf7, .direccioncf7 { margin-bottom: 15px;}
.donacioncf7 {margin-bottom: 30px;}
.politica-privacidad-donar .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item {margin:0;}
.donacioncf7label{color: #353535; font-size: 20px;}
/*.yournamecf7, .dnicifcf7, .youremailcf7, .yourphonecf7, .donacioncf7, .direccioncf7 {width: 100%; padding: 15px; float: left;}
.campodireccion {width: 100%;} */
.yournamecf7campo, .dnicifcf7campo, .youremailcf7campo, .yourphonecf7campo{width: 100%; padding: 9px !important; font-size: 16px;}
.donacioncf7campo {width: 100%; padding: 9px !important; font-size: 16px;border: 1px solid #bbb;}
.quiendonacioncf7 {border: none; margin-bottom: 40px; text-align: center;}
.politicasdonacioncf7, .campodireccioncf7{clear:left; text-align: left;}
/*.botondonarcf7 {color: #FFFFFF !important; border-width: 0px !important; border-color: RGBA(255,255,255,0); font-size: 24px; background-color: #414947 !important; margin-top: 25px !important;}*/
input[type="radio"]:checked, input[type="checkbox"]:checked {accent-color: black;}
@media only screen and (min-width: 981px){
	/*.donacioncf7campo {width: 50%; float: left; padding: 9px;}*/
	.yournamecf7, .dnicifcf7 {width: 50%; float:left;}
	.youremailcf7 {width: 75%; float:left;}
	.yourphonecf7 {width:25%; float:left;}
	.donacioncf7 {width: 50%; clear:both;}
	.campodireccion {width:50%; float:left}
	.campolocalidad, .campoprovincia, .campopais {width: 16.66%; float: left;}
	.campopostal{width:16.66%; float:right;}
	.yournamecf7, .dnicifcf7, .youremailcf7, .yourphonecf7, .donacioncf7, .campodireccion, .campolocalidad, 	.campoprovincia, .campopais, .campopostal {padding: 2px;}/*
	.quiendonacioncf7 {width: 100%; padding: 9px !important; font-size: 16px;border: none;}
	.direccioncf7 {width: 97%; padding: 9px !important; font-size: 16px; border: none; margin: auto auto;}*/
}
.et_pb_button.mtc_button_opened {
	border-color: #27322e !important;
	background-color: #27322e !important;
	color: #ffffff !important;
}
.et_pb_button.mtc_button_closed {
	margin: 10px;
}
/*#menu-nuevo-principal-1 ,#menu-nuevo-principal {
	display: flex;
	flex-direction: column;
}*/
#menu-nuevo-principal-1 .menu-item,#menu-nuevo-principal .menu-item {
  justify-content: right;
}
/*Modificar frame de Instagram PORTADA*/
.instagram-media {min-width: auto !important;}
#facebook body div._aa4c div div.Embed div div.Header{display: none !important;}
/*CAMBIO DE MENU A MODO MOVIL*/
/*Display Divi mobile menu on desktop*/
@media (min-width: 963px) {
.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {display: none;}
.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {display: flex;}
#mobile_menu1 {list-style: none; overflow: hidden !important;}
}


/* 1. Forzar visibilidad y posición del botón */
.mobile_menu_bar {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 9999999 !important;
    pointer-events: all !important;
    /* Usamos translate3d para activar la GPU de Chrome sin ocultar el icono */
    -webkit-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
    cursor: pointer !important;
}

/* 2. Asegurar que el icono (las tres rayas) se pinte correctamente */
.mobile_menu_bar:before {
    content: "\61" !important; /* El código del icono de Divi */
    font-family: 'ETmodules' !important;
    font-size: 32px;
    color: inherit;
    display: block !important;
}

/* 3. Evitar que el Header pierda prioridad al hacer scroll */
#main-header, #top-header, .et_fixed_header {
    z-index: 999999 !important;
    position: fixed !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

/* 4. El menú desplegable debe estar siempre por encima del contenido */
.et_mobile_menu {
    z-index: 9999999 !important;
    position: absolute !important;
    background: #fff; /* O el color de tu web */
}