.elementor-117 .elementor-element.elementor-element-3c934ec{--display:flex;--padding-top:2.25rem;--padding-bottom:2.25rem;--padding-left:2.25rem;--padding-right:2.25rem;}.elementor-117 .elementor-element.elementor-element-02dec4e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-117 .elementor-element.elementor-element-3c934ec{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-d894070 *//* =========================================================
   BUNCH OF BOOK
   CUSTOM WOOCOMMERCE CART DESIGN
   ========================================================= */

:root {
    --bob-navy: #061D3A;
    --bob-dark-navy: #0B2B4D;
    --bob-gold: #EAB936;
    --bob-gold-hover: #D9A927;
    --bob-text: #222222;
    --bob-muted: #777777;
    --bob-border: #E6E6E6;
    --bob-bg: #F7F8FA;
}


/* =========================================================
   MAIN CART CONTAINER
   ========================================================= */

.e-cart__container {
    width: 100% !important;
    max-width: 1180px !important;

    margin: 40px auto !important;
    padding: 0 20px !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 350px !important;
    gap: 30px !important;

    font-family: "Montserrat", Arial, sans-serif !important;
}


/* =========================================================
   LEFT CART AREA
   ========================================================= */

.e-cart__column-start {
    width: 100% !important;
    min-width: 0 !important;
}


/* Cart section */

.e-shop-table.e-cart-section {
    background: #FFFFFF !important;

    border: 1px solid var(--bob-border) !important;
    border-radius: 6px !important;

    overflow: hidden !important;
}


/* =========================================================
   CART TABLE
   ========================================================= */

.woocommerce-cart-form .shop_table {
    width: 100% !important;

    margin: 0 !important;

    border: 0 !important;
    border-collapse: collapse !important;

    background: #FFFFFF !important;
}


/* =========================================================
   TABLE HEADER
   ========================================================= */

.woocommerce-cart-form .shop_table thead {
    background: var(--bob-navy) !important;
}


.woocommerce-cart-form .shop_table thead th {
    padding: 15px 12px !important;

    border: 0 !important;

    background: var(--bob-navy) !important;

    color: #FFFFFF !important;

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;

    text-transform: uppercase !important;
    letter-spacing: .3px !important;

    vertical-align: middle !important;
}


/* =========================================================
   TABLE ROW
   ========================================================= */

.woocommerce-cart-form .cart_item {
    background: #FFFFFF !important;

    border-bottom: 1px solid var(--bob-border) !important;
}


.woocommerce-cart-form .cart_item td {
    padding: 18px 12px !important;

    border: 0 !important;
    border-bottom: 1px solid var(--bob-border) !important;

    vertical-align: middle !important;
}


/* =========================================================
   REMOVE BUTTON
   ========================================================= */

.woocommerce-cart-form .product-remove {
    width: 42px !important;
    text-align: center !important;
}


.woocommerce-cart-form .product-remove .remove {
    width: 25px !important;
    height: 25px !important;

    margin: auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    color: #888888 !important;

    font-size: 16px !important;

    transition: all .2s ease !important;
}


.woocommerce-cart-form .product-remove .remove:hover {
    background: #FBEAEA !important;
    color: #C0392B !important;
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.woocommerce-cart-form .product-thumbnail {
    width: 90px !important;
}


.woocommerce-cart-form .product-thumbnail img {
    width: 72px !important;
    height: 90px !important;

    object-fit: cover !important;

    border-radius: 4px !important;

    border: 1px solid #eeeeee !important;

    transition: transform .2s ease !important;
}


.woocommerce-cart-form .product-thumbnail img:hover {
    transform: scale(1.03);
}


/* =========================================================
   PRODUCT NAME
   ========================================================= */

.woocommerce-cart-form .product-name {
    color: var(--bob-navy) !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    line-height: 1.5 !important;
}


.woocommerce-cart-form .product-name a {
    color: var(--bob-navy) !important;

    text-decoration: none !important;

    transition: color .2s ease !important;
}


.woocommerce-cart-form .product-name a:hover {
    color: #B18A20 !important;
}


/* =========================================================
   PRICE
   ========================================================= */

.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-subtotal {
    color: #333333 !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    white-space: nowrap !important;
}


.woocommerce-cart-form .product-subtotal {
    font-weight: 700 !important;
    color: var(--bob-navy) !important;
}


/* =========================================================
   QUANTITY
   ========================================================= */

.woocommerce-cart-form .quantity {
    display: inline-flex !important;
    align-items: center !important;

    border: 1px solid #D9D9D9 !important;

    border-radius: 4px !important;

    overflow: hidden !important;

    background: #FFFFFF !important;
}


.woocommerce-cart-form .quantity .qty {
    width: 55px !important;
    height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    text-align: center !important;

    color: var(--bob-navy) !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    outline: none !important;
    box-shadow: none !important;
}


/* Remove browser arrows */

.woocommerce-cart-form .quantity .qty::-webkit-inner-spin-button,
.woocommerce-cart-form .quantity .qty::-webkit-outer-spin-button {
    opacity: 1;
}


/* =========================================================
   UPDATE CART
   ========================================================= */

.woocommerce-cart-form .actions {
    padding: 15px !important;

    background: #FFFFFF !important;
}


.woocommerce-cart-form .actions .button {
    background: var(--bob-navy) !important;
    color: #FFFFFF !important;

    border: 0 !important;
    border-radius: 4px !important;

    padding: 11px 20px !important;

    font-size: 10px !important;
    font-weight: 600 !important;

    transition: all .2s ease !important;
}


.woocommerce-cart-form .actions .button:hover {
    background: var(--bob-dark-navy) !important;
}


/* =========================================================
   COUPON
   ========================================================= */

.coupon.e-cart-section {
    margin-top: 15px !important;

    padding: 15px !important;

    background: #FFFFFF !important;

    border: 1px solid var(--bob-border) !important;

    border-radius: 6px !important;
}


.coupon .form-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}


.coupon .coupon-col-start {
    flex: 1 !important;
}


.coupon #coupon_code {
    width: 100% !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 13px !important;

    border: 1px solid #DCDCDC !important;
    border-radius: 4px !important;

    background: #FFFFFF !important;

    color: #333333 !important;

    font-size: 11px !important;

    outline: none !important;
}


