/*
Theme Name: Extra Child
Theme URI: http://www.elegantthemes.com/gallery/extra/
Template: Extra
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Extra
Version: 2.21.3.1555331663tant;
529
    width: 50% !important;
530
    height: 50% !important;
531
    float: right !important;
532
    padding: 1em !important;
533
    background-color: white !important;
534
    margin-top: 15
Updated: 2019-04-15 12:34:23

*/

body{
	background: none;
}

form input, form select,form textarea{
	width:100%;
}

img{
	box-sizing:border-box !important; 
}
.post-thumbnail{
	box-sizing:border-box !important; 
}
#content-area {
	display: block !important;
}

.with_sidebar .et_extra_layout .et_pb_column_main, .with_sidebar .et_pb_extra_column_main{
	min-width: 100%;
}
#logo{
	height:auto;
}
article{
	border-color: transparent!important;
}
footer{
	margin-top:0!important;
	display:flex;
	flex-direction:column;
}
footer div{
	width: 80%;
	margin:1em auto;
}
.paddingLeft20px{
	padding-left:35px!important;
}
.bloque{
	display:block!important;
}
.linkSimple{
	color: rgb(222,10,13);
	text-decoration: revert;
	transition: all .5s;
	display:inline-block;
}
.linkSimple:hover{
	transform: translatex(10px);
}
.donaAqui{
	border: 2px solid rgb(222,10,13);
	background:rgb(222,10,13);
	color:white;
	padding:10px;
	text-decoration:none;
	text-align:center;
	width:170px;
	border-radius:10px;
	font-weight:700;
	margin-top:1em;
}
.donaAqui a{
	color:white;
}

.boton{
	border: 2px solid rgb(222,10,13);
	background:rgb(222,10,13);
	color:white !important;
	padding:10px;
	text-decoration:none;
	text-align:center;
	width:400px;
	border-radius:10px;
	font-weight:700;
	margin-top:1em;
}
.linkVolver{
	color:rgb(222,10,13);
	font-size:1.2em;
	display:inline-block;
	margin:1em 0;
	font-weight: 900;
}
.boton-flotante, .btg-button-3{
	text-transform:none;
	background-color:rgb(222,10,13) !important;
	font-weight:600;
}

.desplegar{
	color:rgb(222,10,13);
	cursor:pointer;
	font-size:16px;
}

.desplegar-contenido{
  display: none;
  background-color: white;
  overflow: hidden;
}

.icons{
	margin-right:.2em;
}

.nombres{
	margin-bottom:.3em; 
}
.wp-block-media-text{
	margin: 2em auto;
	border-bottom: solid 1px #c9c8c8;
	padding-bottom: 20px;
}
.search-container{
    width: 100%;
    height: auto;
	margin: 2em auto;
    display: grid;
    grid-template-columns: 35% 8%;
    justify-content: center;
    align-items: center;
}
.search{
	grid-column-start: 1;
    grid-column-end: 2;
	background-color: #fff !important;
	border: solid 1px rgb(222,10,13) !important;
	border-radius:5px 0 0 5px !important;
}
.search-icon{
	width:100%;
	height:100%;
    grid-column-start: 2;
    grid-column-end: 3;
    background: rgb(222,10,13);
    padding: 5px;
    border: none;
	border-radius: 0 5px 5px 0;
    font-size: inherit;
    line-height: normal;
    font-family: inherit;
    letter-spacing: normal;
}
.search-icon:before{
	content: '\e63a';
    font-size: 12px;
    font-weight: 600;
	color: #fff;
    position: relative;
    transition: .3s ease;
    font-family: ET-Extra!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit!important;
}
.search-icon:hover{
	background:rgb(222,10,13);
}
.boletinesPrensa .wp-block-column{
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 10px 15px 10px; 
	transition: all .3s;
}
.boletinesPrensa .wp-block-column:hover{
    display: block;
    border-radius: 5px;
    box-shadow: rgba(10, 10, 10, .8) 0 5px 10px;
}
.boletinesPrensa .wp-block-columns{
	margin-bottom: 15px;
}
.boletinesPrensa ul{
	list-style:none;
	padding: 0;
}
.boletinesPrensa p{
	margin-bottom: 0;	
}
.boletinesPrensa a {
	color: rgb(222,10,13);
}
.boletinesPrensa a:hover{
	text-decoration: underline;
}

input[type=submit]{
	background-color:rgb(222,10,13);
	color:white;
	padding:15px;
	border-radius:10px;
}
input[type=submit]:hover{
	background-color:rgb(222,10,13);
	color:white;
	text-shadow:none;
}
.et-top-search{
	background:#353c42;
	font-size:10px;
}

#main-content{
	padding-top:1em;
}
#main-header{
	border-bottom: solid 3px rgb(222,10,13);
	background: white;
}
#main-header .logo{
	width: auto;
	margin: 15px 0!important; 
}
#main-header .scrolling{
	flex-direction: row!important;
	align-items:bottom!important;
}
#main-header .scrolling .logo{
	width: 20%!important;
	height:50px !important;
}

.breadcrumbs{
	margin-left:10%;
	margin-bottom:1em;
	color:red;
	font-size: .8em;
	font-weight:lighter;
}
.breadcrumbs span{
	color:#565555;
}
h2{
	border-bottom:solid 2px #c9c8c8;
	margin-bottom:.5em;
	margin-top:1em;
}
h1,h2{
	text-transform:none!important;
}
h3{
	text-transform:inherit;
	margin-top:.5em;
	
}
.dosLineas{
	max-height: 2.8em;
	overflow: hidden;
}

.border{
	border-bottom:2px solid #c8c9c9;
}
.image-certifications{
	box-shadow: 1px 2px 4px rgba(0,0,0,.5);
}

.title-campanas{
	margin-top:0;	
}

