/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



/*NDC CSS*/
/*NDC -- home*/
.subrayadoAmarillo{
	padding: 5px !Important;
	background-color: #E4F500 !Important;
}

.tituloPrincipal{
	background-color: #000;
	padding: 5px !Important;
}

.subh{
	background-color: #e4f500;
	padding: 5px !Important;
}

/*CSS NDC*/

/*Btn Menú principal*/
.btnBlack{
	background-color: #fff !Important;
	padding: 10px 20px !Important; 
}

.btnPink{
	background-color: #FA0293 !Important;
	padding: 10px 20px !Important;
}



/*Menú principal*/
#header-site-logo{
	width: 20% !Important;
	max-width: 300px !Important;
	min-width: 150px; 
}

#menu-principal .menu-item:hover{
	background: white; 
}

#menu-principal .menu-item .sub-menu{
	padding: 2em;
	text-decoration: none; 
}

#menu-principal .menu-item .sub-menu .menu-item a{
	text-decoration: none; 
	padding: 5px 0px;
}

#menu-principal .menu-item:first-child .sub-menu .menu-item a b.title-menu-header{
	margin-top: 10px;
	pointer-events: none; 
}

#menu-principal .menu-item:first-child .sub-menu .menu-item.menu-item-type-post_type a{
	font-style: italic;
}

#menu-principal .menu-item:last-child .sub-menu .menu-item a{
	font-weight: 600;
}

#menu-mobile-principal a {
	color: black;
	text-decoration: none; 
	padding: 0 20px 0px 0px;
	display:block; 
}

#menu-mobile-principal ul{
	list-style: none; 
	padding: 0px; 
}

#menu-mobile-principal .elementor-shortcode > ul > .menu-item{
	border-bottom: 1px solid black; 
}


#menu-mobile-principal button{
	background: none; 
	padding: 0; 
	border: none; 
	line-height: 1;
	font-size: 0;
	transition: transform 0.2s ease; 
}


#menu-mobile-principal .submenu{
	width: 100%; 
}

#menu-mobile-principal .elementor-shortcode > ul > .menu-item ,
#menu-mobile-principal .elementor-shortcode > ul > .menu-item > .submenu > ul > li{
		display:flex;
	flex-wrap: wrap; 
	justify-content: space-between;
}

#menu-mobile-principal .elementor-shortcode .menu-item{
	padding: 5px 0;
}


#menu-mobile-principal .elementor-shortcode > ul > .menu-item > a,
#menu-mobile-principal .elementor-shortcode > ul > .menu-item > .submenu > ul > li > a{
	font-weight: bold; 
}
#menu-mobile-principal .elementor-shortcode > ul > .menu-item > .submenu > ul > li > .submenu a {
	font-style: italic; 
	font-weight: normal; 
}

#menu-mobile-principal button.open {
	transform: rotate(180deg);
}

#mobile-menu-container {
	height: 0px;
	overflow: hidden;
	transition: height 0.5s ease; 
	position: fixed; 
	top: 100px; 
	z-index: 10; 
}

#mobile-menu-container.open{
	height: calc(100vh - 100px); 
	overflow: scroll; 
}

#mobile-menu-container.open-full{
	height: calc(100vh - 200px); 
	overflow: scroll; 
}

#menu-mobile-icon{
	height: 30px;
	width: 50px; 
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}


#menu-mobile-icon .m-line{
	width: 100%;
	height: 5px; 
	background: #FA0293;
	border-radius: 10px; 
	transition: transform 0.3s ease; 
}

#menu-mobile-icon.open .third-l
{
	transform: rotate(-45deg) translate(-5px, -2px);
}

#menu-mobile-icon.open .first-l{
	transform: rotate(-45deg) translate(5px, 1px);
}


#menu-mobile-icon.open .second-l{
	transform: rotate(45deg);
}


#menu-mobile-icon .first-l{
	width: 30px; 
	margin-left: auto; 
}

#menu-mobile-icon .third-l{
	width: 30px; 
}

.wpml-ls-legacy-dropdown{
	width: fit-content;
}

.js-wpml-ls-item-toggle::after{
	color: #333;
}

.js-wpml-ls-item-toggle{
	background-color: transparent !important;
	border: none !important;
}

@media (max-width: 1400px){
	#menu-principal .menu-item  a{
		padding: 13px 10px;
	}

	#header-social .elementor-social-icons-wrapper{

		display:flex;
		flex-wrap: wrap;
		row-gap: 10px; 
		column-gap: 10px; 
		width: 70px;
	}
	
	#header-social .elementor-social-icons-wrapper .elementor-grid-item{
		margin: 0px; 
	}

}

@media (max-width: 1140px){
	#menu-principal .menu-item .sub-arrow{
		padding: none;
		padding-left: 2px; 
	}
	
	#menu-principal .elementor-nav-menu--main > ul > .menu-item > a{
		padding: 5px; 
	}
	
	#header-social > .elementor-widget-container{
		margin: 0px 2px 0px 2px;
	}
	
	#header-social .elementor-social-icons-wrapper{
		width: 62px;
		row-gap: 2px;
        column-gap: 2px;
	}
	
	#button-container > div{
		column-gap: 0px; 
	}
	
}


