/*
	CSS personalizado para single POST
*/

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

/*    Color Oscuro: 1A4189 rgb( 26, 65,137) */
/*            Gris: 999999 rgb(153,153,153) */
/*     Color Medio: 8CA0C4 rgb(140,160,196) */
/*     Color Claro: C5CFE1 rgb(197,207,225) */
/* Color muy Claro: E2E7F0 rgb(226,231,240) */

/*      Color Azul: 5493C6 rgb( 84,147,198) */
/*    Color Marron: CA831B rgb(202,131, 27) */
/*	   Color Caqui: C1AB54 rgb(193,171, 84) */
/*	Color Turquesa: 4BB6C7 rgb( 75,182,199) */
/*	  Color Marrón: 6D5654 rgb(109, 86, 84) */

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

#main                 { padding: 0px !important; }
#main .full-container { max-width: none !important; }

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

#rowSinglePost                               { padding: 0px !important; }
#rowSinglePost *                             { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowSinglePost .divSinglePost                { padding: 60px 0px; }
#rowSinglePost .divPost                      { margin: auto; max-width: 980px; }
#rowSinglePost .divTitulo    h1              { font-family: var(--font-family-normal) !important; font-weight: 600; }
#rowSinglePost .divFoto                      { margin: 40px 0px; line-height:  0px; text-align: center; }
#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: 30px; font-weight: 700; color: var(--color-amarillo-hex); }
#rowSinglePost .divShareRRSS .fa-stack:hover { transform: scale(1.2); }
#rowSinglePost .aButton                      { margin-left: auto; }

@media (max-width: 1180px) { #rowSinglePost .divSinglePost { padding: 60px 40px; } }

@media (max-width:  980px) {
	#rowSinglePost .divFoto           { margin: 30px 0px; }
	#rowSinglePost .divContent   p    { margin: 15px 0px; }
	#rowSinglePost .divShareLabel     { font-size: 24px; }
}

@media (max-width:  780px) {
	#rowSinglePost .divSinglePost     { padding: 40px 30px; }
	#rowSinglePost .divFoto           { margin: 20px 0px; }
}

@media (max-width:  580px) {
	#rowSinglePost .divSinglePost     { padding: 30px; }
	#rowSinglePost .divContent   p    { margin: 10px 0px; font-size: 14px; }
	#rowSinglePost .divShareLabel     { font-size: 25px; }
	#rowSinglePost .divShareRRSS a    { font-size: 13px !important; }
	#rowSinglePost .divShareRRSS span { width: 33px; }
	#rowSinglePost .aButton           { padding: 7px 10px; }
}

@media (max-width:  380px) {
	#rowSinglePost .divSinglePost     { padding: 20px; }
	#rowSinglePost .divContent   p    { font-size: 13px; text-align: left; }
	#rowSinglePost .divShare          { flex-direction: column; }
	#rowSinglePost .divShareRRSS      { margin-top: 10px; }
	#rowSinglePost .aButton           { margin: 20px 0px; }
}