/*
	CSS personalizado para single POST
*/

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

/*    Rojo Oscuro: E11F1D rgb(225, 31, 29) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Rojo Medio: F08F8E rgb(240,143,142) */
/*     Rojo Claro: F7C7C6 rgb(247,199,198) */
/* Rojo Muy Claro: FBE3E2 rgb(251,227,226) */

/*           Gris: B0B0B0 rgb(176,176,176) */

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

#rowHeaderInfo .divFlags  { display: none !important; }
#main                     { padding: 0px !important; }
#main     .full-container { max-width: none !important; }
#colophon                 { background-image: var(--fondo-huella-blanco); }

/**************************************** #rowSinglePost *****************************************/

#rowSinglePost                               { padding: 0px !important; }
#rowSinglePost *                             { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowSinglePost .divSinglePost                { padding: 100px 0px; background-image: var(--fondo-huella-blanco); }
#rowSinglePost .divPost                      { margin: auto; max-width: 980px; }
#rowSinglePost .divVolver    a               { color: #000000; font-size: 16px; font-weight: 400; }
#rowSinglePost .divVolver    a i             { margin-right: 10px; font-weight: 700; color: var(--color1-hex); }
#rowSinglePost .divVolver    a:hover         { color: var(--color1-hex); text-decoration: none; }
#rowSinglePost .divFecha                     { margin-top: 40px; font-size: 16px; font-weight: 400; color: var(--color-gris-hex); }
#rowSinglePost .divTitulo                    { margin-top: 10px; font-size: 30px; font-weight: 600; line-height: 120%; }
#rowSinglePost .divExcerpt                   { margin-top: 30px; font-size: 22px; font-weight: 400; font-style: italic; line-height: 120%; }
#rowSinglePost .divFoto                      { margin-top: 40px; line-height: 0px; }
#rowSinglePost .divContent                   { margin-top: 40px; }
#rowSinglePost .divContent   p               { margin: 20px 0px; line-height: 120%; text-align: justify; }
#rowSinglePost .divContent   p:first-of-type { margin-top:    0px; }
#rowSinglePost .divContent   p:last-of-type  { margin-bottom: 0px; }
#rowSinglePost .divPost      hr              { margin: 20px 0px; background-color: #000000; }
#rowSinglePost .divShare                     { display: flex; align-items: center; }
#rowSinglePost .divShareLabel                { margin-right: 10px; font-size: 20px; font-weight: 700; color: var(--color1-hex); }
#rowSinglePost .divShareRRSS .fa-stack:hover { transform: scale(1.3); }

@media (max-width: 1180px) { #rowSinglePost .divSinglePost { padding: 80px 40px; } }
@media (max-width:  780px) { #rowSinglePost .divSinglePost { padding: 60px 30px; } }
@media (max-width:  580px) { #rowSinglePost .divSinglePost { padding: 40px 30px; } }
@media (max-width:  380px) { #rowSinglePost .divSinglePost { padding: 20px; }      }

@media (max-width:  980px) {
	#rowSinglePost .divFecha        { margin-top: 30px; }
	#rowSinglePost .divTitulo       { margin-top: 10px; font-size: 28px; }
	#rowSinglePost .divExcerpt      { margin-top: 20px; font-size: 20px; }
	#rowSinglePost .divFoto         { margin-top: 30px; }
	#rowSinglePost .divContent      { margin-top: 30px; }
	#rowSinglePost .divContent   p  { margin: 15px 0px; }
	#rowSinglePost .divShareLabel   { font-size: 18px; }
}

@media (max-width:  780px) {
	#rowSinglePost .divFecha        { margin-top: 20px; font-size: 14px; }
	#rowSinglePost .divTitulo       { margin-top: 10px; font-size: 24px; }
	#rowSinglePost .divExcerpt      { margin-top: 10px; font-size: 18px; }
	#rowSinglePost .divFoto         { margin-top: 20px; }
	#rowSinglePost .divContent      { margin-top: 20px; }
	#rowSinglePost .divContent   p  { font-size: 14px; }
}

@media (max-width:  580px) {
	#rowSinglePost .divVolver    a  { font-size: 14px; }
	#rowSinglePost .divFecha        { margin-top: 15px; }
	#rowSinglePost .divTitulo       { margin-top:  5px; font-size: 22px; }
	#rowSinglePost .divExcerpt      { margin-top: 10px; font-size: 16px; }
	#rowSinglePost .divFoto         { margin-top: 15px; }
	#rowSinglePost .divContent      { margin-top: 15px; }
	#rowSinglePost .divContent   p  { margin: 10px 0px; font-size: 13px; }
}

@media (max-width:  380px) {
	#rowSinglePost .divVolver    a  { font-size: 13px; }
	#rowSinglePost .divFecha        { margin-top: 15px; font-size: 13px; }
	#rowSinglePost .divTitulo       { margin-top:  5px; font-size: 20px; }
	#rowSinglePost .divExcerpt      { margin-top: 10px; font-size: 14px; }
	#rowSinglePost .divContent   p  { font-size: 13px; text-align: left; }
	#rowSinglePost .divShare        { flex-direction: column; }
	#rowSinglePost .divShareRRSS    { margin-top: 10px; }
}