/* CMS */
.template-cms div[id="content"] h1 {
    margin-bottom: 44px;
}
.size-guide-page h4 {
    margin-bottom: 29px;
}
.size-guide-page p {
    margin-bottom: 11px;
}
.size-guide-page a:hover {
    text-decoration: none;
}
.size-guide-page a {
    text-decoration: underline;
}

.size-guide-page table,
.template-cms div[id="content"] table {
    border: none;
    margin-bottom: 23px;
    max-width: 100%;
}

.size-guide-page table thead tr th,
.template-cms div[id="content"] table thead tr th {
    border-bottom: 1px solid #D4D4D4;
    padding: 10px 24px 13px 24px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.size-guide-page table thead tr th span,
.template-cms div[id="content"] table thead tr th span {
    font-size: 14px;
}
.size-guide-page table tbody tr td,
.template-cms div[id="content"] table tbody tr td {
    padding: 15.5px 38px 15.5px 24px;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.size-guide-page table tbody tr td:not(:last-child),
.size-guide-page table thead tr th:not(:last-child),
.template-cms div[id="content"] table tbody tr td:not(:last-child),
.template-cms div[id="content"] table thead tr th:not(:last-child) {
    border-right: 1px solid #D4D4D4;
}
.size-guide-page table tbody tr:last-child td,
.template-cms div[id="content"] table tbody tr:last-child td {
    padding-bottom: 7px;
}
.size-guide-page .size-guide-page,
.template-cms div[id="content"] .size-guide-page {
    margin-bottom: 51px;
}
.size-guide-page table.table-ring thead tr th:nth-child(1),
.size-guide-page table.table-ring thead tr th:nth-child(2),
.template-cms div[id="content"] table.table-ring thead tr th:nth-child(1),
.template-cms div[id="content"] table.table-ring thead tr th:nth-child(2) {
    padding-right: 40px;
}
.size-guide-page table.table-ring thead tr th,
.template-cms div[id="content"] table.table-ring thead tr th {
    padding-right: 39px;
}
.size-guide-page table.table-ring tbody tr td,
.template-cms div[id="content"] table.table-ring tbody tr td {
    padding-right: 24px;
}

@media (max-width: 767px) {
    .size-guide-page table thead tr th span {
        font-size: 14px;
    }
    
    .size-guide-page table thead tr th, .template-cms div[id="content"] table thead tr th {
        font-size: 10px;
        padding: 0px 8px 9px 9px;
        line-height: 13px;
    }
    
    .size-guide-page h4 {
        margin-bottom: 25px;
    }
    
    .size-guide-page table thead tr th span, .template-cms div[id="content"] table thead tr th span {
        font-size: 10px;
    }
    
    .size-guide-page table tbody tr td, .template-cms div[id="content"] table tbody tr td {
        font-size: 12px;
        padding: 15.5px 8px 8px 9px;
    }
    
    .size-guide-page table.table-bangle, .template-cms div[id="content"] table.table-bangle {
        max-width: 210px;
        margin-bottom: 0;
    }    
    .size-guide-page {
        font-size: 12px;
    }      
    .size-guide-page p {
        margin-bottom: 12px;
    }    
    .size-guide-page table.table-ring thead tr th:nth-child(1), 
    .size-guide-page table.table-ring thead tr th:nth-child(2), 
    .template-cms div[id="content"] table.table-ring thead tr th:nth-child(1), 
    .template-cms div[id="content"] table.table-ring thead tr th:nth-child(2) {
        padding-left: 9px;
    }    
    .size-guide-page table.table-ring thead tr th:nth-child(1), 
    .size-guide-page table.table-ring thead tr th:nth-child(2), 
    .template-cms div[id="content"] table.table-ring thead tr th:nth-child(1), 
    .template-cms div[id="content"] table.table-ring thead tr th:nth-child(2) {
        padding-right: 7px;
    }
    
    .size-guide-page table.table-ring thead tr th, 
    .template-cms div[id="content"] table.table-ring thead tr th {
        padding-right: 10px;
    }    
    .size-guide-page table.table-ring, 
    .template-cms div[id="content"] table.table-ring {
        max-width: 100%;
        margin-bottom: 0;
        width: 100% !important;
    }
    .size-guide-page table.table-ring thead tr th, 
    .template-cms div[id="content"] table.table-ring thead tr th {
        padding-top: 11px;
        vertical-align: top;
    }    
    .size-guide-page table.table-ring tbody tr td, 
    .template-cms div[id="content"] table.table-ring tbody tr td {
        padding: 16px 8px 8px 9px;
        white-space: nowrap;
    }    
    .size-guide-page table.table-ring thead tr th:last-child, 
    .template-cms div[id="content"] table.table-ring thead tr th:last-child {
        width: 59px;
    }
    .size-guide-page .size-guide-page, 
    .template-cms div[id="content"] .size-guide-page {
        margin-bottom: 23px;
    }
}


/* Cart page */
body.template-cart {
    overflow-x: hidden;
}
#checkout-cart {
    padding-bottom: 20px;
}
#checkout-cart h1 {
    margin-bottom: 40px;
}
#checkout-cart .img-thumbnail {
    padding: 0;
    border: none;
    border-radius: 0;
}
#checkout-cart .input-group .btn {
    align-items: center;
}
.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #000000;
}
.accordion-button:not(.collapsed)::after,
.accordion-button:hover:after {
    --bs-accordion-btn-active-icon: url(
    "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-image: var(--bs-accordion-btn-active-icon);
}
.accordion-button:focus {
    box-shadow: none;
}
#shopping-cart table tbody tr td img.img-thumbnail {
    max-width: 150px;
}
#shopping-cart table tbody tr td a {
    font-weight: 400;
}
#shopping-cart table tfoot tr:last-child td:last-child,
#shopping-cart table tfoot tr:last-child td strong {
    font-weight: 400;
}
#shopping-cart table tfoot tr td strong {
    font-weight: 300;
}
#checkout-cart .accordion-item form label.col-form-label {
    width: 100%;
    text-align: left;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}
