/*
	CSS personalizado para single POST
*/

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

/*      Color Oscuro: 6F6F6F rgb(111,111,111) */
/*              Gris: 999999 rgb(153,153,153) */
/*       Color Medio: B7B7B7 rgb(183,183,183) */
/*       Color Claro: DBDBDB rgb(219,219,219) */
/*   Color muy Claro: EDEDED rgb(237,237,237) */

/*	    Color Morado: 8447AE rgb(132, 71,174) */
/*	    Color Footer: 929DA3 rgb(146,157,163) */

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

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

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

#rowSinglePost                                      { position: relative; padding: 0px !important; }
#rowSinglePost *                                    { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowSinglePost .divSinglePost                       { padding: 40px 0px; }
#rowSinglePost .divPost                             { position: relative; margin: auto; max-width: 1080px; }
#rowSinglePost .divFoto                             { padding: 10px; border: solid 1px var(--color1-hex); line-height: 0px; text-align: center; }
#rowSinglePost .divPost.noticia .divFechaEvento     { display: none !important; }
#rowSinglePost .divFechaEvento                      { position: absolute; top: -5px; right: 30px; cursor: default; }
#rowSinglePost .divFechaEvento:before               { content: ""; width: 200px; height: 200px; display: block; background-image: url("/wp-content/themes/h2territory/images/calendar.png"); }
#rowSinglePost .divFechaEvento:before               { background-repeat: no-repeat; background-size: contain; }
#rowSinglePost .divFechaEvento  div                 { position: absolute; left: 0px; width: 100%; text-align: center; line-height: 100%; }
#rowSinglePost .divFechaEvento  .divSem             { top:  35px; font-size: 24px; font-weight: 500; color: #FFFFFF;                    letter-spacing: -1px;      }
#rowSinglePost .divFechaEvento  .divMes             { top:  75px; font-size: 20px; font-weight: 700; color: #000000;                    text-transform: uppercase; }
#rowSinglePost .divFechaEvento  .divDia             { top: 100px; font-size: 70px; font-weight: 700; color: #000000; line-height:  90%;                            }
#rowSinglePost .divFechaEvento  .divAño             { top: 160px; font-size: 20px; font-weight: 500; color: #000000; line-height: 120%; letter-spacing:  5px;      }
#rowSinglePost .divTitulo                           { margin-top: 20px; }
#rowSinglePost .divTitulo       h1                  { color: var(--color1-hex); font-size: 32px; font-weight: bold; text-align: center; line-height: 100%; }
#rowSinglePost .divFecha                            { margin: 10px 0px 20px 0px; font-size: 24px; font-style: italic; text-align: center; }
#rowSinglePost                  hr                  { margin: 40px 0px; background-color: var(--color4-hex); }
#rowSinglePost .divShare                            { display: flex; align-items: center; justify-content: center; }
#rowSinglePost .divShareIcon                        { margin-right: 15px; width: 40px; height: 40px; font-size: 40px; color: var(--color1-hex); display: flex; align-items: center; justify-content: center; }
#rowSinglePost .divShareRRSS    div                 { margin: 0px 10px; border: solid 2px var(--color-ver1-hex); border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; }
#rowSinglePost .divShareRRSS    div a               { color: transparent !important; }
#rowSinglePost .divShareRRSS    div:last-of-type    { display: none !important; }
#rowSinglePost .divShare        .hoverScale12:hover { transform: scale(1.1); }

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

@media (max-width:  980px) {
	#rowSinglePost .divFechaEvento:before   { width: 180px; height: 180px; }
	#rowSinglePost .divFechaEvento  .divSem { top:  28px; font-size: 20px; }
	#rowSinglePost .divFechaEvento  .divMes { top:  73px; font-size: 18px; }
	#rowSinglePost .divFechaEvento  .divDia { top:  93px; font-size: 60px; }
	#rowSinglePost .divFechaEvento  .divAño { top: 143px; font-size: 18px; }
	#rowSinglePost .divTitulo       h1      { font-size: 28px; }
	#rowSinglePost .divFecha                { font-size: 22px; }
	#rowSinglePost                  hr      { margin: 30px 0px; }
	#rowSinglePost .divShareIcon            { width: 36px; height: 36px; font-size: 36px; }
	#rowSinglePost .divShareRRSS    div     { width: 45px; height: 45px; }
	#rowSinglePost .divShareRRSS    a       { font-size: 18px !important; }
}

