.woocommerce-page div.content {
    padding-top: 70px;
    /* 70px is the height of nav */
}

/* Color buttons */
[class*="-gray"] {
    background: #676767 !important;
    border-radius: 50% !important;
    font-size: 0 !important;
}

[class*="-gray"] .variable-item-span {
    font-size: 0 !important;
    padding: 0 !important;
}

[class*="-grey"] {
    background: #676767 !important;
    border-radius: 50% !important;
    font-size: 0 !important;
}

[class*="-grey"] .variable-item-span {
    font-size: 0 !important;
    padding: 0 !important;
}

[class*="-blue"] {
    background: #2b69b5 !important;
    border-radius: 50% !important;
    font-size: 0 !important;
}

[class*="-blue"] .variable-item-span {
    font-size: 0 !important;
    padding: 0 !important;
}

[class*="-black"] {
    background: #2a3238 !important;
    border-radius: 50% !important;
    font-size: 0 !important;
}

[class*="-black"] .variable-item-span {
    font-size: 0 !important;
    padding: 0 !important;
}

[class*="-red"] {
    background: #dc4843 !important;
    border-radius: 50% !important;
    font-size: 0 !important;
}

[class*="-red"] .variable-item-span {
    font-size: 0 !important;
    padding: 0 !important;
}

[class*="comfort-plus-blackred"] {
    background: linear-gradient(-45deg, #2a3238, #2a3238 49%, white 49%, white 51%, #dc4843 51%);
    border-radius: 50% !important;
    font-size: 0 !important;
}

[class*="comfort-plus-blackred"] .variable-item-span {
    font-size: 0 !important;
    padding: 0 !important;
}

[class*="sonar-wrap-black"] {
    background: #2a3238 !important;
    border-radius: 50% !important;
    font-size: 0 !important;
}

[class*="sonar-wrap-black"] .variable-item-span {
    font-size: 0 !important;
    padding: 0 !important;
}

/* # WooCommerce Cart Icon CSS with FontAwesome 5 # */

.cart-contents {
    position: relative;
    padding-left: 2rem;
}

.cart-contents:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f07a" !important;
    font-size: 18px;
    color: #fff;
}

.cart-contents:hover {
    text-decoration: none;
}

.cart-contents-count {
    position: absolute;
    top: 0px;
    right: 0px;
    transform: translateY(-105%) translateX(25%);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background: #2182C7;
    border-radius: 50%;
    padding: 1px;
}

.variations {
    display: block;
    margin: 1.3rem 0 0.5rem 0;
}

.variations tbody tr th {
    margin: 0.5rem 0;
    text-align: left;
}

.variations tbody tr th,
.variations tbody tr td {
    display: block;
}

.woocommerce-variation.single_variation .woocommerce-variation-price {
    display: none;
}

form.cart a.reset_variations {
    float: right;
    color: #4D5557;
    font-size: 12px;
}

form.cart .quantity {
    margin: 0.5rem 1.3rem 1.3rem 0;
}

form.cart label.qty {
    font-weight: bold;
}

form.cart li.variable-item.button-variable-item:not([class*="blackred"], [class*="gray"], [class*="black"], [class*="grey"], , [class*="red"], [class*="blue"]).selected {
    background: #D4DADB !important;
}

form.cart button.single_add_to_cart_button.alt,
a.checkout button#place_order.button,
section.cart form.woocommerce-cart-form.box .actions button.button {
    text-transform: uppercase;
    background-color: #2182C7;
    font-family: 'Arvobold', sans-serif;
    font-size:.8rem;
    font-weight: normal;
    padding: 13px 23px 13px;
    color: #fff;
    border-radius: inherit;
    transition: all .2s ease-in-out;
}

form.cart button.single_add_to_cart_button.alt:hover {
    background-color:#03416c !important;
}

.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover {
    background-color:#90c0e3;
}

section.cart .cart_totals form.checkout_coupon button.button {
    text-transform: uppercase;
    background-color: #2182C7;
    font-family: 'Arvobold', sans-serif;
    font-weight: normal;
    padding: 10px;
    color: #fff;
}

section.cart .cart_totals form.checkout_coupon input#coupon_code {
    height: 36px;
}

