/*
Theme Name:   generatepress child theme
Description:  Write here a brief description about your child-theme
Author:       admin
Author URL:   Write here the author's blog or website url
Template:     generatepress
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  generatepress-child
*/

/* Write here your own personal stylesheet */

@import "custom.css";
@import "section.css";
/*  */

/* #353535 */
/* #666666 */
/* #cccccc */
/* #8c0100 rojo */
/* #014D73 azul */
/* #d96f0b */

/* Menu */

@media only screen and (min-width:780px) {
.main-navigation, .main-navigation ul {height: 30px;}
.main-navigation .menu-bar-item > a {line-height: 20px;}
}
.main-navigation .main-nav ul li a {line-height: 30px !important;}
.main-navigation .main-nav ul ul li a {padding: 5px 10px !important;}


.gp-modal--open:not(.gp-modal--transition) .gp-modal__overlay {
opacity: 0.9;
}

.footer-widget-3 img {
width: 150px;
}

/* */ 

.author_name{margin: 0px auto;font-size: 12px;font-style: italic;}
h6{text-align:right;}

.cuadro_portada{
    border-bottom: 2px solid #353535;
}

/* slider */

.st-slider img {
  height: 500px;
  width: 100%;
  object-fit: cover;
}


.st-slider .titel{height:270px;overflow:hidden;padding:0 15px;text-align:center;}
.st-slider .titel h3{margin:15px 0 10px 0;}
.st-slider .titel h1{margin:0px;}
.st-slider .titel .author_name{text-align:center;border:none;}
.st-slider .titel p{text-align:justify;margin-top:10px;margin-left:15px;padding-left:15px; border-left:5px solid #8c0100;}


/* secs */

@media only screen and (min-width:780px) {
.secs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	}
.secdiv3 { grid-area: 1 / 1 / 2 / 3; }
.secdiv4 { grid-area: 2 / 1 / 3 / 2; }
.secdiv5 { grid-area: 2 / 2 / 3 / 3; }
.secdiv6 { grid-area: 1 / 3 / 3 / 4; } 
}

@media only screen and (max-width:480px) {
	.st-slider .excerpt{display:none;}
}


