/*
	CSS personalizado para 06 NOTICIAS
*/

/**************************************** GAMA DE COLORES ****************************************/

/*    Rojo Oscuro: DD0000 rgb(221,  0,  0) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Rojo Medio: F3A6A6 rgb(243,166,166) */
/*     Rojo Claro: F9D2D2 rgb(249,210,210) */
/* Rojo Muy Claro: FDEDED rgb(253,237,237) */
/*          Beige: CB9D61 rgb(203,157, 97) */

/************************************ MODIFICADOS DE syle-home ***********************************/

/******************************************* GENERALES *******************************************/

.page-template-page-06-noticias .entry-content *  { line-height: 100%; }

/***************************************** #rowNoticias *****************************************/

/* LOOP NOTICIAS */

#rowNoticias .vantage-grid-loop       { margin: 0px; display: flex; flex-wrap: wrap; justify-content: center; }
#rowNoticias article                  { float: none; margin: 10px; padding: 0px !important; width: calc(33.33% - 20px); background: #FFFFFF; border-radius: 8px; }
#rowNoticias article                  { overflow: hidden; box-shadow: 0px 2px 5px rgba(0,0,0,0.5); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#rowNoticias article:hover            { transform: translateY(-10px); }
#rowNoticias article a.grid-thumbnail { padding: 0px; height: 140px; border: none; box-shadow: none; overflow: hidden; }
#rowNoticias article h3               { margin: 10px 15px !important; padding: 0px 0px 0px 5px; border-left: solid 3px var(--color1-hex); }
#rowNoticias article h3               { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#rowNoticias article h3               { font-size: 16px !important; line-height: 100%; height: calc((16px * 1.0 * 3) - 0px); -webkit-line-clamp: 3; }
#rowNoticias article .excerpt         { padding: 0px; }
#rowNoticias article .excerpt p       { margin: 0px 15px 10px 15px !important; padding: 0px; font-size: 14px; text-align: left; cursor: default; }

#rowNoticias .pagination { text-align: center; }

/* BUSCADOR */

#rowNoticias .widget_search                    { margin-bottom: 20px !important; }
#rowNoticias .widget_search input              { font-family: var(--font-family-normal); color: #FFFFFF; background: none; border: solid 1px #FFFFFF; }
#rowNoticias .widget_search input::placeholder { color: #FFFFFF; }

/* ARCHIVO, CATEGORIAS, TAGS */

#rowNoticias .wpdt-archives    { margin-bottom: 20px !important; }
#rowNoticias h3.widget-title   { margin-bottom: 10px !important; padding-bottom: 5px; color: #FFFFFF; border-bottom: solid 1px #FFFFFF; }
#rowNoticias .dtree img        { padding: 0px !important; background: none !important; filter: brightness(0) invert(1); }
#rowNoticias .dtree a          { color: #FFFFFF; }
#rowNoticias .dtree a:hover    { text-decoration: underline; }
#rowNoticias .wpdt-categories  { margin-bottom: 20px !important; }
#rowNoticias .tagcloud a       { color: #FFFFFF; }
#rowNoticias .tagcloud a:hover { text-decoration: underline; }

@media (max-width: 1080px) { #rowNoticias { padding: 0px 40px !important; } }
@media (max-width:  980px) { #rowNoticias article { width: calc(50% - 20px); } }

@media (max-width:  780px) {
	#rowNoticias div[id^="pgc-"][id*="-1"] { display: flex; flex-wrap: wrap; justify-content: center; }
	#rowNoticias .widget_search            { margin: 20px 10px 10px 10px !important; width: 100%; }
	#rowNoticias .wpdt-archives            { margin: 10px 20px !important; width: calc(50% - 40px); max-width: 200px; }
	#rowNoticias .wpdt-categories          { margin: 10px 20px !important; width: calc(50% - 40px); max-width: 200px; }
	#rowNoticias .widget_tag_cloud         { margin: 10px 10px !important; width: 100%; }
}

@media (max-width:  580px) {
	#rowNoticias         { padding: 0px 30px !important; }
	#rowNoticias article { width: calc(100% - 20px); }
}

@media (max-width:  480px) {
	#rowNoticias div[id^="pgc-"][id*="-1"] { justify-content: left; }
	#rowNoticias .widget_search            { margin: 20px 10px 5px 10px !important; }
	#rowNoticias .wpdt-archives            { margin: 5px 10px !important; width: 100%; }
	#rowNoticias .wpdt-categories          { margin: 5px 10px !important; width: 100%; }
	#rowNoticias .widget_tag_cloud         { margin: 5px 10px !important; width: 100%; }
}