/*
Theme Name: Ustea
Template: flash
Author: Naftic Cloud
Author URI: https://naftic.com
Description: Diseño web hecho a medida para Ustea Enseñanza
Version: 1.0..1654762070
Updated: 2022-06-09 08:07:50

*/

/* FUENTES */

@font-face{
	font-family: 'Barlow-Bold';
	src: url('./fonts/Barlow-Bold.ttf');
}

@font-face{
	font-family: 'Barlow-Medium';
	src: url('./fonts/Barlow-Medium.ttf');
}

@font-face{
	font-family: 'Barlow-Regular';
	src: url('./fonts/Barlow-Regular.ttf');
}

@font-face{
	font-family: 'Barlow-SemiBold';
	src: url('./fonts/Barlow-SemiBold.ttf');
}

/* FIN FUENTES */

*,u {font-family:'Barlow-Regular';}
b, strong {font-family: 'Barlow-Bold';}
.entry-content {margin-top:0}
p,li,span{font-size:16px}
.entry-content-block header {display:none;}

/* HEADER */
.oculto {display: none;}
.transparent #masthead {position:relative}
header {background-image:url('https://lapublicaenjuego.org/wp-content/uploads/2026/10/bg-header-ustea.jpg');background-size:contain;background-repeat:no-repeat;height:277px;background-position:center top}
.header-bottom {position: absolute;bottom: 0;width: 100%;}
#site-navigation {text-align:center; float: left; margin-left: 1%; padding-bottom:12px;}
.transparent #site-navigation ul li .sub-toggle{margin-left: 10px;}
.transparent #site-navigation ul li .sub-toggle i{margin-top: -4px; vertical-align: middle; margin-bottom: -2px}
.transparent #site-navigation ul li:hover .sub-toggle,{color:#a10001!important;}
#site-navigation i{font-size:26px;}
#site-navigation ul li {padding:0 10px;}
#site-navigation ul li a:hover {color:#fff;}
#site-navigation ul .afiliate a:hover{background-color:#a10001!important; color:#fff!important;}
.rrss img {margin:0 5px; width: 24px; padding: 0;}
#site-navigation ul li.item-menu {padding:0 10px}
.btn-afiliate{margin-top:-4px}
.btn-afiliate a{background-color:#fff;color:#a10001!important;border-radius:20px;padding:6px 15px;font-family: 'Barlow-Bold'!important;font-size:16px;letter-spacing:0.5px}
.btn-afiliate a:hover{background-color:#a10001;color:#fff !important;transition:all .5s ease;}
.menu-menu-principal-container ul li a {font-family: 'Barlow-Medium';}
#site-navigation ul li.sp-padding {padding:0 80px 0 200px;}
ul.sub-menu li a:hover { color: #000 !important;}

/* FIN HEADER */

/* FOOTER */
#bottom-footer {background-color:#909090}
#bottom-footer .copyright {float:none}
.copyright p {text-align:center;color:#fff}
.botones {display: none /*flex*/; max-width: 1200px; margin: auto;}
#colophon .botones a {max-width: 40%; width: 350px; margin-left: 0; margin-right: 50px;}
.botones a img {padding: 0;}
/* FIN FOOTER */

/* GALERÍA IMÁGENES POPUPS */

.container-pics {position:relative;}
.image {display: block;width:50px;height:50px;cursor:pointer;margin:0 auto}
.overlay-pic {display:flex;align-items:center;vertical-align:middle;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: 1s ease;background-color:#000;}
.container-pics:hover .overlay-pic {opacity: 0.8;}

/* FIN GALERÍA IMÁGENES POPUPS */

/* POPUPS */
#popup1, #popup2, #popup3, #popup4, #popup5, #popup6, #popup7, #popup8, #popup9, #popup10, #popup11, #popup12{left: 0;position: fixed;top: 0;width: 100%;z-index: 1001;background-color:rgba(119, 119, 119, 0.7);height:100%;display:flex;align-items:center;}
 
.content-popup {margin:0px auto; position:relative; padding:10px; border-radius:4px; background-color:#FFFFFF; box-shadow: 0 2px 5px #666666;overflow:auto;}
.content-popup h2 {color:#48484B;border-bottom: 1px solid #48484B;margin-top: 0;padding-bottom: 4px;}
.content-popup div.close img{width:30px;}
.content-popup.grande img{width:220px;}
.content-popup p{font-size:13px;}
.content-popup img{margin-bottom:10px;}
.content-popup div { text-align: center;}
.content-popup p { text-align: left;}
.short-popup{padding-bottom:45px;}
.close {position: absolute;top:0;right: 15px;}
.close a img {padding:0;}

/* INFANTIL, PRIMARIA, ETC... */

.green, .red {font-size:16px;margin-top:30px}
.green {color:#0a5f21}
.red {color:#a10001}


/* FIN INFANTIL, PRIMARIA, ETC... */

/* REIVINDICACIONES GENERALES */
.rei-content{font-family: 'Barlow-Bold';}
.color-box {color:#fff;padding:5px 30px;margin-bottom:20px;}
.color-box img {margin-bottom:10px}
.rei-title {max-width:260px;font-size:18px;font-family: 'Barlow-Bold';}
.rei-title.sp-title {max-width:300px}
.item-n {text-align:right;font-family: 'Barlow-Bold';font-size:40px;line-height:40px;margin-bottom:0}
.c-red {background-color:#e40613}
.c-cyan {background-color:#12a19b}
.c-green {background-color:#176939}
.c-lime {background-color:#97c11f}
.c-purple {background-color:#951a82}
.c-lblue {background-color:#2daae2}
.c-orange {background-color:#f29200}
.c-lgreen {background-color:#2fad66}
.c-pink {background-color:#e71873}
/* FIN REIVINDICACIONES GENERALES */

/* 4 ANOS */

.rowPost h4 {margin-top: 0; margin-bottom: 10px; font-size: 18px; font-weight: bold;}
.rowPost p {margin-bottom: 5px; font-size: 14px;}
.rowpost li {margin-bottom: 0; font-size: 14px;}

.rowPost{float: left;width: 100%;margin-bottom: 20px;}
.rowPost .col-md-3{width: 36%;float: left;}
.rowPost .col-md-9{width: 60%;float: right;}
.rowPost span{font-weight: bold;color: #a10001; font-size: 14px;}
.rowPost .btn1,.rowPost .btn2,.rowPost .btn3,.rowPost .btn4,.rowPost .btn5,.rowPost .btn6,.rowPost .btn7,.rowPost .btn8,
.rowPost .verMenos1,.rowPost .verMenos2,.rowPost .verMenos3,.rowPost .verMenos4,.rowPost .verMenos5,.rowPost .verMenos6,.rowPost .verMenos7,.rowPost .verMenos8{cursor:pointer;}
.rowPost li {margin-bottom: 0; font-size: 14px;}
/* .rowPost ul li::before{content: '';width: 23px;height: 17px;background-image: url(https://cuidamoslapublica.org/wp-content/uploads/2022/06/favicon.png);
    display: block;background-size: cover;float: left;margin-right: 10px;margin-top: 2px;} */

/* FIN 4 ANOS */

li.submenu::before{display: none !important;}
.rowPost a{color: #909090;font-weight: bold;}

.contHd1,.contHd2,.contHd3,.contHd4,.contHd5,.contHd6,.contHd7,.contHd8,.verMenos1,.verMenos2,.verMenos3,.verMenos4,.verMenos5,
.verMenos6,.verMenos7,.verMenos8{display: none;}
#colophon{text-align:center;}
#colophon a{margin:0 15px;}
#bottom-footer{margin-top:50px;}
.btnPdf{cursor:pointer;}
.fullwidth{padding:0 !important;}

@media(max-width:1200px){
	header{background-size:cover;}
}

@media(max-width:1120px){
	#masthead{height:257px;}
}

@media(max-width:1080px){
	.header-bottom{bottom:10px;}
	#site-navigation ul li.sp-padding{padding:0 20px;}
}

@media(max-width:1030px){
	#masthead{height:247px;}
}

@media (max-width:980px){
	#site-navigation ul li, .transparent #site-navigation ul li{width:100%;float:left !important;}
	#site-navigation ul li a{width:100%;text-align:center !important;}
	.menu-rrss{text-align:center;}
	.menu-rrss a{display:inline-block !important;width:50px !important;padding:0 !important;float:none !important;}
	.rrss i{margin:10px 5px !important;}
	.btn-afiliate{padding:15px 0!important;}
	.btn-afiliate a{max-width:400px; margin:0 auto;float:none !important;}
	.menu-toggle{text-shadow: 2px 2px 3px black;}
	.sub-toggle{background-color:#a10001; padding-bottom:24px;}
	.transparent #site-navigation ul li .sub-toggle, .transparent #site-navigation ul li:hover .sub-toggle{background-color:#a10001!important; color:#fff!important;}
	.transparent #site-navigation ul li a{padding:0 !important;}
	#masthead{height:196px;}
}

@media (max-width:780px){
	.struct-inicio .panel-layout { display: flex;}
	p{padding:0 10px; text-align:justify;}
	.content-popup p{padding: 0;}
	#pgc-531-0-0, #pgc-531-1-0, #pgc-531-2-0, #pgc-531-3-0, #pgc-531-4-0, #pgc-531-5-0{margin:0 !important;}
	#masthead{height:154px;}
}

@media (max-width: 768px) {
	.tg-container {width:100%!important;padding:0!important}
	#site-navigation{width:100%;text-align:center;margin-top:35px;margin-right:0;}
	.transparent #site-navigation ul li a{padding:0 !important;}
}

@media(max-width:620px){
	#masthead{height:122px;}
}

@media(max-width:550px){
	#masthead{height:122px;}
	.rowPost .col-md-3,.rowPost .col-md-9{width:100%;padding:5px 15px;}
	ul{margin:0;}
}

@media (max-width: 480px){
	.logo{padding:0 !important;}
	#masthead{height:104px;}
}

@media(max-width:450px){
	#site-navigation{margin-top:15px;}
	.content-popup{width:80%;height:auto;}
}

@media (max-width: 410px){
	#masthead{height:69px;}
}

@media (max-width: 300px){
}

@media(max-height:780px){
	.content-popup img{width:300px;}
	
}

@media(max-height:640px){
	.content-popup {width:250px;}
}

@media(max-height:600px){
	.content-popup img{width:80%;}
	.content-popup{width:300px;}
}

@media(max-height:550px){
	.content-popup img{width:60%;}
}