/*
  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: 2020-10-15
*/



/******************************************************************************* INI: Footer share*/
.piola-footer-share{
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  padding: 2px 10px 2px 0px;
  color: #000000;
  z-index: 99;
}
.piola-footer-share div{
  margin: 0px 18px;
}
.piola-footer-share-txt{
  font-size: 16px;
  margin: 0px !important;
}
.piola-footer-share-icon{
  font-size: 21px;
  cursor: pointer;
  transition: 0.2s;
}
.piola-footer-share .fb a{
  color: #000000;
  transition: 0.2s;
}
.piola-footer-share .fb a:active,
.piola-footer-share .fb a:focus{
  color: #1877f2;
}
.piola-footer-share .fb:hover a{
  color: #1877f2;
}
.piola-footer-share .tw a{
  color: #000000;
  transition: 0.2s;
}
.piola-footer-share .tw a:active,
.piola-footer-share .tw a:focus{
  color: #1da1f2;
}
.piola-footer-share .tw:hover a{
  color: #1da1f2;
}
.piola-footer-share .wt a{
  color: #000000;
  transition: 0.2s;
}
.piola-footer-share .wt a:active,
.piola-footer-share .wt a:focus{
  color: #25d366;
}
.piola-footer-share .wt:hover a{
  color: #25d366;
}
#back-to-top{
  z-index: 100;
}
/******************************************************************************* FIN: Footer share*/
