/*
  drdv.css: Archivo personalizado que sobreescribe todos los css del template (en este caso T4)
  Para que funcione, es necesario copiar la siguiente linea de código al final del archivo templates/t4_blank/index.php
  Con esto se hace el llamado de últimas al archivo drdv.css que sobreescribe los otros archivos de estilo cargados previamente.

    // Custom css (drdv)
    JHtml::_('stylesheet', JUri::root() . 'templates/' . $this->template . '/css/drdv.css');

  Fuente: https://joomla.stackexchange.com/questions/3877/how-do-i-override-the-css-styles-in-my-template

  Directorios:
    Local:      http://bitjaguar.co/demo-01/revistalapiola/
    BitJaguar:  http://bitjaguar.co/demo-01/revistalapiola/
    Online:     http://revistalapiola.com/

  Última modificación: 2021-02-17
*/


/******************************************************************************* INI: Easy Image Caption*/

.t4-section.t4-main-body .t4-col .com-content-article .page-header h2{
  padding-top: 10px;
  font-size: 35px;
  font-weight: 600 !important;
  color: #ec8e00;  
}
@media only screen and (max-width: 768px){
  .t4-section.t4-main-body .t4-col .com-content-article .page-header h2{
    font-size: 24px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 991px){
  .t4-section.t4-main-body .t4-col .com-content-article .page-header h2{
    font-size: 30px;
  }
}
.t4-section.t4-main-body .t4-col .com-content-article .article-info{
  padding-bottom: 25px;
  margin-top: 0px;
}
@media only screen and (max-width: 768px){
  .t4-section.t4-main-body .t4-col .com-content-article .article-info{
	  padding-bottom: 15px;
  }
}
.t4-section.t4-main-body .t4-col .com-content-article .article-info .createdby span,
.t4-section.t4-main-body .t4-col .com-content-article .article-info .category-name a{
  font-weight: normal !important;
  color: #6C757D;
}
.t4-section.t4-main-body .t4-col .com-content-article .article-info .published span::before {
  content: "";
}
.t4-section.t4-main-body .t4-col .com-content-article.item-page .pull-left.item-image,
.t4-section.t4-main-body .t4-col .com-content-article.item-page .item-image.pull-left{
  position: relative;
  float: none;
  margin-right: 0px !important;
  margin-bottom: 25px;
  width: 100%;
}
.t4-section.t4-main-body .t4-col .com-content-article.item-page .pull-left.item-image img{
  width: 100%;
}
.t4-section.t4-main-body .t4-col .com-content-article.item-page .pull-left.item-image .caption,
.t4-section.t4-main-body .t4-col .com-content-article.item-page .item-image.pull-left .caption{
  position: absolute;
  bottom: 0px;
  padding: 5px 15px;
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  background-color: #00000044;
  text-align: left;
  text-transform: capitalize;
}
.easy_img_caption{
  position: relative;
  width: 100% !important;
  margin: 10px 0px !important;
  padding: 0px !important;
}
.easy_img_caption .easy_img_caption_inner{
  position: absolute;
  bottom: 0px;
  padding: 5px 15px;
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  background-color: #00000044;
  text-align: left;
  text-transform: capitalize;
}
.easy_img_caption .easy_img_caption_inner span{  
  color: #ffffff !important;
  font-size: 12px !important;
  text-align: left !important;
}
.t4-section.t4-main-body .t4-col .com-content-article.item-page .com-content-article__body{
  padding-bottom: 30px;
}
.t4-section.t4-pie-de-pag .t4-section-inner.container{
  padding-left: 0px;
  padding-bottom: 70px;
}
@media only screen and (max-width: 991px){
  .t4-section.t4-pie-de-pag .t4-section-inner.container{
    padding-left: 30px;
    padding-right: 25px;
  }
}
/******************************************************************************* FIN: Easy Image Caption */


/******************************************************************************* INI: Simple Gallery */
.sigFreeContainer.sigFreeClassic li .easy_img_caption_inner span{
	display: none !important;
}
/******************************************************************************* FIN: Simple Gallery */

@media only screen and (min-width: 1400px){
	.com-content-article.item-page{
		padding-left: 15%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1399px){
	.com-content-article.item-page{
		padding-left: 3%;
		padding-right: 2%;
	}
}
@media only screen and (min-width: 769px) and (max-width: 991px){
	.com-content-article.item-page{
		padding-left: 5%;
		padding-right: 2%;
	}
}
@media only screen and (max-width: 768px){
	.com-content-article.item-page{
		padding-left: 0%;
		padding-right: 0%;
	}
}