/* blog section  */
.blog-wrapper .container .row .card{
  border-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin: 10px;
  margin-bottom: 15px;
  height: 220px;
}

.blog-wrapper .container .row .card:hover{
  transform: translateY(-5px);
}

.blog-wrapper .container .row .card .no-gutters .col-sm-7{
  padding-left: 0px;
  padding-right: 5px;
}

.blog-wrapper .container .row .card .no-gutters .card-body{
  padding: 15px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.blog-wrapper .container .row .card .no-gutters .card-img{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  object-fit: cover;
  height: 220px;
  display: block;
}

.blog-wrapper .container .row .card .no-gutters .card-body .card-title{
  font-size: 1.5rem;
  margin-top: 0px;
}

.blog-wrapper .container .row .card .no-gutters .card-body .card-title a:hover{
  color: #009245;
}

.blog-wrapper .container .row .card .no-gutters .card-footer .btn-more-details{
  border-radius: 10px;
  border: 1px solid #009245;
  color: #009245;
}

.blog-wrapper .container .row .card .no-gutters .card-footer .btn-more-details:hover{
  background: #009245;
  color: white;
}

.blog-wrapper .container .row .card .no-gutters .card-text{
  font-size: 0.9rem;
}

/* blog details  */

.blog-details .container .panel .panel-body{
  background: transparent !important;
  padding: 10px;
}

.blog-details .container .row p{
  padding: 10px;
}

.blog-details .container .separator{
  margin: 10px;
}

.blog-details .container .panel{
  margin-top: 30px;
}


@media (max-width: 768px){
  .blog-wrapper .container .row .card{
    height: auto;
  }
  .blog-wrapper .container .row .card .no-gutters .card-body{
    padding-left: 20px;
    margin-left: 10px;
  }
  .blog-wrapper .container .row .card .no-gutters .card-img{
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
  }
  .blog-wrapper .container .row .card .no-gutters .card-footer{
    margin-left: 20px;
    margin-bottom: 10px;
  }
}

/* estilos de shopping blade */

.shopping-detail{
  margin: 20px auto;
  display: grid;
  grid-gap: 20px;
  max-width: 1200px;
  width: 90%;
  grid-template-areas: "container-tours container-tours resumen-saldo"
                       "container-tours container-tours resumen-saldo"
                       "tours-adicionales tours-adicionales tours-adicionales";
}

.shopping-detail .container-tours{
  grid-area: container-tours;
  padding: 20px;
  padding-top: 5px;
}

.shopping-detail .container-tours .btn-continue-shopping{
  margin-top: 15px;
  text-align: center;
}

.shopping-detail .container-tours .btn-continue-shopping i{
  padding-right: 7px;
}

.shopping-detail .container-tours h3{
  padding-top: 2px;
}

.shopping-detail .resumen-saldo{
  grid-area: resumen-saldo;
  background: transparent !important;
  margin-top: 10px;
}

.shopping-detail .resumen-saldo .resumen{
  padding: 10px;
  background: #f6f5fb;
  border-radius: 10px;
  box-shadow: rgba(0, 146, 69, 0.24) 0px 3px 8px;
  width: 98%;
  height: auto;
}

.shopping-detail .tours-adicionales{
  grid-area: tours-adicionales;
  padding: 10px;
}

.shopping-detail .card {
  margin: 10px;
}

.shopping-detail .card .no-gutters{
  height: auto;
  border-radius: 10px;
  border: 1px solid #00924481;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 6px;
}

.shopping-detail .card .no-gutters{
  margin: 0px;
}
.shopping-detail .card .card-img{
  width: auto;
  height: 100px;
  align-self: center;
  border-radius: 10px;
}
.shopping-detail .card .no-gutters .card-body{
  width: 80%;
  padding-left: 10px;
}

.shopping-detail .card .no-gutters .card-body p{
  padding: 0px;
  margin: 0px;
}

.shopping-detail .note h6{
  font-size: .9rem;
}

.shopping-detail .card .no-gutters .card-body .card-text{
  font-size: .9rem;
  color: #7d7d7d;
  font-family: 'Roboto' sans-serif;
}

.shopping-detail .card .no-gutters .remote-items{
  width: 20%;
  justify-content: center;
  align-self: center;
  padding-left: 10px;
  text-align: center;
}

.shopping-detail .resumen-saldo .precios{
  padding-top: 10px;
}
.shopping-detail .resumen-saldo .precios p{
  padding: 0px;
  margin: 0px;
}

.shopping-detail .resumen-saldo .precios hr{
  margin: 5px;
  background: rgba(#009345, 0.67);
  height: 2px;
}

.shopping-detail .resumen-saldo .precios  .total{
  font-size: 1.2rem;
}

.shopping-detail .resumen-saldo .collapse-shopping{
  margin-top: 5px;
  padding-top: 5px;
}
.shopping-detail .resumen-saldo .collapse-shopping a{
  padding: 1px;
  color: #009245;
  font-size: 1.1rem;
}
.shopping-detail .resumen-saldo .collapse-shopping .collapse{
  padding-left: 10px;
  padding-top: 5px;
  color: #7d7d7d;
}
.shopping-detail .resumen-saldo .collapse-shopping .collapse-cupon{
  padding-top: 0px;
}
.shopping-detail .resumen-saldo .collapse-shopping .collapse-cupon form{
  margin-top: -10px;
  padding-top: 0px;
}
.shopping-detail .resumen-saldo .collapse-shopping .collapse input{
  border-radius: 8px;
  padding: 5px;
  border: 1px solid #009245;
}
.shopping-detail .resumen-saldo .collapse-shopping .collapse input:hover,
.shopping-detail .resumen-saldo .collapse-shopping .collapse input:focus{
  border: 1px solid #009245;
}
.shopping-detail .resumen-saldo .form-control{
  width: 90%;
}

.shopping-detail .resumen-saldo  .btn-pagar{
  margin-top: 10px;
  padding-bottom: 10px;
}

.shopping-detail .resumen-saldo .resumen .note{
  color: #7d7d7d;
}

@media screen and (max-width:768px){
  .shopping-detail{
    grid-template-areas: "container-tours container-tours container-tours"
                          "resumen-saldo resumen-saldo resumen-saldo"
                          "tours-adicionales tours-adicionales tours-adicionales";
  }

  .shopping-detail .card .card-img{
    /* display: none; */
    width: 60px;
    height: auto;
    border-radius: 2px;
  }

}

/* stilos de mis compras de carrito con los detalles de los items de los tours */

.compras-tours{
  margin: 20px auto;
  display: grid;
  grid-gap: 20px;
  max-width: 1200px;
  width: 90%;
  grid-template-areas: "compras-details   compras-details  resumen-compras-details"
                      "compras-details    compras-details  resumen-compras-details"
                      "featured-tours     featured-tours   featured-tours";

}

.compras-tours .compras-details{
  grid-area: compras-details;
  height: auto;
}

.compras-tours .resumen-compras-details{
  grid-area: resumen-compras-details;
  height: auto;
}

.compras-tours .featured-tours{
  grid-area: featured-tours;
}

.compras-tours .compras-details .card{
  width: 100%;
  border-radius: 10px;
  border: 1px solid #009245;
  height: auto;
  font-size: 0.9rem;
  font-style: 'Roboto' san-serif normal;
  color: #7d7d7d;
  margin: 20px auto;
}

.compras-tours .compras-details .card .card-header{
  border-bottom: 1px solid #009245;
  padding: 10px;
  display: flex;
}

.compras-tours .compras-details .card .card-header .tour-header{
  width: 80%;
}

.compras-tours .compras-details .card .card-header .tour-header p{
  margin: 0px;
}

.compras-tours .compras-details .card .card-header .tour-header-status{
  align-self: center;
  color: #009245;
  font-size: 1.2rem;
}

.compras-tours .compras-details .card .card-body{
  padding: 10px;
}

.compras-tours .compras-details .card .card-body .list-group{
  margin: 0px;
}

.compras-tours .compras-details .card .card-body .list-group .list-group-item{
  background: transparent !important;
  border: 0px solid transparent;
  padding: 0px;
  display: flex;
}

.compras-tours .compras-details .card .card-body .list-group .list-group-item .img-resposive{
  width: auto;
  height: 100px;
  align-self: center;
  border-radius: 10px;
}

.compras-tours .compras-details .card .card-body .list-group .list-group-item .card-detils-items{
  padding-left: 10px;
  width: 80%;
}

.compras-tours .compras-details .card .card-body .list-group .list-group-item .card-detils-items p{
  padding: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.compras-tours .compras-details .card .card-body .list-group .list-group-item .card-detils-items .btn-primary{
  background: #009245;
  background-color: #009245;
  border-color: #009245;
}

.compras-tours .compras-details .card .card-body .list-group .list-group-item .card-detils-items .btn-primary:hover{
  background: #fbb03b;
}

.compras-tours .compras-details .card .card-footer{
  border-top: 1px solid #009245;
  padding: 10px;
  display: flex;
}

.compras-tours .compras-details .card .card-footer p{
  margin: 0px;
}

.compras-tours .compras-details .card .card-footer .precios{
  width: 50%;
}
.compras-tours .compras-details .card .card-footer .total{
  align-self: center;
}
.compras-tours .resumen-compras-details {
  background: transparent;
}

.compras-tours .resumen-compras-details  .note{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 15px;
  color: #7d7d7d;
  font-size: 0.9rem;;
}

@media screen and (max-width:768px){
  .compras-tours{
    grid-template-areas: "compras-details   compras-details  compras-details"
                        "resumen-compras-details  resumen-compras-details  resumen-compras-details"
                        "featured-tours     featured-tours   featured-tours"
  }

  .compras-tours .compras-details .card .card-body .list-group .list-group-item .img-resposive{
    width: auto;
    height: 60px;
    border-radius: 4px;
  }

}