.hero-cruz{
	display: flex;
	flex-direction: column;
	margin-bottom:1em;
}
.hero-cruz .hero-principal{
	width: 95%;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	align-items:flex-start;
} 
.hero-cruz .hero-principal .noticia-principal{
	width: 100%;
	margin-bottom: 2%;
}
.hero-cruz .hero-principal .noticia-principal img{
	width: 100%;
}
.hero-cruz .hero-principal .noticia-principal h1{
    font-size: 1.3em;
    padding: .3em  0 !important;
}
.hero-cruz .hero-principal .noticia-principal article{
	border-color: transparent;
    box-shadow: none;
    margin: 0 !important;
    padding: 0;
    border: none;
	height:4em;
	overflow:hidden;
}
.hero-cruz .hero-principal .noticia-principal article p{
	line-height: 1.3em;
}
.hero-cruz .hero-principal .lis-noticias{
	width: 100%;
	margin:0;
	padding: 0;
	height: 100%;
}
.hero-cruz .hero-principal .lis-noticias ul{
	list-style:none;
	padding: 0;
	width: auto;
	display:flex;
	flex-direction:row;	
}
.hero-cruz .hero-principal .lis-noticias ul li{
	list-style:none;
	width: 25%;
	margin: .5em .5em .5em 0;
	overflow:hidden;
	border: solid 2px transparent;
	cursor:pointer;
	position:relative;
	transition: all .5s;
}
.hero-cruz .hero-principal .lis-noticias ul li:hover{
	transform:scale(1.1);
	transform-origin:center;
	box-shadow:rgba(60,60,60, .5) 0px 5px 10px;
	z-index:1;
}
.hero-cruz .hero-principal .lis-noticias ul li:last-child{
	margin-right:0;
}
.hero-cruz .hero-principal .lis-noticias ul li img{
	height: 100%;
	width:100%;
}
.hero-cruz .hero-principal .lis-noticias ul .activa{
	border-color: rgb(222,10,13);
}
.hero-cruz .hero-der{
	width: 95%;
	margin: 1em auto;
}
.hero-cruz .hero-der a{
	transition:all .5s;
}
.hero-cruz .hero-der a:hover{
	text-decoration-line:underline;
}
.hero-cruz .hero-der h2,
.h2-slideBar
{
    border-bottom: solid 2px rgb(222,10,13);
    padding: .5em .5em .5em 0;
    font-size: 1.2em;
	text-transform:initial;
}
.list-sliderBar{
	padding: .3em;
}
.list-sliderBar li{
	list-style-image: url('https://www.cruzrojacolombiana.org/wp-content/themes/ThemaCruzRoja/puntas-derecha.jpg');
	padding: .5em;
	margin:0 0 0 2em;
}
.list-sliderBar li a{
	display:block;
}
.container{
	width:90%;
	margin:0 auto;
}
.fotoPerfil{
	border-radius:50%!important;
	overflow:hidden;
}
#s:placeholder{
	text-decoration:none!important;
}
.container .logo{
	margin: 13px 0;
}
.post-header{
	padding:1em 0;
	text-align: left;
}
.divi-dos{
	padding:0;
	display: flex;
	flex-direction:column;
}
.divi-dos .post-content{
	margin-top:0!important;
	margin-bottom:2em;
	width:100%
}
.post-content{
	margin-top:0!important;
	margin-bottom:2em;	
}
.divi-dos .sec-ultimas-noticias{
	width:100%;
	padding:0;
}
.divi-dos .sec-ultimas-noticias h3{
	border-bottom: solid 2px rgb(222,10,13);
	padding:.5em .5em .5em 0;
	font-size:1.2em;
}
.divi-dos .sec-ultimas-noticias ul{
	padding:.5em 0 ;
}
.divi-dos .sec-ultimas-noticias li{
	list-style: none;
	padding: .5em;
	transition: all .5s;
	background-color:white;
}
.divi-dos .sec-ultimas-noticias li:hover{
	transform:scale(1.1);
}
.divi-dos .sec-ultimas-noticias li .post-thumbnail{
	margin-bottom: .5em;
}
.divi-dos .sec-ultimas-noticias li h4{
	font-size: .7em;
}
.divi-dos .sec-ultimas-noticias li a,
.divi-dos .sec-ultimas-noticias li a img{
	width:100%;
}
.page article, .single article{
	box-shadow: none;
}
.post-wrap{
	padding:0!important;
}
.post-wrap h1{
	padding-bottom:1em!important;
}
.post-footer{
	border: none;
	text-align:left;
	padding: 1em 0 0;
}
.post-footer .rating-stars .rating-star, .post-footer .social-icons .et-extra-icon{
	border-radius:50%;
}
.post-footer .et-extra-icon-facebook.et-extra-icon-background-hover{
	background: #39579a !important;
}
.post-footer .et-extra-icon-twitter.et-extra-icon-background-hover{
	background: #01aced !important;
}
.post-footer .et-extra-icon-linkedin.et-extra-icon-background-hover{
	background: #127bb6 !important;
}
.post-footer .et-extra-icon-instagram.et-extra-icon-background-hover{
	background: #fc9b3c !important;
}
footer .imgCertificacion{
	width:60%;
	margin:.5em ;
}
.footer-content{
	display:flex;	
}
.footer-column-one{
	width:30%;
	margin:.5em;
	float: left;
	color: white;
	font-family: inherit;
}
#footer-menu ul{
	margin:.5em;
	width:100%;
}
#footer-menu ul li{
	width:100%;
	text-align:center;
}
#footer-info{
	font-size:.7rem;
	margin-left:1.1em;
}
.devolucionDistri, .btnBitacora{
	margin: .5em 0px;
	width:100%;
	font-family: inherit;
	font-size: 16px;
	text-align:center;
}
.footer-block{
	display:flex;
	margin:.5em 0;
	font-family: inherit;
	font-size: 18px;
	flex-direction:row;
	width:100%;
}
.footer-block a, .devolucionDistri a, .btnBitacora a{
	width:50%;
	margin:.3em;
	border: 2px solid #c9c8c8;
	border-radius:10px;
	text-decoration:none;
	padding:7px;
	color:white;
	text-align:center;
}
.btn-instagram{
	color: white !important;
	font-size: 14px !important;
	display: inline-block;
	padding: 8px;
	border-radius:0.3em;
}

.btn-instagram.et-extra-icon-background-hover:hover{
	background: #fc9b3c !important;
}

#intranet-img{
	background: url('https://www.cruzrojacolombiana.org/wp-content/uploads/2019/11/intranetico.png') no-repeat;
	background-size:35px;
	padding-left:30px;
    background-position: 10px;
}

#webmail-img{
	background: url('https://www.cruzrojacolombiana.org/wp-content/uploads/2019/11/webmailico.png')no-repeat;
	background-size:35px;
	padding-left:30px;
    background-position: 10px;
}
#footer-nav{
	display:flex;
	flex-direction:column;
	align-items:center
}
#footer-nav ul{
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
}
#et-navigation>ul>li>a:before{
	display:none;
}
#et-navigation .nav li >ul{
	padding: .1em 1em;
    background: #e6e4e4;	
    justify-content: flex-start;
	padding-left:10%;
}
#et-navigation .nav li >ul li{
	-webkit-flex-basis: auto;
	-ms-flex-preferred-size: 25%;
	flex-basis: auto;
	width: auto;
	padding: 0 20px;
}
#list-campanas, #list-accion, #list-sabias{
	padding:0;
	display :flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin:1em auto;
	justify-content: space-between;
}
#list-sabias{
	width: 100%;
	margin: 1em auto;
}
#list-campanas{
	padding:1em 0;
	justify-content: start;
} 

#list-campanas li{
	width:20%;
	margin:0 2.5%;
	list-style:none;
	padding-bottom: 0;
	box-shadow:rgba(60,60,60, .3) 1px 0px 5px;
	border-radius: .2em;
	transition: all .5s;
	overflow:hidden;
}