@media (max-width: 1024px){
	#header-site-logo{
		width: 70% !Important;
		max-width: 300px !Important;
		min-width: 150px; 
	}
}



/*Herencia*/
.subrayadoAmarillo{
	padding: 1px 5px !Important;
	background-color: #E4F500 !Important;
}

.tituloPrincipal{
	background-color: #000;
	padding: 1px 5px !Important;
	color: #fff;
}

.subh{
	background-color: #e4f500;
	padding: 1px 5px !Important;
	margin-top:5px;
}

.subhresp{
	background-color: #e4f500;
	padding-left: 5px !Important;
	padding-right: 5px !Important;
	margin-top:5px;
	
}

.subtitle{
    font-family: "Permanent Marker";
    font-size: 30px;
}

.subtSubrFucsia{
    font-family: "Permanent Marker";
    /*font-size: 22px;*/
    background-color: #FA0293;
	padding: 1px 5px !Important;
	color: #fff;
}

.tituloSubrFucsia{
    font-family: "Permanent Marker";
    /*font-size: 35px;*/
    background-color: #FA0293;
	padding: 1px 5px !Important;
	color: #fff;
}

.subrayadoRosa{
    padding: 1px 5px !Important;
	background-color: #FA0293 !Important;
	line-height: 1.4em;
}

.subtextoGris{
margin-top:10px;
    color: #585858;
    font-size: 14px;
}

#sublineaRosa{
    text-decoration: underline;
    text-underline-offset: 6px !Important;
    text-decoration-color: #FA0293;
    text-decoration-thickness: 6px;
}

#sublineaAmarillo{
text-decoration: underline;
    text-underline-offset: 6px !Important;
    text-decoration-color: #E0F307;
    text-decoration-thickness: 6px;
}


.btnBlack{
	background-color: #000 !Important;
	padding: 5px 0px !Important;
	color: #fff !Important;
	margin: 10px !Important;
}

#menu-1-3425ffe > li.btnBlack.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1002 > a{
    color: #fff !Important;
}

.btnPink{
	background-color: #FA0293 !Important;
	padding: 5px 0px !Important;
	color: #fff !Important;
	margin: 10px !Important;
	
}

#menu-1-3425ffe > li.btnPink.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1003 > a{
    color: #fff !Important;
    font-weight: bold;
}https://vlc1288.hosters.es/login_up.php?success_redirect_url=%2Fsmb%2Fweb%2Fview


b.low-title{
    font-family: "Permanent Marker", Sans-serif;
    font-size: 20px;
    font-weight: 500;
}

@media (max-width: 1024px){
    b.low-title{

    font-size: 18px;
}
    
}


.sublineaRosa span{
    text-decoration: underline;
    text-underline-offset: 6px ! Important;
    text-decoration-color: #FA0293;
    text-decoration-thickness: 6px;
}

.sublineaAmarillo{
    text-decoration: underline;
    text-underline-offset: 6px ! Important;
    text-decoration-color: #E3F901;
    text-decoration-thickness: 6px;
}

/*Icono Amarillo en algunos títulos*/
.estrella-lateral-amarilla::before{
	content: " ";
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(https://dev25.protocoloimep.com/wp-content/uploads/asterisco-amarillo.png);
    background-size: contain;
    top: -10px;
    left: -50px;
}

.estrella-lateral-amarilla{
	width: fit-content !important; 
	margin: auto !important; 
}

/*Cards de personas en varias páginas*/
    .cuerpo-card-persona{
        display:flex;
        align-items: stretch;
        margin-top: 200px;
        font-family: "Prompt", Sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 1em;
		height: calc(100% - 200px);
    }
    
    .cuerpo-card-persona > div{
        width: 50%;
        padding: 1.5em;
        
    }
    
    .card-resumen{
        border: 1px solid #E3F901 ;
    }
    
    .card-resumen p{
        margin-top: 0px;
    } 
    
    .card-datos {
        background: #F2F2F2;
        text-align: center;
        display:flex;
        flex-direction: column;
        justify-content: center;
    }
    
    
    .card-datos img{
        width: 180px;
        position: absolute;
        right: calc(50% - 90px);
        top: -225px;
    }

.triple-profesor .card-datos img{
	right: 0; 
}
    
    .card-datos .card-datos-img-wrapper{
        position: relative;
    }
    
    .cuerpo-card-persona .card-ralla{
        width: 100%;
        height: 2px;
        background: #FA0092;
    }
    
    .cuerpo-card-persona .card-nombre-persona{
        font-size: 20px;
        font-weight: 500;
        font-family: "Permanent Marker", Sans-serif;
        margin-bottom: 15px;
    }
    .cuerpo-card-persona .card-rol{
        font-weight: 600;
        margin-top: 15px;
    }

.card-html{
	height: 100%
}

.card-html > div{
	height: 100%
}

@media (max-width: 1024px){
	    .triple-profesor .card-datos img{
			right: calc(50% - 90px);
		}
}


@media (max-width: 760px){
    .cuerpo-card-persona{
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-top: 175px;
		height: calc(100% - 175px);
    }
    .cuerpo-card-persona .card-datos{
        height: 200px;
        width: 100%;
    }
    
    .cuerpo-card-persona .card-resumen{
        width:100%;
    }
    
    .card-datos img{
        top: -225px;
    }
}