#checkout-cart .accordion-item form .col-md-8 {
    width: 50%;
}
#checkout-cart .accordion-item form 
 .text-end {
    text-align: left !important;
}

#checkout-cart .accordion-item form#form-quote .select2-container {
    min-width: 200px;
}
#checkout-cart .accordion-item form select ,
#checkout-cart .accordion-item form span.select2 {
    width: 100% !important;
 }
@media (max-width: 991px) {
    #shopping-cart table {
        display: block;
    }
    #shopping-cart table thead {
        display: none;
    }
    #shopping-cart table tbody {
        width: 100%;
        display: block;
    }
    #shopping-cart table tr {
        display: inline-block;
        width: 100%;
    }
    #shopping-cart table tr td {
        display: block;
        border: none;
        text-align: left !important;
    }
    #shopping-cart table tr td:first-child {
        width: 150px;
        float: left;
        padding: 10px 0;
    }
    #shopping-cart table tr td:not(:first-child) {
        margin-left: 160px;
        padding-bottom: 0px;
    }    
    #shopping-cart table tr td:last-child {
        padding-bottom: 10px;
    }
    #shopping-cart table tbody tr:not(:last-child) {
        border-width: 1px 0 0 0;
    }
    #shopping-cart form .input-group {
        max-width: 200px;
    }
    #shopping-cart table tfoot {
        display: block;
    }    
    #shopping-cart table tfoot tr {
        border-width: 0 0 1px;
    }
    #shopping-cart table tr td.column-price:before {
        content: attr(data-title) ': ';
    }
}

@media (max-width: 767px) {    
    #checkout-cart .accordion-item form .col-md-8 {
        width: 100%;
    }
    .shopping-cart-buttons {}
    .shopping-cart-buttons .col {
        flex: 100%;
        width: 100%;
    }    
    .shopping-cart-buttons .btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }    
    .shopping-cart-buttons .col:not(:first-child) {
        margin-top: 10px;
    }
}
@media (max-width: 450px) {
    #shopping-cart table tr td:first-child {
        width: 100px;
    }
    #shopping-cart table tr td:not(:first-child) {
        margin-left: 110px;
    }  
    #shopping-cart table tbody tr td img.img-thumbnail {
        max-width: 100px;
    }
}