.wp-image-1824{
	margin-top:2em;
}
#list-accion li{
	margin-top:0 !important;
}
#list-accion li, #list-sabias li{
	width: 90%;
	list-style:none;
	padding: 0;
	transition:all .5s;
	margin: 1em auto;
}
#list-sabias li{
	color:white;
	font-size:2em;
	line-height:1.2em;
	margin: .5em auto;
	transition: all .5em;
	padding:0;
	height:30vh;
	position:relative;
	-webkit-perspective: 700px;
    -moz-perspective: 700px;
    perspective: 700px;
}
#list-sabias li:hover .cardTip{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	
}
#list-sabias li .cardTip{
	font-weight:700;
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: transform 500ms ease-in-out;
	-moz-transition: transform 500ms ease-in-out;
	-o-transition: transform 500ms ease-in-out;
	transition: transform 500ms ease-in-out;
	box-shadow:rgba(10, 10, 10, .5) 0 5px 15px;
	border-radius: .3em;
}
#list-sabias li .cardTip div{
	width:100%;
	height:100%;
	position:absolute;
	border-radius: .3em;
	top:0;
	left:0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
  	display: flex;
  	background: rgb(227,7,69);
	align-items: center;
    text-align: center;
    padding: .5em;
	justify-content:center;
}
#list-sabias li:nth-child(1) .cardTip div{
	background: #453FFF;
	font-weight:700;
}
#list-sabias li:nth-child(2) .cardTip div{
	background: #1E1340;
	font-weight:700;
}
#list-sabias li:nth-child(3) .cardTip div{
	background: #FF502B;
	font-weight:700;
}
#list-sabias li .cardTip .sContenido{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	font-size:.6em;
}
#list-accion li{
	width:50%;
}
#list-accion li a{
	padding:0;
}
#list-accion li:hover, #list-campanas li:hover{
	transform:scale(1.1);
}
#list-accion li span{
	display:inline-block;
	border: solid 1px rgb(222,10,13);
	padding: 0.5em 1em;
	color: rgb(222,10,13);
	border-radius: 1.5em;
	transition:all .5s;
}
#list-accion li:hover span{
	color:white;
	background: rgb(222,10,13);
}
#list-campanas li article,#list-accion li article{
	border:0;
}
#list-campanas li article h3, #list-accion li article h3{
	font-size: 1.1em;
	padding: .5em 1em ;
}
#list-campanas li article h3{
	text-transform: inherit;
}
#list-campanas li article p, #list-accion li article p{
	padding: 0 1em 1em;
}
#list-campanas li img, #list-accion li img{
	width:100%;
}
#list-accion li img{
	width:150px;
	height:150px;
	border-radius:50%;
}
#list-accion li article{
	text-align:center;
	margin:0;
}
#list-campanas li article{
	margin:0;
}
/*Estilos para la section de testimoniales y calendario del home*/
#sec-testimonio-caledar{
	margin-top:1em;
	display:flex;
	flex-direction:column;
}
#sec-testimonial{
	margin-bottom:2em;
}
#sec-testimonial > div{
	padding:0;
	position:relative;
}
#sec-testimonial > div:hover figure img{
	transform:scale(1.1)
}
#sec-testimonial > div figure{
	width: 100%;
	overflow: hidden;
	border-radius:.3em;
}
#sec-testimonial > div figure img{
	width:100%;
	height: auto;
	object-fit:cover;
	border-radius:.3em;
	transition:all .5s;
}
#sec-testimonial > div article{
	background:white;
	padding: 1em 2em;
	border-radius:.3em;
	margin:0;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
}
#sec-testimonial > div article h3{
	margin: 0;
}
#sec-testimonial > div article a{
	margin:.3em 0 0;
}
#et-secondary-menu li a{
	padding: .8em .5em .7em;
}
#videoHome{
	padding: 1em;
	width:100%;
	display: flex;
	flex-direction: column-reverse;
	background: url('https://www.cruzrojacolombiana.org/wp-content/themes/ThemaCruzRoja/fondoRojo.jpg') no-repeat;
	background-size:cover;
	background-position:bottom;
	align-items:center;
	margin-top:3em;
	margin-bottom:4em;
}
#videoHome #video{
	width:100%;
	margin: 1em auto;
}
#videoHome #video #contenedorVideo, .contenedorVideo{
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 0;
	position: relative;
	
}
#videoHome #video #contenedorVideo iframe,
.contenedorVideo iframe{
	height: 100%;
	left: 0;
	position: absolute;
	top:0;
	width: 100%;
}
.error{
	border:solid 1px red!important;
	background: #FBB6B6!important;
}
.mitadVideo{
	width:48;
	margin: 0 1%;
}
.tableauPlaceholder, 
.infoCoronavirus{
	width:80vw!important;
}
#videoHome #textVideo{
	width:90%;
	color: white;
	text-align:center;
	font-size:1.5em;
	line-height:1.2em;
	margin:.5em auto;
}
#CO-SAP{
	transform:translatex(10%) scale(5);
	stroke-width: 0.187076px!important;
	
}

.fotoreportaje {
	height: 32em !important;
}
#fotoreportajes h2{
	margin-bottom:2em;
}
#fotoreportajes section{
	position:relative;
	transition: all .5s;
	margin:1em auto;
}
#fotoreportajes figure{
	width: 100%;
	margin-left:0;
	overflow:hidden;
}

#fotoreportajes figure img{
	width:100%;
	border-radius:.3em;
	transition: all .5s;
}
#fotoreportajes article{
	width:90%;
	height:auto;
	padding:1em;
	background-color:white;
	box-shadow: rgba(180,180,180,.5) 0 7px 10px;
	box-sizing: border-box;
	margin: -3em 5% 0;	
	position:relative;
	z-index:1;
}

#fotoreportajes section:hover figure img{
	transform:scale(1.05);
}
#fotoreportajes section h3{
	font-size: 1.1rem;
	padding: 0 0 .5em 0;
	border-bottom: none;
	text-transform: initial;
	font-weight: bold;
	margin-top: 0;
}
/*Estilos de Pares*/
#fotoreportajes section:nth-child(even) figure{
	margin-left:0;
}
#fotoreportajes section:nth-child(even) article{
	left:50%;
}
.post-thumbnail{
	margin-bottom: 1em;
	position:relative;
}
.post-thumbnail .title{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	background: rgba(60,60,60,.5)
}
.post-thumbnail .title h1{
	position:absolute;
	top:50%;
	left: 50%;
	transform:translate(-50%, -50%);
	color:white;
	font-size:2.5rem;
	text-align:center;
	width: 90%;
}

.pieFoto {
position: relative;
font-size: 11px;
text-align: left;
padding-right: 20px;
line-height: 1.5em;
}

.lineas-programaticas h3{
	font-size:1.1em;
}
.lineas-programaticas h3 span{
	font-weight: initial;
	font-size: .7em;
}

.lineas-programaticas ul li img{
	width:100%;
	height:auto;
}
.lineas-programaticas ul li span{
	padding: .5em;
	display:block;
	font-size:.8em;
	font-weight: bold;
	line-height: 1.5em;
}
.lineas-programaticas h3, .lineas-programaticas h4{
	text-transform: initial;

}
.temas-banco-de-sangre h3{
	font-size:1.1em;
}
.temas-banco-de-sangre h3 span{
	font-weight: initial;
	font-size: .7em;
}

.temas-banco-de-sangre ul li img{
	width:100%;
	height:auto;
}
.temas-banco-de-sangre ul li span{
	padding: .5em;
	display:block;
	font-size:.8em;
	font-weight: bold;
	line-height: 1.5em;
}
.temas-banco-de-sangre h3, .temas-banco-de-sangre h4{
	text-transform: initial;	

}
.cardList{
	padding:0;
	display:flex;
	flex-direction: column;
	list-style:none;
	margin: 1em 0 0;
	align-items:center;
}

