/*

COLORES CARAVANBAG ACTUALIZADOS
VERDE PRINCIPAL: #7BAF5A
VERDE OSCURO: #2F4F2F
VERDE CLARO: #DDE9D1
AZUL ACENTO: #4DA9A4
TERRACOTA: #D98555
NEGRO NATURAL: #2A2E26
BLANCO HUESO: #F9F9F3
AMARILLO MOSTAZA: #E1B94A

https://coolors.co/7baf5a-2f4f2f-e78044-ffc526-35a7a1

*/

*{font-family: "Montserrat", sans-serif !important;font-optical-sizing: auto !important;letter-spacing: -0.02em !important;}
.btn-success{background-color: #7BAF5A !important;border-color: #7BAF5A !important;}
.sinstock{position: absolute;top: 10px;right:10px;font-size:0.8rem;color:rgb(240, 61, 61);}
.postheader{height:30px;line-height: 30px;color:#E8EDDF !important;font-size: 12px;display:inline-flex;padding: 0 15px;}
.postheader i, .postheader i:before{display: inline-block;font-size: 14px;color:#A7C957;height:30px;line-height: 30px;vertical-align:bottom;}
.postheader i:before{padding-right: 5px;}

header.navbar{background-color: #44633F !important;}
header .navbar-toggler, header .navbar-toggler span{color:#FFF !important;opacity: 1 !important;}
.navbar-toggler-icon, .navbar-toggler-icon:after, .navbar-toggler-icon:before{background-color: #FFF !important;}
.navbar-brand, .navbar-brand img{max-height: 45px;}
header .border-secondary{border-color: rgba(232, 237, 223, 0.5) !important;}
header .desktopsearch .ci-search{color: #FFF !important;}
header .desktopsearch .form-control{border: 0 !important;}
.searchmobile{background-color: #272E24 !important;}
.searchmobile .form-control{background-color: #fff !important;color: #272E24 !important;border: 0 !important;border-radius: 0 !important;border-bottom: 1px solid #272E24 !important;}
.searchmobile .ci-search{color: #272E24 !important;}
.bg-primary-subtle{background-color: #FFF !important;border:1px solid #A7C957 !important;}
.bg-primary-subtle h2{color:#A7C957 !important;font-size: 1.5rem !important;font-weight: 700 !important;}
.btnpromocode{display: none;}

.successcaravanbag{margin-top:60px;margin-bottom: 60px;}
.successcaravanbag .success{background-color: #FFC526 !important;color: #fff !important;border-radius: 100% !important;padding: 1.5rem !important;margin: 15px 0!important;}
.btn-terracota{background-color: #D98555 !important;border-color: #D98555 !important;color: #fff !important;}
.btn-terracota:hover{background-color: #D98555 !important;border-color: #D98555 !important;color: #fff !important; opacity: 0.8 !important;}
.cardaccordion{
    background-color:rgba(231, 128, 68, 0.1) !important;
    color: #E78044 !important;
    border-radius: 10px !important;
    padding: 15px !important;
    border: none;
}

.cardaccordion .accordion-button{
    color: #E78044 !important;padding-bottom: 5px !important;
}
.cardaccordion .accordion-item{
    border-bottom: 1px solid #FFF !important;color: var(--cz-heading-color);
}

@media only screen and (min-width:992px){
    header .desktopsearch .ci-search{color: #44633F !important;}
    header .btn-group-lg>.btn-icon.btn, .btn-icon.btn-lg {color: #FFF !important;}
    .sticky-product-banner-inner{padding-top:120px !important;}
}

body .modal.show {
  z-index: 20000 !important;
}
body .modal-backdrop.show {
  z-index: 19999 !important;
}

header .promoheader{color: #FFF !important;cursor: pointer !important;}
header .promoheader .btn{background-color: #fdc502 !important;color: #fff !important;border-radius: 100%;font-weight: 700;font-size: 1.125rem !important;}
header .btncart{background-color: #FFF !important;border-radius: 100%;font-weight: 700;font-size: 1.125rem !important;}
header .btncart .uds{border-color: #44633F !important;color: #fff !important;}
header .btncart .ci-shopping-cart{color: #44633F !important;}

@media only screen and (min-width:1200px){
    .btnpromocode{display: flex !important;color: #fdc502 !important;}
    .btnpromocode .btn{background-color: #fdc502;border-radius: 100%;font-weight: 700;font-size: 1.125rem !important;color: #fff !important;}
    .btnpromocode .text{text-align: left !important;}
}

@media only screen and (max-width:1920px){
    section.slidehome{display: block;margin:0 0 50px 0 !important;padding:0 !important;max-width:100% !important;height: auto !important;object-fit: cover !important;}
}
@media only screen and (min-width:1921px){
  section.slidehome{margin-top:50px !important;}
}

/* Carousel fix - ensure only active slide is visible */
#homeSlider {
    position: relative;
}
#homeSlider .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#homeSlider .carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}
#homeSlider .carousel-item.active,
#homeSlider .carousel-item-next,
#homeSlider .carousel-item-prev {
    display: block;
}
#homeSlider .carousel-item-next:not(.carousel-item-start),
#homeSlider .active.carousel-item-end {
    transform: translateX(100%);
}
#homeSlider .carousel-item-prev:not(.carousel-item-end),
#homeSlider .active.carousel-item-start {
    transform: translateX(-100%);
}

/* Carousel indicators (dots) */
#homeSlider .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}
#homeSlider .carousel-indicators button {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}
#homeSlider .carousel-indicators button.active {
    opacity: 1;
}

/* Carousel controls (arrows) */
#homeSlider .carousel-control-prev,
#homeSlider .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}
#homeSlider .carousel-control-prev:hover,
#homeSlider .carousel-control-next:hover {
    opacity: 0.9;
}
#homeSlider .carousel-control-prev {
    left: 0;
}
#homeSlider .carousel-control-next {
    right: 0;
}
#homeSlider .carousel-control-prev-icon,
#homeSlider .carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}
#homeSlider .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
#homeSlider .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
footer.footer{background-color: #272E24 !important;}
section.productdetails{margin-top:0px !important;padding-top: 0px !important;}