/*
  drdv.css: Archivo personalizado que sobreescribe todos los css del template (en este caso Purity3)
  Para que funcione, es necesario copiar la siguiente linea de código al final del archivo templates/purity_iii/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:      https://pickyholds.com/
    BitJaguar:  https://bitjaguar.co/demo-01/pickyholds/
    Online:     https://pickyholds.com/

  Última modificación: 2020-09-24
*/


/******************************************************************************* BODY: INI*/
body{
  background-color: #212529 !important;
}
/******************************************************************************* BODY: FIN*/

/******************************************************************************* MENU: INI*/
.picky-menu{
  height: 50px;
  background-color: #f6632d !important;
}
.picky-menu .navbar-brand.logo-image.logo-control img{
  width: auto;
  height: 50px;
  max-width: none;
  max-height: none;
  margin-right: 10px;
}
.picky-menu .t4-navbar .navbar.navbar-expand-lg button{
  display: none;
}
.picky-menu .t4-navbar > span{
  right: 8px;
}
.picky-menu .t4-navbar .navbar{
  margin-left: 40px;
}
.picky-menu .t4-navbar .navbar .t4-megamenu .nav .nav-item a{
  margin-left: 10px;
  margin-right: 10px;
  color: #000000 !important;
  font-size: 17px;
  letter-spacing: 1px;
  transition: 0.2s;
}
.picky-menu .t4-navbar .navbar .t4-megamenu .nav .nav-item.active a span span{
  color: #ffffff;
}
.picky-menu .t4-navbar .navbar .t4-megamenu .nav .nav-item a:hover span span{
  color: #ffffff !important;
}
.picky-menu .t4-navbar .navbar .t4-megamenu .nav .nav-item a:hover{  
  transform: scale(1.15);
}
.picky-menu .t4-navbar .navbar .t4-megamenu .nav .nav-item:nth-of-type(3) a:hover{
  transform: scale(1.05);
}
.picky-menu .t4-section-inner .t4-row .t4-col .t4-navbar span span{
  color: #000000;
}
.navigation-nav-pickyholds .t4-offcanvas .t4-off-canvas-header h3{
  display: none;
}
.navigation-nav-pickyholds .t4-offcanvas .t4-off-canvas-header{
  background-color: #f6632d;
}
.navigation-nav-pickyholds .t4-offcanvas .t4-off-canvas-header button span{
  color: #ffffff;
  background-color: #f6632d;
}
.navigation-nav-pickyholds .t4-offcanvas .t4-off-canvas-body{
  background-color: #ffffff;
}
.navigation-nav-pickyholds .t4-offcanvas .t4-off-canvas-body .t4-module .navbar{
  margin-left: 30px;
}
.navigation-nav-pickyholds .t4-offcanvas .t4-off-canvas-body .t4-module ul{
  list-style: circle outside url(https://pickyholds.com/images/corporativo/logo_list.png);
}
.navigation-nav-pickyholds .t4-offcanvas .t4-off-canvas-body .t4-module ul  li{
  display: list-item;
  padding: 0px;
}
.navigation-nav-pickyholds .t4-offcanvas .t4-off-canvas-body .t4-module ul  li a{
  font-size: 16px;
  color: #000000;
  line-height: 40px;
  padding-left: 10px;
  margin-left: 5px;
  transition: 0.2s ease;
}
.navigation-nav-pickyholds .t4-offcanvas .t4-off-canvas-body .t4-module ul  li a:hover{
  background-color: #f6632d;
  color: #ffffff;
  padding-left: 30px;
}
@media screen and (max-width: 1199px) {
  .picky-menu .t4-navbar .navbar{
	justify-content: space-around;
    margin-left: 0px;
	width: 100%;
  }
  .picky-menu .t4-section-inner.container{
    max-width: 100% !important;
  }	
  .picky-menu .t4-navbar .navbar .t4-megamenu .nav .nav-item a{
	margin-left: 2px;
	margin-right: 2px;
  }
}
@media (max-width: 575.98px){
  .t4-section.picky-menu.t4-sticky {
    position: sticky !important;
    top: 0 !important;
  }
}
/******************************************************************************* BODY: FIN*/

/******************************************************************************* SLIDESHOW: INI*/
@media screen and (max-width: 991px) {
  #djslider-loader99{ /*SLIDESHOW LG*/
    display: none !important;
  }
}
@media screen and (min-width: 992px) {
  #djslider-loader113{ /*SLIDESHOW SM*/
    display: none !important;
  }
}
/******************************************************************************* SLIDESHOW: FIN*/