.cardList > li{
	width: 90%;
	box-shadow:rgba(60,60,60, .3) 1px 0px 5px;
	border-radius: 0.3em;
	overflow:hidden;
	margin-bottom:2.5em;
	transition:all .5s;
	position:relative;
}
.cardList > li:hover{
	transform:scale(1.05);
}
.cardList > li a{
	display:block;
}
.cardList > li img{
	width: 100%;
	height: auto;
	object-fit:cover;
}
.cardList > li h2,
.cardList > li h3{
	font-size:1.1rem;
	padding: .1em 1em .5em;
	border-bottom: none;	
	text-transform: initial;
	max-height: 3rem;
    overflow: hidden;
    display: block;
    margin-bottom: .7em;
	position:relative;
}
.cardList > li h2:before,
.cardList > li h3:before{
	content:'...';
	position: absolute;
	bottom: 0;
	right: .2rem;
}
.cardList > li h2:after,
.cardList > li h3:after {
  content: '';
  background: inherit;
  position: absolute;
  right: 0;
  width: 1rem;
  height: 1.5rem;
  z-index: 1;
}
#typesQA > li h2:before,
#typesQA > li h3:before{
	display:none!important;
}
.sinsombra{
	box-shadow: initial !important;
}
.title-card{
	border-bottom: solid 2px #c9c8c8 !important;
	font-size: 22px !important;
	font-weight: 700;
	padding: 0 0 10px !important;
	letter-spacing: .5px;
	line-height: 1.3em;
	margin-bottom: .5em;
}
.list-lineas-accion{
	padding:0;
}
.list-lineas-accion li{
	list-style:none;
	border-bottom: solid 1px #c9c8c8;
}
.list-lineas-accion h2{
	font-size:1.1em;
	border-bottom:none;
	margin: 1.5em auto .3em;
	padding: 0;
}
.list-lineas-accion h2 span{
	font-weight: initial;
	font-size: .7em;
	margin-right:.5em;
	display:inline-block;
}
.list-lineas-accion li > ul{
	/*margin: 2em 0 0;*/
	margin:0;
}
.list-lineas-accion li > ul h3{
	font-size: .8em;
	padding: .5em 1em;
	text-transform:initial;
	overflow:hidden;
	max-height:3.2em;
	margin-bottom:1.5em;	
}
.list-lineas-accion li > ul li:hover{
	transform:none!important;
}
.list-lineas-accion li > ul li .ctas{
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.list-lineas-accion li > ul li .ctas a{
	width: 40%;
	text-align:center;
	padding: .3em 1em;
	position:relative;
}
.list-lineas-accion li > ul li .ctas .btn-donar{
	background: rgb(222,10,13);
	color:white;
	width: 80%;
	padding-left:1.4em;
	font-weight: bold;
}
.list-lineas-accion li > ul li .ctas .btn-donar:before{
	border-right: .5em solid transparent;
	border-bottom: 1.3em solid transparent;
	border-left: .5em solid white;
	border-top: 1.3em solid white;
	content:'';
	position:absolute;
	top:0;
	left:-.1em;
}

.wp-block-image{
	position:relative;
	margin-bottom:0;
}
.wp-block-image figcaption{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 3em;
	color: white;
	line-height: 1.1em;
	width: 80%;
	font-family: Roboto;
	font-weight: bold;	
}
.wp-block-image figcaption span{
	font-size: .5em;
	font-weight:initial;
	display:block;
}

.wp-block-image img{
	margin:auto;
}

.wp-block-table.is-style-stripes td{
	border-right:1px solid #c9c8c8;
}
.category-lineas-programaticas .category-lineas-programaticas-educacion .post-wrap{
	padding-left: 5%;
	padding-right: 5%;
}
.category-lineas-programaticas .category-lineas-programaticas-educacion .slidebar{
	width:85%;
	margin: 1em auto;
}
.blockImagenes{
	display: flex;
	flex-direction:column;
	margin-bottom:2.5em;
	border-radius:.3em;
	overflow:hidden;
}
.blockImagenes .sColumna2{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
}
.blockImagenes .sColumna1 figure{
	width:100%;
	overflow:hidden;
	position:relative;
	transition: all .5s;
	font-size:1.5em;
}
.blockImagenes .sColumna1 figure img{
	width:100%;
	height: auto;
}
.blockImagenes .sColumna2 figure{
	width:32.5%;
	overflow:hidden;
	position:relative;
	font-size:.8em;
	transition: all .5s;
}
.blockImagenes .sColumna2 figure img{
	min-width:100%;
	width:auto;
	height: 100%;
}
.blockImagenes .sColumna1 figure a,
.blockImagenes .sColumna2 figure a{
	display:none;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	transition: all .5s;
	color:white;
	align-items: center;
	font-weight: bold;
	padding: 1em;
	font-size: 1em;
	text-align:center
}
.blockImagenes .sColumna1 figure img,
.blockImagenes .sColumna2 figure img{
	transition: all .5s;
}
.blockImagenes .sColumna1 figure:hover img,
.blockImagenes .sColumna2 figure:hover img{
	transform:scale(1.5) rotate(10deg);
}
.blockImagenes .sColumna1 figure:hover a,
.blockImagenes .sColumna2 figure:hover a{
	background:rgba(10,10,10, .6);
	display:flex;
}
#dondeEstamos{
	margin-bottom:2em;
}
.mapsvg-scrollpane{
	margin: 1em;
}
footer{
	font-size:.4rem!important;
	color:white;
	padding: 1em 0;
}
footer a{
	color:white!important;
}
footer p{
	margin-bottom: .3em;
}
footer .et-extra-social-icons{
	justify-content:center;
}
footer .apps{
	display:flex;
	flex-direction:column;
	margin-bottom:4em;
	width:385px;
}
.creado{
	font-size:.7rem;
	text-align:center;
}
.oculto{
	display:none!important;
}
.boton-flotante{
	padding-top:40px!important;
}
.boton-flotante:before{
	content: '';
	background: url('https://cruzrojacolombiana.org/wp-content/uploads/2019/11/iconodonoaqui.png');
    background-size: auto;
	width: 50px !important;
	height: 50px !important;
	position: absolute;
	top: 5px;
	left: 50%;
	z-index: 99999;
	background-size: cover;
	transform:translatex(-50%)
}
.boton-flotante:hover{
	transform:scale(1.2)
}
.titleImagen img{
	width: 2rem;
	height: 2rem;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: .2em;	
	margin-right: .3em;
}
.borderBottom{
	border-bottom: solid 1px #c9c8c8;
	margin: 1em 0;
}
.noBorderBottom{
	border-bottom:none;
}
.noMarginBottom{
	margin-bottom:0!important;
}
.poingGotaRoja {
	list-style-image: url('https://cruzrojacolombiana.org/wp-content/uploads/2019/11/ICONOS-14-e1569339515824.png');
	padding-left:1.5em;
}
.poingGotaAmarilla {
	list-style-image: url('https://cruzrojacolombiana.org/wp-content/uploads/2019/11/aferesis-19-e1569339398558.png');
	padding-left:1.5em;
}

.post-header .post-meta  {
	display: none;
}