.coupon #coupon_code:focus {
    border-color: var(--bob-gold) !important;
}


.coupon #coupon_code::placeholder {
    color: #999999 !important;
}


.coupon .e-apply-coupon {
    height: 42px !important;

    padding: 0 20px !important;

    background: var(--bob-gold) !important;
    color: var(--bob-navy) !important;

    border: 0 !important;
    border-radius: 4px !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    cursor: pointer !important;

    transition: all .2s ease !important;
}


.coupon .e-apply-coupon:hover {
    background: var(--bob-gold-hover) !important;
}


/* =========================================================
   RIGHT CART TOTALS
   ========================================================= */

.e-cart__column-end {
    width: 100% !important;
}


.e-cart__column-inner {
    width: 100% !important;
}


.e-cart-totals.e-cart-section {
    background: #FFFFFF !important;

    border: 1px solid var(--bob-border) !important;

    border-radius: 6px !important;

    overflow: hidden !important;
}


/* =========================================================
   CART TOTALS HEADER
   ========================================================= */

.cart_totals h2 {
    margin: 0 !important;

    padding: 17px 20px !important;

    background: var(--bob-navy) !important;

    color: #FFFFFF !important;

    font-size: 15px !important;
    font-weight: 600 !important;
}


/* =========================================================
   TOTALS TABLE
   ========================================================= */

.cart_totals .shop_table {
    width: 100% !important;

    margin: 0 !important;

    border: 0 !important;

    border-collapse: collapse !important;
}


.cart_totals .shop_table tr {
    border-bottom: 1px solid var(--bob-border) !important;
}


.cart_totals .shop_table th,
.cart_totals .shop_table td {
    padding: 15px 20px !important;

    border: 0 !important;

    font-size: 11px !important;
}


.cart_totals .shop_table th {
    color: #555555 !important;

    font-weight: 500 !important;

    text-align: left !important;
}


.cart_totals .shop_table td {
    color: var(--bob-navy) !important;

    font-weight: 600 !important;

    text-align: right !important;
}


/* =========================================================
   TOTAL
   ========================================================= */

.cart_totals .order-total th {
    color: var(--bob-navy) !important;

    font-size: 12px !important;

    font-weight: 700 !important;
}


