@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --blue-cultura: #004079;
    --blue-dark: #1C2D55;
    --orange-cultura: #F8612E;
    --green-occasion-light: #BCE286;
    --green-occasion-moderate: #70BB5E;
    --green-occasion-dark: #11785C ;
    --grey-light: #D7DCE4;
    --grey-moderate: #717987;
}

/************ HELPER ************/
.gradient-blue{ background: linear-gradient(90deg, rgba(5,92,170,1) 0%, rgba(0,64,121,1) 100%); }
.bg-blue-dark{ background-color: var(--blue-dark); }

/************ GLOBAL ************/
body{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: var(--blue-dark);
}
.btn:not(.btn-sm, .btn-lg){
    padding-top: .9rem;
    padding-bottom: .9rem;
    font-size: 14px;
}
#index h1, #index h2, #index h3, #index h4, #index h5, #index h6,
#category h1, #category h2, #category h3, #category h4, #category h5, #category h6{
    color: var(--green-occasion-dark);
}
.btn-secondary{
    color: #fff !important;
}
.badge{
    line-height: inherit;
}
/*
.link-none{
    text-decoration: underline !important;
}
*/

/************ TITLE ************/
#index div:not([class*="text-"]) :is(h1, h2, h3, h4, h5, h6),
#category div:not([class*="text-"]) :is(h1, h2, h3, h4, h5, h6) {
    color: var(--green-occasion-dark);
}

#index :is(.text-white, .text-dark, .text-primary, .text-secondary, .text-black, .text-light)
:is(h1, h2, h3, h4, h5, h6),
#category :is(.text-white, .text-dark, .text-primary, .text-secondary, .text-black, .text-light)
:is(h1, h2, h3, h4, h5, h6) {
    color: inherit !important;
}

/************ HEADER ************/
#cartQtyCount{
    position: absolute;
    max-width: initial;
    top: -10px;
    border-radius: 50%;
    right: -10px;
    width: 20px;
    height: 20px;
}
.navbar .navbar-nav i{
    color: #fff;
}

/* PROMOTIONS link */
.main-nav .navbar-nav{
    align-items: center;
}
.main-nav a[data-action-detail="Promotions"]{
    color: #ee0027;
    font-weight: 700;
}
.category-item[href="promotions"] h6{
    color: #ee0027 !important;
}

/************ FOOTER ************/
.footer-link-item .btn{
    font-size: 14px !important;
    font-weight: 500 !important;
    min-width: 10rem;
}
.footer-link-item .btn:not(:hover, :active){
    border-color: #fff;
}

/************ HP ************/
@media (max-width: 768px) {
    .category-list .category-item img{
        width: 3rem !important;
        height: 3rem !important;
    }
}
.category-list .my-4.d-flex.justify-content-center,
.product-list-section .my-4.d-flex.justify-content-center{
    justify-content: flex-end !important;
}

/************ CATEGORY ************/
.product-filter-group .dropdown-toggle,
.global-search-btn input.form-control,
.product-sorter .dropdown-toggle{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-color: var(--blue-dark);
    color: var(--blue-dark);
}
.rent-period-selector .date-input input {
    border-left: 1px solid #dee2e6 !important;
}
#rentPeriodInput{
    background: #fff !important;
}

/********** SLICK SLIDER **********/
.slick-slider, .slick-slider * {
    max-width: none !important;
    height: auto !important;
}
.slick-list{
    overflow: hidden;
}
.slick-dots li button:before{
    font-size: 10px;
}
.slick-dots li.slick-active button:before{
    content: '';
    background: var(--blue-cultura);
    border-radius: 6px;
    opacity: 1;
    height: 8px;
    width: 26px;
    margin-top: 5px;
    margin-left: -3px;
}
.custom-slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
}
.custom-slick-prev{
    left: 0;
}
.custom-slick-next{
    right: 0;
}

/************ PRODUCT ************/
.product-item-section{
    padding-top: 1.5rem !important;
}
.product-item-section .product-description-short blockquote{
    display: flex;
    width: 100%;
    border: 1px solid #dee2e6;
    justify-content: space-between;
    padding: 10px 1rem 5px;
    text-align: center;
}
.product-item-section .product-description-short blockquote p{
    margin-bottom: 0;
}
.product-item-section .product-description-short blockquote p > b{
    display: block;
    font-weight: 700;
    font-size: 1.35rem;
}

/************ CART ************/
body#cart h1{
    margin-bottom: 1.5rem;
}
body#cart .col-12.col-xl-6.bg-light{
    background: #F8F9FA !important;
}
.cart-action-footer .btn,
.payment-form #submit{
    background: var(--orange-cultura) !important;
    border-color: var(--orange-cultura) !important;
}

/************ ACCOUNT ************/
body#account .account.bg-light{
    background: #fff !important;
}
body#account .account .bg-white.h-100.shadow-sm{
    border: 1px solid #dee2e6;
    box-shadow: none !important;
}

/************ MAINTENANCE ************/
#maintenance-page{
    background: #fff !important;
}

/************ FAQ ************/
body.cms-73 #footer-wrapper{
    margin-bottom: 2.5rem;
}
body.cms-73 .faq-section > .content-space-1{
    padding-bottom: 0 !important;
}
body.cms-73 .faq-section h3{
    margin-bottom: 0 !important;
}


/************ CONTACT MODAL ************/
#contactModal .tel{
    display: inline-flex;
    border: 2px solid #858D9A;
    border-radius: 1rem;
    font-size: 16px;
}
#contactModal .tel > .type{
    background: #858D9A;
    color: #fff;
    font-weight: 600;
    border-radius: 1rem;
    padding: 0 1rem 0 .4em;
}
#contactModal .tel > .value{
    color: #858D9A;
    padding: 0 .4rem; 0 1rem;
    text-decoration: none;
}

/************ CONTACT MODAL ************/
@media (max-width: 768px) {
    .banner-section .container > .lc-block{
        max-width: 66%;
    }
}