.image-visible {
  animation: img-visible 1s ease-in-out;
}
/*Estilos de Landing*/
.page-id-5520,.page-id-5964{
	font-size: 34px;
	overflow-x:hidden;
}
.page-id-5520 .post-content, .page-id-5964 .post-content, 
.page-id-6577 .post-content{
	margin-bottom:0!important;
}
#post-5964{
	margin:0!important;
}
.page-id-5520 h3, .page-id-5964 h3, .page-id-6577 h3{
	font-size: 1.005em;
	margin:0 auto;
	width:80%;
	padding-bottom:1.5em;
}
.page-id-5520 header, .page-id-5964 header, .page-id-6577 header{
	display:none;
}
.page-id-5520 footer, .page-id-5964 footer, .page-id-6577 footer{
	display:none;
}
.page-id-5520 #boton, .page-id-5964 #boton, .page-id-6577 #boton{
	display:none;
}
.page-id-5520 #main-content, .page-id-5964 #main-content, .page-id-6577 #main-content{
	padding:0;
}
.page-id-5520 .container, .page-id-5964 .container, .page-id-6577 .container{
	width:100%;
	max-width: 100%;
}
.page-id-5520 .entry-title, .page-id-5964 .entry-title, .page-id-6577 .entry-title{
	display:none;
}
.page-id-5520 .post-5520, .page-id-5964 .post-5520, .page-id-6577 .post-6577{
	border:none;
	margin-bottom:0;
}
.page-id-5520 .wp-block-image, .page-id-5964 .wp-block-image{
	height: 100vh;
	width: 100%;
	overflow:hidden;
	display: block;
	margin-bottom:0;
	box-shadow:rgba(60,60,60,.5)5px 2px 10px;
}
.page-id-6577 .wp-block-image{
	height: auto;
	width: 100%;
	display: block;
	margin-bottom:0;
	box-shadow:rgba(60,60,60,.5)5px 2px 10px;
}
.page-id-5520 .wp-block-image img, .page-id-5964 .wp-block-image img, .page-id-6577 .wp-block-image img{
	position:absolute;
	width:100%;
	height:auto;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
.bannerRespuesta{
	width: 80%;
	margin:0 10% 1em;
	height: auto;
}
#infoTransaccion ul{
	list-style:none;
}
#infoTransaccion ul li{
	display:flex;
	flex-wrap:wrap;
}
#infoTransaccion ul li strong,
#infoTransaccion ul li strong{
	width:50%;
}
#infoTransaccion strong{
	font-weight: bold;
}
#respuestaAmigos{
	width:90%;
	max-width:700px;
	margin:1em auto;
}
#infoTransaccion div{
	width: 50%;
}
#infoTransaccion a{
	display: inline-block;
	width: 200px;
	margin: 1em calc(50% - 100px);
	background: red;
	color: white;
	padding: 0.5em 1em;
	border-radius: .5em;
	text-align: center;
	transition: all .5s;
}
#infoTransaccion a:hover{
	transform:scale(0.9)
}
.page-id-5520 input, .page-id-5520 select, .page-id-5964 input, .page-id-5964 select, .page-id-6577 select{
	background:white;
	border:solid 1px #1e94c2;
	box-shadow:rgba(60,60,60,.5)5px 2px 10px;
}
.page-id-5520 input:focus, .page-id-5520 select:focus, .page-id-5964 input:focus, .page-id-5964 select:focus{
	background:white;
}
.subTitleLanding{
	width: 100%;
	background: #de0a0d;
	color: white;
	padding: 0.2em;
	text-align: center;
	margin: 0;
	font-size: .6em;
}
.logoAmigosCruzRoja{
	position:absolute;
	top:0;
	right:0;
	z-index:2;
}
.logoAmigosCruzRoja img{
	/*margin: 1em;
	width:315px;
	height:135px;*/
	width:150px;
	height:auto;
	margin:0 0 .5em .5em;
}
.logoAmigosCruzRoja .fondoLogoAmigos{
	position: absolute;
	top: -50%;
	/*bottom:-30%;*/
	bottom: 10%;
	left:0;
	right:-50%;
	background:white;
	border-radius:1.5em;
	z-index:-1;
	/*transform:rotate(30deg);*/
	transform: rotate(10deg);
	box-shadow: rgba(60, 60, 60,.5) 0 2px 15px;
}
.columnasAmigos{
	width:80%;
	font-size:18px;
	margin:0 auto;
	align-items:center;
}
.columnasAmigos form p{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom:0
}
.columnasAmigos form label{
	width:49%;
	margin:.5em 0;
	display:inline-block;
}
.columnasAmigos form .cuarto{
	width: 24%;
}
.columnasAmigos form label input,
.columnasAmigos form label select{
	border-radius:.5em;
}
.columnasAmigos form label select option{
	font-size:.8em;
}
.columnasAmigos form label input::placeholder{
	text-transform: initial;
	font-size: .9em;
	font-weight: normal;
	color: rgba(0, 0, 0, 1);
}
.columnasAmigos .completo{
	width: 100%;
}
.porcentaje90{
	width:100%;
	margin:0 auto;
	padding: 2em 5%;
}
.primerTexto{
	padding:1.5em 1em .5em!important;
	margin:0 auto;
	width:75%;
	box-sizing:border-box;
	font-size: 1em;
	text-align:center;
	line-height:1.2em;
}
.sec-valores-donar{
	background: #ecf6f6;
	width:90%;
	margin:0 auto;
	height:100%;
	padding:1em;
	border-radius:.7em;
}
.sec-valores-donar label{
	width:90%;
	margin:0 auto;
	display:block;
}
.sec-valores-donar label input{
	width: 100%;
	text-align:center;
}
.sec-valores-donar label input::placeholder{
	text-transform:initial;
}
.paddingTop2em{
	padding-top:2em;
}
.padding2em{
	padding:2em .5em;
}
.backgroundGris{
	background: #e9e8e7;
}
.selPeriodicidad,
.selDonacion{
	list-style:none;
	padding:0;
	margin:.5em auto;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	width:90%;
}
.selDonacion{
	justify-content:space-between;
}
.selPeriodicidad li, .selDonacion li {
    box-shadow: rgba(60,60,60,.5) 0px 5px 10px;
	padding: .5em 1em;
	transition: all .5s;
	cursor: pointer;
	background: #fff;
}
.selPeriodicidad li{
	text-align:center;
	width:33%;
	font-size:.9em;
}
.selDonacion li {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    text-align: center;
    line-height: 1.2em;
    display: flex;
    align-content: center;
    flex-direction: column;
    padding: .8em .3em;
    margin-right: .5em;
    box-sizing: border-box;
    box-shadow: none;
    border: solid 1px #1e94c2;
    transition: all .5s;
	justify-content:center;
}
.selPeriodicidad li:hover, .selDonacion li:hover, .navegaLanding a:hover{
	background: #1e94c2;
	color:white;
}
.selPeriodicidad .activa, .selDonacion .activa, .navegaLanding .activa {
    background: #27599b;
	color:#fff;
}
.navegaLanding{
	display:flex;
	flex-direction:row;
	margin-bottom:.5em;
	box-shadow:rgba(60, 60, 60, .5) 0 5px 10px;
	flex-flow: row;
}
.navegaLanding a {
	padding: .2em .5em;
	flex:1 1;
	text-align: center;
}
#btnDonarAhora {
    display: block;
    width: 300px;
    max-width: 80%;
    text-align: center;
    margin: 1em auto;
    border-radius: .5em;
    color: #fff;
	background:#d21c18;
    cursor: pointer;
    transition: all .5s;
}
.textBanner{
	position:absolute;
	top:100vh;
	right:0;
	transform: translate(0, -120%);
	padding:.5em 1em;
	font-size:24px;
	color:white;
	background:rgba(0,0,0.5);
	width: 400px;
	box-sizing:border-box;
	z-index:99;
}
.textBanner p{
	margin-bottom:.5em;
	text-align: right;
	line-height: 1.2em;
	letter-spacing: 0.1em;
}
.textBanner h2{
	color:white;
	text-align: right;
	text-decoration:none;
	margin:0;
	letter-spacing: 0.2em;
}
.center{
	text-align:center;
}
.sombras{
	box-shadow: rgba(60,60,60,.5) 7px 5px 10px;
}
.puntasRedondeadas{
	border-radius:.2em;
}
.grupoGris{
	background: url(https://www.cruzrojacolombiana.org/wp-content/uploads/2020/02/fondoGris.jpg);
	background-size:cover;
}
.footerDireccionLanding{
	text-align:center;
	font-size: .7em;
	display:block;
	font-weight:bold;
	color:rgba(0,0,0,.1);
	margin-top:.4em;
	transition:all .5s;
}
.footerDireccionLanding:hover{
	transform-origin:center;
	transform:scale(1.05);
}
.iconos-sociales-landing{
	display:flex;
	list-style:none;
	justify-content:center;
	font-size:14px;
}
.iconos-sociales-landing li{
	margin:0 1em;
	transition:all .5s;
}
.iconos-sociales-landing li:hover{
	transform-origin:center;
	transform:scale(1.05);
}
.iconos-sociales-landing .et-extra-icon, 
.iconos-sociales-landing .btn-instagram{
	width:40px;
	height:40px;
	font-size: 18px!important;
	border-radius:50%!important;
	line-height: 40px;
	margin:0 .5em;
}
.iconos-sociales-landing .btn-instagram{
	line-height:30px;
	padding: 7px;
	background: rgba(0,0,0,.1);
	position:relative;
}
.iconos-sociales-landing .btn-instagram::before{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.contactLanding{
	font-size:16px;	
	padding-top: 20px;
}

.contactLanding ul{
	padding:0;
	display:flex;
	justify-content: center;
}

.contactLanding li{
	list-style:none;
	margin: 0 1em;
}

#cookie-law-info-again{
	height: 35px!important;
}
@keyframes img-visible {
  from { opacity: 0;}
  to { opacity: 1; }
}
/*Pop Up Home*/
.imageFloat{
	cursor:pointer;
	transition: all .5s;
}
.imageFloat img{
	transition: all .5s;
}
.imageFloat:hover img{
	border-radius: .7em;
	transform: scale(1.1);
	transform-origin: center;
	box-shadow: rgba(10, 10, 10, .8) 0 5px 10px;
}
.modal {
    width: 100%;
    height: 100%;
	display: none;
    background-color: rgba(0,0,0,0.4);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    outline: 0;
	overflow: auto;
}
.modal-content {
    position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    background-color: #fff;
    border-radius: 6px;
    outline: 0;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-content .modal-text{
	display: none;
	margin: 0;
	position: absolute;
	z-index: 1000;
	top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.modal-content:hover .modal-text{
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0, .5);
    font-size: 2em;
    padding: 5em;
    color: white;
	text-align: center;
    font-weight: 600;
}

.modal-content article figure{
	width:100%;
    border: 0;
}

.modal-content .modal-article{
	margin: 0 !important;
	text-align: center;
}

.modal-content img{
	width: auto;
	max-width: initial;
	height: 80vh;
	padding: 0 .5em;
    border-radius: 6px;
    position: relative;
}

.close {
	text-align:center;
    font-weight: bold;
    line-height: 1.0;
    color: gray;
    text-shadow: 0 1px 0 #fff;
    font-size: 28px;
    position: absolute;
    right: -23px;
    top: -23px;
	z-index: 1100;
    background: white;
    border-radius: 50%;
    padding: 5px;
    width: 40px;
}
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    /*opacity: .5;*/
}	

/*Pop up images*/

.modalImages {
	z-index:99999;
	display:none;
	padding-top:10px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgba(0,0,0,0.3)
}

.closeImage {
 	position:absolute;
 	top: 0;
	right: 2%;
	text-decoration:none;
	float:right;
	font-size:30px;
	font-weight:bold;
	color:white;
	transition: all .3s;
}

.closeImage:hover{
	color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .2;
}

.modal-content-image{
	width: 100%;
	margin: auto;
	display: block;
	position: absolute;
	top: 50%;
	text-align:center;
	transform: translateY(-50%);
}
.modal-content-image #imgModel{
	height: 90vh;
	max-width: 100vw;
	background-color:white;
}

