/*
	CSS personalizado para single POST
*/

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

/*    Rojo Oscuro: D74F41 rgb(215, 79, 65) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Rojo Medio: EBA7A0 rgb(235,167,160) */
/*     Rojo Claro: F5D3CF rgb(245,211,207) */
/* Rojo Muy Claro: FAE9E7 rgb(250,233,231) */

/*           Añil: 143046 rgb( 20, 48, 70) */
/*          Ambar: E6AF40 rgb(230,175, 64) */
/*          Oliva: 4C5335 rgb( 76, 83, 53) */
/*          Crema: FAEFD9 rgb(250,239,217) */

/****************************************** SINGLE POST ******************************************/

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

/************************************** #rowSinglePostIntro **************************************/

#rowSinglePostIntro *                   { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowSinglePostIntro .divSinglePostIntro { cursor: default; }
#rowSinglePostIntro .divContent         { position: relative; margin: auto; padding: 140px 0px 40px 0px; max-width: 780px; z-index: 1; }
#rowSinglePostIntro .divHeading h3      { color: var(--color1-hex) !important; }
#rowSinglePostIntro .divHeading p       { font-size: 18px; font-weight: 700; font-style: italic; line-height: 140%; }

@media (max-width:  980px) { #rowSinglePostIntro .divContent { padding: 100px 40px 40px 40px; } #rowSinglePostIntro .divHeading p { font-size: 16px; } }
@media (max-width:  780px) { #rowSinglePostIntro .divContent { padding: 100px 40px 20px 40px; } #rowSinglePostIntro .divHeading p { font-size: 16px; } }
@media (max-width:  580px) {                                                                    #rowSinglePostIntro .divHeading p { font-size: 14px; } }
@media (max-width:  380px) { #rowSinglePostIntro .divContent { padding: 100px 20px 40px 20px; } #rowSinglePostIntro .divHeading p { font-size: 13px; } }

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

#rowSinglePost *                     { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowSinglePost .divSinglePost        { position: relative; margin: auto; max-width: 980px; display: flex; justify-content: space-between; z-index: 1; cursor: default; }
#rowSinglePost .divEntrada           { display: flex; flex-wrap: wrap; }
#rowSinglePost .divFoto              { width: 600px; line-height: 0px; }
#rowSinglePost .divMetas             { margin-top: auto; padding-left: 20px; width: calc(100% - 600px); }
#rowSinglePost .divMetas   ul        { margin: 0px; list-style-type: none; }
#rowSinglePost .divMetas   li        { margin-left: 0px; font-family: var(--font-family-rowdies); font-weight: 400; color: var(--color1-hex); }
#rowSinglePost .divMetas   li        { display: flex; align-items: center; white-space: nowrap; }
#rowSinglePost .divMetas   li a      { text-decoration: none; }
#rowSinglePost .divMetas   .divFecha { margin-top: 10px; font-family: var(--font-family-rowdies); font-weight: 400; font-style: italic; color: var(--color2-hex); }
#rowSinglePost .divContent           { margin-top: 20px; width: 100%; }
#rowSinglePost .divContent p         { margin: 20px 0px; text-align: justify; }
#rowSinglePost .divShare             { margin-top: 10px; padding: 30px 0px 60px 0px; width: 100%; border-top: solid 1px var(--color5-hex); }

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

@media (max-width:  980px) {
	#rowSinglePost .divFoto              { width: calc(100% - 200px); }
	#rowSinglePost .divMetas             { width: 200px; }
	#rowSinglePost .divContent           { margin-top: 15px; }
	#rowSinglePost .divContent p         { margin: 15px 0px; }
	#rowSinglePost .divShare             { margin-top: 0px; padding: 20px 0px 40px 0px; }
}

@media (max-width:  780px) {
	#rowSinglePost .divSinglePost        { padding: 0px 30px; }
	#rowSinglePost .divFoto              { width: calc(100% - 185px); }
	#rowSinglePost .divMetas             { width: 185px; }
	#rowSinglePost .divContent           { margin-top: 10px; }
	#rowSinglePost .divContent p         { margin: 10px 0px; }
	#rowSinglePost .divShare             { padding: 20px 0px 40px 0px; transform-origin: left; transform: scale(0.75); }
}

@media (max-width:  580px) {
	#rowSinglePost .divFoto              { width: 100%; }
	#rowSinglePost .divMetas             { margin-top: 10px; padding: 0px; width: 100%; }
	#rowSinglePost .divMetas   ul        { display: flex; flex-wrap: wrap; }
	#rowSinglePost .divMetas   li        { margin-right: 10px; font-weight: 300; }
	#rowSinglePost .divMetas   .divFecha { margin-top: 5px; font-weight: 300; }
	#rowSinglePost .divContent           { margin-top: 10px; padding-top: 10px; border-top: solid 1px var(--color5-hex); }
}

@media (max-width:  380px) {
	#rowSinglePost .divSinglePost        { padding: 0px 20px; }
}