/*
 Theme Name:   Divi Child
 Theme URI:    https://www.theroomsocial.com
 Description:  Divi Child Theme
 Author:       THE ROOM SOCIAL
 Author URI:   https://www.theroomsocial.com
 Template:     Divi
 Version:      1.0.0 
 Text Domain:  divi-child
*/


/*////////////////////////////////////////////////////////////////////////////////////////////////
 ////////////////////////////////////////   Generales   ////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////*/

/* forzar 2 columnas en responsive*/
@media only screen and (max-width: 980px) {
.dos-columnas .et_pb_column { width: 50%!important; }
}


/*////////////////////////////////////////   Fin Generales   ////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////*/





/*////////////////////////////////////////////////////////////////////////////////////////////////
 ////////////////////////////////////////   Header   ////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////*/

.menu-principal-generador .menu_item-simple {
	margin-top: 19px !important;
}

.menu-principal-generador .menu_item-simple:hover>a {
	color: #0698dd !important;
}

/* Cambia el menu a X cuando está abierto */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

 
/* Centrar el texto del menú para móvil */
.et_mobile_menu li {
text-align:center !important;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0px !important;
}

/* Items del menu*/
.nav .menu_item a{
    border: 2px solid white;
    padding-bottom: 10px !important;
    padding: 10px;
    border-radius: 100px;
}

.nav .menu-item a:hover{ opacity: 1 !important}

.nav .aves a{ 	border-color: #F2C849;} 			.nav .aves a:hover { 	background: #F2C849;}
.nav .mamiferos a{ 	border-color: #F2913D;} 		.nav .mamiferos a:hover { 	background: #F2913D;}
.nav .peces a{ 	border-color: #04B2D9;} 			.nav .peces a:hover { 	background: #04B2D9;}
.nav .anfibios a{ 	border-color: #ECF22F;}			.nav .anfibios a:hover { 	background: #ECF22F;}
.nav .reptiles a{ 	border-color: #64FF1C;}			.nav .reptiles a:hover { 	background: #64FF1C;}
.nav .invertebrados a{ 	border-color: #1CFF92;}		.nav .invertebrados a:hover { 	background: #1CFF92;}






/*////////////////////////////////////////   Fin Header   ////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////*/






/*////////////////////////////////////////////////////////////////////////////////////////////////
 ////////////////////////////////////////   HOME   ////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////*/
/*Banner principal home*/

.video-principal-home .fluid-width-video-wrapper{
	padding-top: 355px !important;
}

.video-principal-home-lateral .fluid-width-video-wrapper{
	padding-top: 145px !important;
}






/* Popus Divi*/

/* Custom Video Popup */
/* Popup Close Icon Tweak */
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
	top: 0px !important;
	position: fixed !important;
}
.mfp-iframe-holder .mfp-content {
    max-width: 70%;
}
.mfp-iframe-scaler button.mfp-close {
    top: -50px ;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
    top: -50px !important;
}

.video_popup_lightbox .mfp-iframe-holder .mfp-close {
    top: -50px;
}

.video_popup {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.video_popup a:before {
    content: 'play';
    cursor: pointer;
    position: absolute;
    top: calc(75% - 55px);
    left: calc(50% - 54.5px);
    z-index: 20;
    background-color: #fff;
        padding: 20px 27px;
    border-radius: 0;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #0a2a3b;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.video_popup a:after {
    content: 'E';
    cursor: pointer;
    font-family: 'ETmodules';
    position: absolute;
    top: calc(50% - 55px);
    left: calc(50% - 47px);
    z-index: 20;
    background-color: #fff;
    padding: 55px 27px;
    border-radius: 50%;
    font-size: 40px;
    text-transform: uppercase;
    color: #0a2a3b;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.video_popup.no_icon:before,
.video_popup.no_icon:after {
    display: none!important;
}

.video_popup:not(.no_icon):hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.video_popup:hover a:before {
    padding: 25px 32px;
}

.video_popup:hover a:after {
    padding: 25px 32px;
}

@media all and (max-width: 980px) {
    .video_popup a:before {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 10px;
    }
    .video_popup a:after {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 32px;
    }
	
	
    .video_popup:hover a:before {
        opacity: 0;
        
        left: calc(50% - 43px);
        top: calc(50% - 42.5px);
		padding: 20px 27px;
    border-radius: 0 !important;
    }
    .video_popup:hover a:after {
        opacity: 1;
        
        left: calc(50% - 43px);
        top: calc(50% - 42.5px);
        font-size: 42px;
		padding: 20px 27px;
    border-radius: 0 !important;
    }
}


/*fin botón popup*/

/* fin Banner principal home*/



/*Movimiento items categorias home*/
.home-categorias-item img{
		-webkit-animation: rotation 70s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}
/*Fin Movimiento items categorias home*/


/*bloque de curiosidades*/
.curiosidades .et_pb_ajax_pagination_container { display: flex;flex-wrap: wrap }
.curiosidades .et_pb_ajax_pagination_container article { width: 30%; margin-right: 1% }
@media (max-width: 980px) {
.curiosidades .et_pb_ajax_pagination_container article { width: 49%; }
.curiosidades .et_pb_ajax_pagination_container article:last-child{ display: none; }
}
@media (max-width: 450px) {
.curiosidades .et_pb_ajax_pagination_container article { width: 100%; }
	.curiosidades .et_pb_ajax_pagination_container article:last-child{ display: block; }

}


/*bloque de curiosidades*/


/*////////////////////////////////////////   Fin HOME   ////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////*/






/*////////////////////////////////////////////////////////////////////////////////////////////////
 ////////////////////////////////////////   PÁGINA REGISTRO ////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////*/

.swpm-validate-form table {
    border: none !important;
}



.entry-content tr td {
	border-top: none;
}

/*////////////////////////////////////////   Fin PÁGINA REGISTRO   ////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////////////////////////////
 ////////////////////////////////////////   FOOTER   ////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* HACER QUE EL MEN DEL FOOTER NO SE CONVIERTA EN HAMBURGUESA EN RESPONSIVE*/

@media (max-width: 980px) {
.menu-pie-pagina .et_pb_menu__wrap .et_pb_menu__menu {
    display: inherit !important;
}

.menu-pie-pagina .et_pb_menu__wrap .et_mobile_nav_menu {
	display: none !important;
}


}


/*////////////////////////////////////////   Fin FOOTER   ////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////*/


.et_pb_menu .et-menu>li {
    padding-left: 5px;
    padding-right: 11px;
}