.secdiv3{background:#8c0100;padding:10px;color:#f2f2f2;}
.secdiv3 a{color:#f2f2f2;}
.secdiv3 .fotos img{float:left;height:350px;width: 50%;object-fit:cover;margin-right:10px;}
.secdiv3 .titel{background:#8c0100;padding:10px;}

.secportada .excerpt{
  display: -webkit-box; /* para compatibilidad con navegadores basados en WebKit */
  -webkit-line-clamp: 4; /* número máximo de líneas a mostrar */
  -webkit-box-orient: vertical; /* orientación del contenido */
  overflow: hidden; /* oculta el texto que se desborda del contenedor */
  text-overflow: ellipsis; /* agrega puntos suspensivos al final del texto truncado */
}

.secportada{height: 370px;overflow:hidden;font-size:13px;}
.secportada h3{font-size:14px;margin:0 auto 5px auto;}
.secportada h1{font-size:24px;}
.secdiv4 .fotos img, .secdiv5 .fotos img{
    height:120px;
	width:100%;
    object-fit:cover;
    overflow:hidden;
    margin-bottom:10px;
}
.secdiv4, .secdiv5{
    border:1px solid #8c0100;
    padding:10px;
}



/* thirds */
@media only screen and (min-width:780px) {
.thirds {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: 10px;
}

.thirddiv1 { grid-area: 1 / 1 / 2 / 2; }
.thirddiv2 { grid-area: 1 / 2 / 2 / 3; }
.thirddiv3 { grid-area: 1 / 3 / 2 / 4; }
.thirddiv4 { grid-area: 1 / 4 / 2 / 5; }

}


.portalthirds{background-color:#014D73;padding:10px;height:320px;color:#f2f2f2;overflow: hidden;}

@media only screen and (max-width:780px) {
.portalthirds {
margin-bottom: 10px;
height: 280px;
}
}

.portalthirds .fotos img{
    height:130px;
    width:100%;
    object-fit:cover;
    overflow:hidden;
    margin-bottom:10px;
}
.portalthirds .excerpt p{display:none;}
.portalthirds h3{font-size:14px;margin-bottom:5px;}
.portalthirds h1{font-size:20px;font-weight:500;}
.portalthirds a{color:#f2f2f2;}
.post-date{margin:10px 0 0 0;}



/* woman */

@media only screen and (min-width:780px) {
.boxes {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: 10px;
}

.contdiv1 { grid-area: 1 / 1 / 2 / 4; }
.contdiv2 { grid-area: 1 / 4 / 2 / 5; } 
}



/* special */
.special {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
}

.spdiv { grid-area: 1 / 1 / 2 / 3; }
.spdiv0 { grid-area: 2 / 1 / 3 / 2; }
.spdiv1 { grid-area: 2 / 2 / 3 / 3; }
.spdiv2 { grid-area: 3 / 1 / 4 / 2; }
.spdiv3 { grid-area: 3 / 2 / 4 / 3; }

.special {
height: 660px;
padding:10px;
}
h4{color:#f2f2f2;}
.spdiv{
height: 40px;
padding: 10px 0 0 0;
overflow: hidden;
}
.spdiv h4 a{
color: #f2f2f2;
font-family:oswald;
}
.sp{
    background-color:#f9f9f9;
    padding:10px;
    height:290px;
	overflow: hidden;
}
.sp img{
    height:130px;
    width:100%;
    object-fit:cover;
    margin-bottom:10px;
}
.sp h3{font-size:14px;margin:0px;}
.sp h2{font-size:20px;margin:5px 0px;}


/* colores special */ 
.women{background-color:#909;}
.judgment{background-color:#353535;}


/* Imagenes */
.imagenes {
text-align: center;
background: black;
}



/* ********** */
/* author bio */
/* ********** */
.author_bio_section{border:1px solid #ccc;margin: 20px auto;padding:10px;}
.author_bio_section .a_name{font-size:25px;color:#999;margin:6px;}
.author_bio_section .a_details{font-size:12px;}
.author_bio_section .a_links {font-size:14px;text-align:right;font-weight:bold;text-decoration:none;}
.author_bio_section > a, .author_bio_section > a:link{text-decoration:none;color:#999;}
.author_bio_section .foto_bio{width:150px;}


@media only screen and (min-width: 600px)   {
.author_bio_section {
			display: grid;
			grid-gap: 1rem;
			grid-template-columns: 1fr 1fr 1fr 1fr;
			grid-template-areas:
				"bio1 bio2 bio2 bio2"
				;
		}
}

.author_bio_section  .foto_bio{grid-area: bio1;}
.author_bio_section  .bio{grid-area: bio2;}



/************************/
/*         Post          /
/* **********************/

section{background-color:#ffffff;}
.singleheader img{width:100%;}
.featured-image-caption{font-size:12px;margin:0 1em 2em 1em;color:#353535;}
.singleheader h1{text-align:center;}
.singleheader h3{margin:15px 0;text-align:center;font-family:oswald;font-weight:500;}


.post-metainf{margin: 18px auto;}
.post-metainf .line{text-align:center;font-size:12px;}
.post-metainf .icon{height:24px;margin:0 5px;display:inline-table;position:relative;top:5px;}
.post-metainf .lupe{font-size:24px;color:#006699;font-weight:bold;}
.post-metainf a:hover{background-color:#353535;color:#ffffff;}

.post-metatags .categorias{text-align:center;font-size:12px;margin:3px;}
.post-metatags a:hover{background-color:#0073aa;color:#ffffff;padding:6px;border:1px solid #f7f8f9;}
.author_single{text-align:center;font-style:italic;}
.author_single a{color: var(--contrast);}

#art{margin:10px;}
#art p.intro { font-weight:bold;margin-top:20px; }

#back{border-radius: 6px;color:white;background-color:#0073AA;width: 60px;padding:5px;text-align: center;margin:25px 0px;}
#back:hover{background-color:#333333;}
#back a:link{color:#ffffff;}

/************************/
/*  disclaimer */
/************************/
#disclaimer {background-color:#FFFFFF;background-image: url("icons/alerta.gif");
    background-position: right bottom;background-repeat: no-repeat;
	background-color:#ffffff;border: 2px solid #800;
	font-size:10px;	font-family:Geneva, Arial, Helvetica, sans-serif;width: 200px;float: right;margin: 10px 0px 10px 10px;
}
.new-disclaimer{width:100%;padding:20px;height:100px;}

/* Sidebar */
.interes {
border: 1px solid #cccccc;
padding: 10px;
}
.interes h3 {
font-family:oswald;
font-weight:400;
}
.recommended {
text-indent: -20px;
margin: 3px 0 0 20px;
}
.recommended::before{content: '🔗';}



/* imagenes radio */

@media only screen and (min-width: 450px){
	.imagenradio {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	}

	.logoradio { grid-area: 1 / 1 / 2 / 2; }
	.tituloradio { grid-area: 1 / 2 / 2 / 3; } 
}


.imagenradio {background:black;}
.tituloradio {padding: 10px; color: white; font-size: 14px; line-height: 1.4; font-family: "fira sans", arial;}
  .logoradio {width: 100%;}