.modal-content-image{   
   -webkit-animation-name: zoom;
   -webkit-animation-duration: 0.6s;
   animation-name: zoom;
   animation-duration: 0.6s;
}

.graphicMaterial .wp-block-column{
	box-shadow: rgba(60,60,60, .3) 1px 0px 5px;
    border-radius: 0.3em;
	transition: all .3s;
}
.graphicMaterial .wp-block-column:hover{
    transform: scale(1.05);
	cursor:pointer;
}

.graphicMaterial .wp-block-column img{
	border-radius: 0.3em 0.3em 0 0;
}
.graphicMaterial .wp-block-column p{
	font-size: 1.1rem;
    padding: .1em 1em .5em;
    border-bottom: none;
    text-transform: initial;
}
.page__header{
	display:none;
}
/*Tarjeta Landing*/
#labelCard {
	width: 400px;
	height: 230px;
	color:white;
	font-size:2em;
	line-height:1.2em;
	margin: .5em auto;
	transition: all .5em;
	position:relative;
	-webkit-perspective: 700px;
	-moz-perspective: 700px;
	perspective: 700px;
}
.accionarReverso #labelTarjeta{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);			
}
#labelCard #labelTarjeta{
	font-weight:700;
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: transform 500ms ease-in-out;
	-moz-transition: transform 500ms ease-in-out;
	-o-transition: transform 500ms ease-in-out;
	transition: transform 500ms ease-in-out;
}
#labelCard #labelTarjeta div{
	box-shadow:rgba(10, 10, 10, .5) 0 5px 15px;
	border-radius: 15px;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	display: flex;
	background: rgb(227,7,69);
	align-items: center;
	text-align: center;
	padding: .5em;
	justify-content:center;
}
#labelCard #labelTarjeta div span{
	position: absolute;
	height: 2em;
	font-size: 18px;
}
#labelCard #labelTarjeta div .sNombre{
	left:20px;
	bottom:25px;
}
#labelCard #labelTarjeta div .sFecha{
	left:50%;
	bottom:60px;
}		
#labelCard #labelTarjeta div .sNumTarjeta{
	left:30px;
	top:45%;
	font-size: 30px;
}
#labelCard #labelTarjeta div .sBarra{
	top:45%;
	width: 60%;
	left: 10px;
	background: white;
}
#labelCard #labelTarjeta div .sCodigo{
	top:45%;
	width: 70px;
	left: calc(10px + 60%);
	background: #CCC;
}		
#labelCard #labelTarjeta #reverso{
	background: #606060;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	font-size:.6em;
}
#fondo{
	background: rgba(0,0,0,.5);
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1000;
}
#fondo #mensaje,
#fondo .modalanding{
	width: 500px;
	max-width:90vw;
	background: white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#fondo .modalanding{
	width: 700px;
}
#fondo #mensaje h3,
#fondo .modalanding h3{
	background:red;
	color: white;
	margin:0;
	width:100%;
	padding: .3em .5em;
}
#fondo #mensaje #cuerpoMensaje{
	display: flex;
	align-items:center;
	justify-content: space-around;
	margin: 1em .5em 0;
}
#fondo #mensaje #mensajeEscrito{
	font-size: .7em;
	padding: .5em 1em .5em 0;
	line-height: 1.5em;
	width:calc(100% - 150px);
}
#fondo #mensaje #acciones{
	text-align:center;
	margin:.5em;
}
#fondo #mensaje #acciones .b-principal{
	background: red!important;
	color: white!important;
	font-size: 1rem!important;
}
#fondo .modalanding #contentModal{
	width: 100%;
	height:calc(100% - 5em);
	overflow:auto;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap
}
#fondo .modalanding #contentModal label{
	width: 48%;
}
#fondo .modalanding #contentModal label input,
#fondo .modalanding #contentModal label select{
	width: 98%;
	margin:.3em 1%;
}
#fondo .modalanding #contentModal #contenedorTarjeta{
	width:80%;
	margin: .5em auto;
}
#contenedorTarjeta label{
	margin-bottom:0;
}
#fondo #mensaje img{
	width:100px;
}
.soloMovil{
	display:none;
}
.post-title .et-accent-color{
	color:rgb(10,10,10)!important;
}
.popSuperior{
	display:block;
	width:100%;
	border: 0;
	text-decoration:none;
}
.popSuperior img{
	width:100%;
	height:auto;
}
.btnContactLeft,
.btnContactRight{
	display:flex;
	flex-direction:row;
    justify-content: space-between;
    align-items: center;
	font-family: "Roboto Condensed",sans-serif;
}
.btnContactLeft span{
	padding:.5em 1em .5em 2em;
}	
.btnContactLeft i{
	padding: .5em 1em  .5em 0;
}