.cart_totals .order-total td {
    color: var(--bob-navy) !important;

    font-size: 14px !important;

    font-weight: 700 !important;
}


/* =========================================================
   CHECKOUT BUTTON
   ========================================================= */

.wc-proceed-to-checkout {
    padding: 20px !important;
}


.wc-proceed-to-checkout .checkout-button {
    width: 100% !important;

    min-height: 45px !important;

    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: var(--bob-gold) !important;
    color: var(--bob-navy) !important;

    border: 0 !important;
    border-radius: 4px !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: .3px !important;

    transition: all .2s ease !important;
}


.wc-proceed-to-checkout .checkout-button:hover {
    background: var(--bob-gold-hover) !important;

    color: var(--bob-navy) !important;

    transform: translateY(-1px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .e-cart__container {
        grid-template-columns: minmax(0, 1fr) 300px !important;
        gap: 20px !important;
    }

    .woocommerce-cart-form .shop_table thead th {
        font-size: 9px !important;
        padding: 12px 8px !important;
    }

    .woocommerce-cart-form .cart_item td {
        padding: 14px 8px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .e-cart__container {
        width: 100% !important;

        margin: 20px auto !important;
        padding: 0 12px !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 18px !important;
    }


    /* Cart table */

    .e-shop-table.e-cart-section {
        border-radius: 5px !important;
    }


    /* Hide desktop headings */

    .woocommerce-cart-form .shop_table thead {
        display: none !important;
    }


    /* Product becomes card */

    .woocommerce-cart-form .cart_item {
        display: grid !important;

        grid-template-columns: 35px 80px 1fr !important;

        grid-template-areas:
            "remove image name"
            "remove image price"
            "remove image quantity"
            "remove image subtotal";

        gap: 5px 10px !important;

        padding: 15px !important;

        background: #FFFFFF !important;
    }


    .woocommerce-cart-form .cart_item td {
        border: 0 !important;

        padding: 0 !important;

        text-align: left !important;
    }


    /* Remove */

    .woocommerce-cart-form .product-remove {
        grid-area: remove !important;

        width: auto !important;

        align-self: start !important;
    }


    /* Image */

    .woocommerce-cart-form .product-thumbnail {
        grid-area: image !important;

        width: auto !important;
    }


    .woocommerce-cart-form .product-thumbnail img {
        width: 75px !important;
        height: 95px !important;
    }


    /* Name */

    .woocommerce-cart-form .product-name {
        grid-area: name !important;

        font-size: 11px !important;

        padding-top: 2px !important;
    }


    /* Price */

    .woocommerce-cart-form .product-price {
        grid-area: price !important;

        font-size: 11px !important;
    }


    /* Quantity */

    .woocommerce-cart-form .product-quantity {
        grid-area: quantity !important;
    }


    /* Subtotal */

    .woocommerce-cart-form .product-subtotal {
        grid-area: subtotal !important;

        font-size: 12px !important;
    }


    /* Quantity */

    .woocommerce-cart-form .quantity .qty {
        width: 50px !important;
        height: 32px !important;
    }


    /* Actions */

    .woocommerce-cart-form .actions {
        padding: 12px !important;
    }


    .woocommerce-cart-form .actions .button {
        width: 100% !important;
    }


    /* Coupon */

    .coupon .form-row {
        flex-direction: column !important;

        align-items: stretch !important;
    }


    .coupon .coupon-col-start,
    .coupon .coupon-col-end {
        width: 100% !important;
    }


    .coupon .e-apply-coupon {
        width: 100% !important;
    }


    /* Totals */

    .cart_totals h2 {
        font-size: 14px !important;
    }


    .cart_totals .shop_table th,
    .cart_totals .shop_table td {
        padding: 13px 15px !important;
    }


    .wc-proceed-to-checkout {
        padding: 15px !important;
    }

}


/* =========================================================
   SMALL PHONE
   ========================================================= */

@media (max-width: 400px) {

    .e-cart__container {
        padding: 0 8px !important;
    }

    .woocommerce-cart-form .cart_item {
        grid-template-columns: 25px 65px 1fr !important;
        gap: 5px 8px !important;
    }

    .woocommerce-cart-form .product-thumbnail img {
        width: 62px !important;
        height: 80px !important;
    }

    .woocommerce-cart-form .product-name {
        font-size: 10px !important;
    }

}/* End custom CSS */