@media (max-width:  780px) {
	#rowSinglePost .divFechaEvento          { top: -3px; right: 20px; }
	#rowSinglePost .divFechaEvento:before   { width: 140px; height: 140px; }
	#rowSinglePost .divFechaEvento  .divSem { top:  22px; font-size: 18px; }
	#rowSinglePost .divFechaEvento  .divMes { top:  55px; font-size: 16px; }
	#rowSinglePost .divFechaEvento  .divDia { top:  75px; font-size: 50px; }
	#rowSinglePost .divFechaEvento  .divAño { top: 115px; font-size: 16px; letter-spacing: 4px; }
	#rowSinglePost .divTitulo       h1      { font-size: 24px; }
	#rowSinglePost .divFecha                { font-size: 20px; }
	#rowSinglePost                  hr      { margin: 25px 0px; }
	#rowSinglePost .divContent      p       { font-size: 14px; }
	#rowSinglePost .divShareIcon            { width: 32px; height: 32px; font-size: 32px; }
	#rowSinglePost .divShareRRSS    div     { width: 40px; height: 40px; }
	#rowSinglePost .divShareRRSS    a       { font-size: 16px !important; }
}

@media (max-width:  580px) {
	#rowSinglePost .divSinglePost           { padding: 30px; }
	#rowSinglePost .divFechaEvento          { top: -2px; right: 10px; }
	#rowSinglePost .divFechaEvento:before   { width: 105px; height: 105px; }
	#rowSinglePost .divFechaEvento  .divSem { top:  15px; font-size: 16px; }
	#rowSinglePost .divFechaEvento  .divMes { top:  40px; font-size: 14px; letter-spacing: -1px; }
	#rowSinglePost .divFechaEvento  .divDia { top:  55px; font-size: 40px; }
	#rowSinglePost .divFechaEvento  .divAño { top:  85px; font-size: 14px; letter-spacing: 3px; }
	#rowSinglePost .divTitulo       h1      { font-size: 22px; }
	#rowSinglePost .divFecha                { font-size: 18px; }
	#rowSinglePost                  hr      { margin: 20px 0px; }
	#rowSinglePost .divShareIcon            { width: 28px; height: 28px; font-size: 28px; }
	#rowSinglePost .divShareRRSS    div     { width: 35px; height: 35px; }
	#rowSinglePost .divShareRRSS    a       { font-size: 14px !important; }
}

@media (max-width:  380px) {
	#rowSinglePost .divSinglePost           { padding: 20px; }
	#rowSinglePost .divFechaEvento          { top: -1px; right: -20px; }
	#rowSinglePost .divFechaEvento:before   { width: 90px; height: 90px; }
	#rowSinglePost .divFechaEvento  .divSem { top:  13px; font-size: 14px; }
	#rowSinglePost .divFechaEvento  .divMes { top:  34px; font-size: 13px; }
	#rowSinglePost .divFechaEvento  .divDia { top:  48px; font-size: 30px; }
	#rowSinglePost .divFechaEvento  .divAño { top:  70px; font-size: 13px; }
	#rowSinglePost .divFoto                 { padding: 5px; }
	#rowSinglePost .divTitulo       h1      { font-size: 20px; }
	#rowSinglePost .divFecha                { font-size: 16px; }
	#rowSinglePost .divContent      p       { font-size: 13px; }
	#rowSinglePost .divShareIcon            { width: 24px; height: 24px; font-size: 24px; }
	#rowSinglePost .divShareRRSS    div     { width: 30px; height: 30px; }
	#rowSinglePost .divShareRRSS    a       { font-size: 12px !important; }
}