/*
  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
*/


.picky-portfolio{
  margin: 80px 10% 150px 10%;
  background-color: #FFFFFF;
}
.picky-portfolio .sp-simpleportfolio-filter ul li{
  padding-bottom: 12px;
}
.sp-simpleportfolio.sp-simpleportfolio-view-item{
  padding: 40px 0px 30px 0px;
  margin: 0px 10%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-image{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
  max-height: 700px;
  border: 1px solid #d9d9d9;
  overflow: hidden;
}
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-image .sp-simpleportfolio-img{
  width: 100%;
  max-width: 700px;
}
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details.clearfix{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 420px;
}
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details.clearfix .sp-simpleportfolio-description{
  width: 100%;
  padding: 0px 20px;
}
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details.clearfix .sp-simpleportfolio-description h2{
  font-size: 30px;
  margin-bottom: 30px;
}
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details.clearfix .sp-simpleportfolio-description p{
  font-size: 14px;
}
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details.clearfix .sp-simpleportfolio-description p:last-of-type{
  font-size: 20px;
  color: #f6632d;
}
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details.clearfix .sp-simpleportfolio-description .sigFreeContainer.sigFreeClassic li{
  margin-right: 10px;
  border: 1px solid #d9d9d9;
}
.picky-portfolio-item-venta{
  margin-top: 10px;
  padding: 10px 0px;
  border-top: solid 1px #eeeeee;
}
.picky-portfolio-item-info{
  padding: 5px 0px;
}
.picky-portfolio-medio-pago{
  height: 20px;
  margin-left: 10px;
  vertical-align: top;
}
.picky-portfolio-item-venta a{
  white-space: nowrap;
  color: #000000;
}
.picky-portfolio-item-venta a:hover{
  color: #f6632d;
  text-decoration: none;
}
.picky-portfolio-item-cantidad{
  vertical-align: bottom;
}
.picky-portfolio-item-cantidad{
  display: inline-block;
  margin-top: 15px;
  padding: 5px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #00b75e;
  color: #ffffff;
  text-align: center;
  font-weight: 500;
  line-height: 25px;
}
.picky-portfolio-item-cantidad-numero,
.picky-portfolio-item-cantidad-mas,
.picky-portfolio-item-cantidad-menos{
  display: inline-block;
  margin-right: 5px;
  font-size: 18px;
  transition: 0.2s ease;
}
.picky-portfolio-item-cantidad-numero input{
  width: 70px;
  text-align: center;
  border-style: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.picky-portfolio-item-cantidad-mas,
.picky-portfolio-item-cantidad-menos{
  cursor: pointer;
}
.picky-portfolio-item-cantidad-mas:hover,
.picky-portfolio-item-cantidad-menos:hover{
  color: #226a47;
}
.picky-portfolio-item-whatsapp{
  display: inline-block;
  margin-top: 15px;
  padding: 4px;
  width: 200px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #00b75e;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
  transition: 0.2s ease;
  cursor: pointer;
}
.picky-portfolio-item-whatsapp:hover{
  background-color: #226a47;
}
.picky-portfolio-item-whatsapp a{
  color: #ffffff;
}
.picky-portfolio-item-whatsapp a:hover{
  text-decoration: none;
  color: #ffffff;
}
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details.clearfix .sp-simpleportfolio-meta{
  width: 100%;
  padding: 20px;
}
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details.clearfix .sp-simpleportfolio-meta .sp-simpleportfolio-created{
  display: none;
}
@media only screen and (max-width: 991px) {
  .sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details.clearfix{
    max-width: none;
  }
  .sp-simpleportfolio.sp-simpleportfolio-view-item{
    padding: 40px 0px 30px 0px;
    margin: 0px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details.clearfix .sp-simpleportfolio-description h2{
    font-size: 30px;
    margin: 30px 0px;
  }
  .sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-image{
    width: 100%;
    height: auto;
    max-height: none;
    border: 1px solid #d9d9d9;
  }
  .sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-image .sp-simpleportfolio-img{
    width: 100%;
    margin: auto;
    max-width: none;
    max-height: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details.clearfix{
    max-width: none;
  }
  .sp-simpleportfolio.sp-simpleportfolio-view-item{
    padding: 40px 0px 30px 0px;
    margin: 0px 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details.clearfix .sp-simpleportfolio-description h2{
    margin: 30px 0px;
  }
}
@media only screen and (min-width: 1200px){
  .sp-simpleportfolio.sp-simpleportfolio-view-item{
    margin: 0px 5%;
  }
  .sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details.clearfix{
    max-width: 50%;
  }
  .sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details.clearfix .sp-simpleportfolio-description{
    padding: 0px 35px;
  }
  .sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-details.clearfix .sp-simpleportfolio-meta{
    padding: 35px;
  }
}