.btnContactRight span{
	padding:.5em 2em .5em 1em;
}	
.btnContactRight i{
	padding: .5em 0 .5em 1em;
}
#whatsapp{
	position:fixed;
	bottom:30px;
	left:20px;
	z-index:15001;
	width:350px;
	display:flex;
	flex-direction:column;
    justify-content: flex-end;
    align-items: flex-start;
	font-family: "Roboto Condensed",sans-serif;
}
#whatsapp label,
#whatsapp #dir-whatsapp li a{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	align-items:center;
	cursor:pointer;
	color:white;
	margin: 0;
    justify-content: center;	
	transition:all .5s ease-in-out;
	border-radius:30px;
	background:#042963;
}
#whatsapp #dir-whatsapp li a{
	border-radius:10px;
	text-align: left;
	justify-content: left;
}
#whatsapp #btnAbrirWA{
	background:#de0a0d;
	border-radius:30px;
	order:3;
}
#whatsapp #btnAbrirWA:hover,
#whatsapp #dir-whatsapp li a:hover{
	transform:scale(.9);
}
#whatsapp .iconWhat{
	border-radius:50%;
	background:#de0a0d;
	padding:.5em;
	font-size:2em;
}
#whatsapp #dir-whatsapp{
    list-style: none;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all .5s ease-in-out;
    width: 100%;
    padding: 1.2em;
    border-radius: .3em;
    margin-top: 0;
	background: rgba(255,255,255,.8);
	opacity:0;
	font-size:1.2em;
}
#whatsapp #dir-whatsapp li{
	margin:.5em auto .7em;
}
#whatsapp input[type="checkbox"]{
	display:none;
}
#whatsapp #btnCerrarWA{
	display:none;
	text-align: center;
    width: auto;
    background: rgba(60,60,60,.5);
    padding: .2em 1em;
    margin: 0;
    box-sizing: border-box;
    border-radius: .3em .3em 0 0;
    color: white;	
}
/*#whatsapp input[type="checkbox"]:checked+#btnAbrirWA{
	display:initial;
}*/
#whatsapp input[type="checkbox"]:checked+#btnAbrirWA+#btnCerrarWA{
	display:initial;
}
#whatsapp input[type="checkbox"]:checked+#btnAbrirWA+#btnCerrarWA+#dir-whatsapp{
	max-height:1000px;
	opacity:1;
	padding: .5em 1.5em;
	box-shadow: rgba(60,60,60,.5) 0 5px 7px;
	margin: 1em 0;
}
.canales{
	margin:2em auto;
}
.canales .wp-block-group__inner-container{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-between;
}

.canal{
	//border:solid 2px #de0a0d;
	margin: .5em .5em 1em;
	border-radius:10px;
	width: 31%;
	box-shadow: rgba(60,60,60, .5) 0 5px 10px;
	transition: all .5s;
}
.canal:hover{
	transform: scale(.95);
}
.canal .wp-block-group__inner-container{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding: 1em;
	height: 100%;
}
.canal p{
	margin: 0;
}
details {
	overflow:hidden;
}
details:first-child{
	border-radius: 10px 10px  0 0;
}
details:last-child{
	border-radius: 0 0 10px 10px;
}
summary{
    font-weight: bold;
    margin: 0;
    padding: 1em;
    background: #D9D9D9;
	cursor:pointer;
	position:relative;
}
summary::marker{
	position:absolute;
	right: 10px;
}
details[open] article{
    padding: 0.5em 1.5em;
    background: #F5F5F5;
    margin: 0 3px;
    border: 0;
    font-size: .9em;
    border-radius: 0;
}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