form.cart button.single_add_to_cart_button.alt {
    margin-top: 2rem;
}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
    padding: 15px;
    margin-left: 0;
    margin-right: 15px;
}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span {
    font-size: 14px;    
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item:has([class*="black"], [class*="gray"], [class*="grey"], [class*="blue"], [class*="red"]) {
    min-width: 25px;
    width: 25px;
    max-height: 25px;
}

table.variations.d-flex tbody {
    display: flex;
    flex-direction: column;
}

.variations>tbody:nth-child(1)>tr:nth-child(1) {
    order: 2;
}

form.cart .single_variation_wrap {
    margin-top: 0;
}

/* Cart Page - Grid layout */
section.cart {
    padding: 10px 30px;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: [col1-start] 3fr [col2-start] 1fr [col2-end];
    grid-template-rows: [row1-start] auto [row2-start] auto [row3-start] auto [row3-end];
}

section.cart h1,
section.cart h2,
section.cart h3,
section.cart h4,
section.cart form {
    font-family: 'forzamedium';
}

.woocommerce-notices-wrapper {
    grid-column: col1-start / col2-end;
    grid-row: row1-start;
}

.cart-title {
    grid-column: col1-start / col2-end;
    grid-row: row2-start;
}

.cart_totals {
    grid-column: col2-start / col2-end;
    grid-row: row3-start;
}

.woocommerce-cart-form {
    grid-column: col1-start / col2-start;
    grid-row: row3-start;
    margin-top: 0 !important;
}

.cart-collaterals {
    grid-column: col1-start / col2-start;
}

/* end Grid layout */

.cart-title {
    font-size: 3rem;
}

.subtitle {
    font-size: 1.5rem;
}

.woocommerce-cart .wc-proceed-to-checkout {
    padding: 0;
}

.woocommerce-cart .wc-proceed-to-checkout button {
    width: 100%;
}

.woocommerce section.cart .cart-collaterals .cross-sells {
    width: auto;
    float: inherit;
}

.woocommerce section.cart .cart-collaterals .cross-sells .products {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}

.woocommerce section.cart .cart-collaterals .cross-sells .products img {
    max-height: 350px;
    width: auto;
}

.woocommerce section.cart .cart-collaterals .cross-sells ul li.product-item {
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

section.cart {
    font-family: 'mackreg', sans-serif;
    font-weight: normal;
}

section.cart .box {
    background-color: #F1F8FE;
    padding: 1em;
    margin: 2em 0;
}

.woocommerce section.cart table.shop_table,
.woocommerce section.cart table.shop_table tr,
.woocommerce section.cart table.shop_table td,
.woocommerce section.cart table.shop_table th {
    border: none;
    padding: 10px 0;
}

section.cart form.woocommerce-cart-form.box .cart_item td.product-thumbnail {
    width: 25%;
    text-align: center;
    padding-top: 3rem;
}

section.cart form.woocommerce-cart-form.box .cart_item td.product-name,
section.cart form.woocommerce-cart-form.box .cart_item td.product-price {
    vertical-align: top;
    padding-top: 3rem;
}

section.cart form.woocommerce-cart-form.box .cart_item td.product-remove {
    vertical-align: top;
    float: right;
}

section.cart form.woocommerce-cart-form.box .cart_item td.product-name a {
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}

section.cart .cart_totals .woocommerce-form-coupon-toggle.box {
    margin-bottom: 0;
}

section.cart .cart_totals .woocommerce-form-coupon-toggle .wc-info {
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.cart .cart_totals .woocommerce-form-coupon-toggle .wc-info span {
    font-family: 'forzamedium', serif;
    font-size: 20px;
}

a.showcoupon {
    background: #2699FB;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    color: #fff;
    font-size: 2rem;
    cursor: pointer;
}

section.cart .cart_totals form.checkout_coupon.woocommerce-form-coupon.box {
    margin: 0;
    border: none;
    padding: 0.5em 2em;
}

section.cart .cart_totals table.shop_table tr th {
    text-transform: uppercase;
}

section.cart form table.shop_table tr td.product-subtotal {
    display: none;
}

section.cart .cart_totals .box table tbody tr>td>span,
section.cart .cart_totals .box table tbody tr>td>strong>span {
    float: right;
}

/* Cross Sells */

section.cart .cart-collaterals .cross-sells .box .button {
    background: #2699FB;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    font-size: 2rem;
    padding: 0;
    font-weight: normal;
    align-self: flex-end;
}

section.cart .cart-collaterals .cross-sells ul.products li.box {
    text-align: center;
    position: relative;
    margin: 0;
}

section.cart .cart-collaterals .cross-sells ul.products li.box h2 {
    margin-bottom: 2rem;
}

section.cart .cart-collaterals .cross-sells ul.products li.box .star-rating {
    display: none;
}

section.cart .cart-collaterals .cross-sells ul.products li.box span.price {
    float: left;
    font-family: 'forzamedium', serif;
    font-weight: bold;
    color: #2699FB;
    position: absolute;
    bottom: 2rem;
    left: 2rem;
}

section.cart .cart-collaterals .cross-sells ul.products li.box>[class*='add-to-wishlist'] {
    position: absolute;
    top: 2em;
    right: 1.5em;
}

section.cart .cart_totals h3.your-order {
    font-size: 2em;
}

section.cart form.woocommerce-cart-form a.cart-backward {
    display: block;
    padding: 1em;
    text-transform: uppercase;
    color: #2699FB;
    font-weight: bold;
}

section.cart .cart_totals img.payments {
    margin-top: 2em;
}

section.cart form.woocommerce-cart-form tr.cart_item td dl.variation {
    display: flex;
    align-items: center;
}

section.cart form.woocommerce-cart-form tr.cart_item td dl.variation dd p {
    margin: 0;
}

section.cart form.woocommerce-cart-form tr.cart_item td dl.variation dd.variation-Color p::after {
    content: ',';
    padding-right: 0.5em;
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}