@media (min-width: 981px){
	.soloEscritorio{
		display:initial;
	}
	.boton-flotante{
		top:50%!important;
		transform:translatey(-50%);		
	}
	.divi-dos{
		justify-content:space-between;
		flex-direction:row;
		flex-wrap:nowrap;
	}
	.divi-dos .post-content{
		width:75%;
	}
	.divi-dos .sec-ultimas-noticias{
		width:25%;
		margin-left:1.5em;
	}
	#fotoreportajes figure{
		width: 60%;
		margin-left:40%;
	}
	
	.nav > li > .sub-menu > li:hover{
		background-color:#d2d2cc;
	}
	.nav > li > .sub-menu{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.nav > li > .sub-menu li a{
		border-bottom:none!important;
	}
	#fotoreportajes article{
		padding:2em;
		position:absolute;
		left:0;
		top:50%;
		transform: translateY(-50%);
		width:55%;
		margin:0;
	}
	#sec-testimonio-caledar{
		flex-direction:row;
		justify-content:space-between;
	}
	#sec-testimonio-caledar>section{
		width:30%;
	}
	.owl-item{
		width:39.091px;
	}
	#sec-testimonio-caledar #sec-testimonial{
		width:69%;
		margin-bottom:0;
	}

	#sec-testimonial > div{
		margin-bottom:70px;
	}
	#sec-testimonial > div figure{
		width: 80%;
	}
	#sec-testimonial > div figure img{
		height: 30vw;
	}
	#sec-testimonial > div article{
		position:absolute;
		z-index:2;
		left:50%;
		right:5px;
		top:60%;
		box-shadow: rgba(180,180,180,.5) 0 7px 10px;
	}
	.blockImagenes{
		flex-direction:row;
		justify-content:space-between;
		margin: 3em auto;
	}
	.blockImagenes .sColumna1{
		width:69%;
	}
	.blockImagenes .sColumna1 figure{
		height:100%;
	}
	.blockImagenes .sColumna1 figure img{
		height:100%;
		min-width:100%;
		width:auto;
	}
	.blockImagenes .sColumna2{
		flex-direction:column;
		width:30%;
	}
	.blockImagenes .sColumna2 figure{
		width:100%;
		height:32.5%;
	}
	#main-content{
		padding-top:55px;
	}	
	.container{
		width:80%;
	}
	.category-lineas-programaticas .category-lineas-programaticas-educacion{
		display:flex;
		flex-direction:row;
		justify-content: space-between;
	}
	.category-lineas-programaticas .category-lineas-programaticas-educacion .post-wrap{
		padding: 1em 1em 1em 0;
		
	}
	.slidebar{
		width:22%;
	}		
	.cardList{
		flex-direction: row;
		flex-wrap:wrap;
		justify-content: flex-start;
		align-items: inherit;
	}
	.cardList > li{
		width: 30%;
		margin:1em 1.5%;
	}
	.hero-cruz{
		display: flex;
		flex-direction: row;
		margin-bottom:1em;
	}
	.hero-cruz .hero-principal{
		width: 75%;
		display: flex;
		flex-direction: row;
	} 
	.hero-cruz .hero-principal .noticia-principal{
		width: 73%;
		margin-right: 2%;
	}
	.hero-cruz .hero-principal .noticia-principal img{
		width: 100%;
	}
	.hero-cruz .hero-principal .noticia-principal h1{
		font-size: 1.3em;
		padding: .3em;
		margin-top:.3em;
	}
	.hero-cruz .hero-principal .noticia-principal article{
		border-color: transparent;
		box-shadow: none;
		margin: 0 .3em .3em;
		padding: 0;
		border: none;
		height:4em;
		overflow:hidden;
	}
	.hero-cruz .hero-principal .noticia-principal article p{
		line-height: 1.3em;
	}
	.hero-cruz .hero-principal .lis-noticias{
		width: 23%;
		margin:0 1%;
		padding: 0;
		height: 100%;
	}
	.hero-cruz .hero-principal .lis-noticias ul{
		list-style:none;
		padding: 0;
		width: 100%;
		flex-direction:column;
	}
	.hero-cruz .hero-principal .lis-noticias ul li{
		list-style:none;
		width: 100%;
		height: 125px;
		overflow:hidden;
		border: solid 2px transparent;
		cursor:pointer;
		position:relative;
	}
	.hero-cruz .hero-principal .lis-noticias ul li:first-child{
		margin-top:0;
	}
	.hero-cruz .hero-principal .lis-noticias ul li img{
		position:absolute;
		transform: translate(-50%, -50%);
		top:50%;
		left: 50%;
		height:105%;
		width:auto;
	}
	.hero-cruz .hero-principal .lis-noticias ul .activa{
		border-color: rgb(222,10,13);
	}
	.hero-cruz .hero-der{
		border-left: solid 1px #CCC; 
		width: 23%;
		margin-left: 1%;
		padding-left: 1%;
		margin-top:0;
	}
	.hero-cruz .hero-der h2,
	.h2-slideBar
	{
		border-bottom: solid 2px rgb(222,10,13);
		padding: .5em .5em .5em 0;
		font-size: 1.2em;
		text-transform:initial;
	}
	.hero-cruz .hero-der h2:first-child{
		padding-top: 0;
	}
	#videoHome{
		flex-direction:row;
		padding-left:10%;
		padding-right:10%;
		justify-content:space-between;
	}
	#videoHome #video, #videoHome #textVideo{
		width:45%;
		margin:3em 0;
	}
	#list-sabias li{
		height:16.4vw;
	}
	#list-accion li{
		width: 20%;
	}
	#list-sabias li{
		width:23%;
	}
	.franja-cifras{
		align-items: stretch!important;
		margin-top:3em;
	}	
	.franja-cifras li a{
		height:100%;
	}
	.franja-cifras li a img{
		height: calc(100% - 3em);
		width:auto;
		max-width:30000%!important;
		transform: translateX(-30%);
	}
	footer{
		display:flex;
		padding: 2em 8%;
		justify-content:space-between;
		flex-wrap:nowrap;
		flex-direction:row;
		padding-bottom: 80px;
	}
	footer >div{
	  	width:30%;
		margin:.5em;
	}
	.menuRight .sub-menu{
		justify-content: flex-end!important;
		padding-right: 10%!important;
	}
	.menuCenter .sub-menu{
		justify-content: center!important;
		padding-right: 10%!important;
	}
	#main-header .container .logo #logo{
		height:100%;
	}	
}
@media (max-width: 981px){
	.modal-content-image #imgModel{
		width: 90vw;
		height: auto;
	}	
	.soloEscritorio{
		display:none;
	}
	.soloMovil{
		display:initial;
	}
	.modal-content{
	    width: 85%;
	}
	.modal-content:hover .modal-text{
		font-size: 1.5em;
    	padding: 2em;
	}
	.modal-content img{
		width: 100%;
    	height: auto;
	}
	/*.close{
		width: 8%;
		right: -13px;
	}*/
	#fondo #mensaje #cuerpoMensaje{
		flex-direction:column;
		align-items:center;
		justify-content: center;
		margin: 1em .5em 0;
	}
	#fondo #mensaje #mensajeEscrito{
		width:100%;
		text-align:center;
	}	
	.page-id-5520 .wp-block-image img
	.page-id-6577 .wp-block-image img{
		width:auto;
		height:100%;
		max-width:300000%!important;
	}
	/*.logoAmigosCruzRoja .fondoLogoAmigos{
		transform: rotate(10deg);
		left: 0%;
		bottom: 10%;
		top: -50%;
	}
	.logoAmigosCruzRoja img{
		width:150px;
		height:auto;
		margin:0 0 .5em .5em;
	}*/
	.iconos-sociales-landing{
		flex-wrap: wrap;
	}
	.iconos-sociales-landing li{
		width:80%;
		margin-bottom: .5em;
	}
	.grupoGris{
		font-size:1.5rem;
	}
	.primerTexto{
		padding: 1em 0!important;
	}
	.grupoGris .contenedorVideo{
		margin-bottom:1em;
	}
	.page-id-6577,
	.page-id-5520{
		margin:0;
	}
	.columnasAmigos form label{
		width:100%;
	}
	.sec-valores-donar{
		width:100%;
	}
	.selPeriodicidad li{
		width:50%;
		text-align: center;
		font-size: .9em;
	}	
	.selDonacion li{
		list-style:none;
		width:45%;
		border-radius:.7em;
	}
	.subTitleLanding{
		font-size:1em;
	}
	.contactLanding{
		font-size:14px;
		padding-top: 10px;
	}
	.contactLanding ul{
		display:block;
	}
	.contactLanding li{
	    list-style: none;
        margin: 0 auto .5em;
        width: 80%;	
	}
	.navegaLanding {
		flex-wrap:wrap;
	}
	.search-container{
		grid-template-columns: 55% 10%;
	}
	body{
		margin-bottom:80px;
	}
	.btg-button-3.btg-bottomRight{
		left:0;
		bottom:0!important;
		width:100%;
		border-radius: 10px 10px 0 0!important;
	}
	.boton-flotante{
		padding-top: 0!important;
		padding-bottom: 35px!important;
		padding-left: 20%!important;
	}
	.boton-flotante:before{
		transform:translatex(-110%);
	}
	#main-header .container{
		flex-direction:row!important;
	}
	#main-header .container .logo{
		width:70%;
		height:auto;
	}
	#main-header .container #et-navigation{
		width:35px;
	}
	.show-menu .toggled{
		position:absolute;
		z-index:99;
		background:transparent;
		top: 1em;
		right:1em;
	}
	.show-menu .toggled span{
		background:white;
	}
	#et-mobile-navigation nav{
		background-color: rgb(222,10,13)!important;
		top:0;
		left:0;
		padding: 1em 1.5em;
	}
	#et-extra-mobile-menu li a{
		color:rgba(250,250,250, .7)!important;
	}
	#et-navigation li a{
		padding:1em 0;
	}
	#et-extra-mobile-menu li a:hover{
		color:white!important;
	}
		.canales{
		margin:2em auto;
	}
	.canales .wp-block-group__inner-container{
		flex-direction:column!important;
	}
	.canal{
		margin: .5em 2.5% 1em!important;
		width: 95%!important;
	}
	#whatsapp{
		bottom: 90px;
		left:50%;
		transform:translatex(-50%);
		align-items:center;
	}
}