/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;700&display=swap');

/* Apply font styles */
body {
    font-family: 'Public Sans', sans-serif;
    font-size: 14px;
    color: black;
}

h1, h2, h3, h4, h5 {
    font-family: 'Public Sans', sans-serif;
    font-weight: 600; /* Bold */
    color: #0D0D0D;
    text-align: left;
}
h1 {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -0.03em;
}
h2 {
    font-size: 56px;
    line-height: 62px;
    letter-spacing: -2.4000000953674316px;
}
h3 {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -1.5px;

}
h4 {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.550000011920929px;

}
h5 {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.4000000059604645px;

}
p {
    font-family: 'Public Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4000000059604645px;
    text-align: left;

}
.display-none{
    display: none!important;
}
button:hover, .quote-details-items .actions-toolbar > .action:hover {
    background: inherit;
    color: inherit;
}
button, .quote-details-items .actions-toolbar > .action {
    font-family: 'Public Sans', sans-serif;
}
a, .alink, a:visited, .alink:visited,
a:active, .alink:active,
a:hover, .alink:hover {
    color: #B7772A;
    text-decoration: none;
}
.action.primary:focus, .action-primary:focus, .action.primary:active, .action-primary:active {
    background: #B7772A;
    border: 1px solid #B7772A;
}
.minicart-items .product-item-name a {
    color: black;
}
button:not(.primary), .quote-details-items .actions-toolbar > .action:not(.primary) {
    background: black;
    border: 1px solid #000000;
    color: white;
    border-radius: 0;
}
button:hover, .quote-details-items .actions-toolbar > .action:hover {
    border-color: inherit;
    background: inherit;
    color: inherit;
    font-weight: bold;
}
.magicmenu .nav-desktop {
    display: inline-block;
    width: auto;
}

.user-actions a {
    color: #000;
    margin-left: 15px;
}

.hero-section {
    text-align: center;
    padding: 50px 0;
}

.hero-logo img {
    max-width: 300px;
    margin-bottom: 20px;
}

.hero-image img {
    width: 100%;
    height: auto;
}

.btn-primary {
    color: black;
    padding: 15px 30px;
    cursor: pointer;
    font-size: 18px;
    border: 1px solid;
}
.nav-sections-item-content .magicmenu .nav-desktop .level0.home {
    margin:0;
}
.nav-sections-item-content .magicmenu .nav-desktop .level0.home a {
    padding-left:0;
}
.nav-sections-item-content .magicmenu .menu-right .customer-welcome.active .action.switch,
.nav-sections-item-content .magicmenu .menu-right .customer-welcome .action.switch:after,
.nav-sections-item-content .magicmenu .menu-right .minicart-wrapper .action.showcart:before{
    color: white;
}
.block.block-new-customer {
    display: none;
}
ul.header.links li.link.authorization-link {
    display: block;
    margin: 0;
}
.customer-welcome.active .customer-menu ul.header.links li.link.authorization-link {
    display: block;
}
.customer-welcome.active .customer-menu ul.header.links li.link.authorization-link a {
    color: black;
}
ul.header.links li.link.authorization-link a {
    color: white;
}
.nav-sections-item-content .magicmenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-sections-item-content .magicmenu .nav-desktop {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav-sections-item-content .magicmenu .menu-right {
    display: flex;
    align-items: center;
    margin-left: auto; /* Pushes the menu-right elements to the right */
}
.nav-sections-item-content .magicmenu .menu-right ul.header.links {
    margin: 0;
    padding: 0;
    width: auto;
    margin-left: 20px;
    color: white;
}
.nav-sections-item-content .magicmenu .menu-right ul.header.links li {
    margin: 0;
}

.section-items.nav-sections-items {
    background-color: black;
}

.section-items.nav-sections-items .magicmenu .nav-desktop .level-top a {
    color: white;
    text-transform: capitalize;
}
.section-items.nav-sections-items  .magicmenu .nav-desktop .level0.dropdown > .level0 > li > a {
    color: black;
}
.magicmenu .nav-desktop .level0.dropdown:hover > .level0 {
    border-top-width: 7px;
    border-top-color: #B7772A;
    top: 100%;
}

.page-wrapper .page-footer {
    background: #0C383E;
    color: white;
}
.page-wrapper .page-footer .footer.content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.page-footer .footer.content .block.newsletter {
    float: initial;
    max-width: initial;
}
.page-footer .footer.content .newsletter-section {
    max-width: 44%;
}
.page-footer .footer.content .footer-links {
    display: flex;
    gap: 50px;
}

.page-footer .footer.content .footer-links h3,
.page-footer .footer.content .footer-links a {
    color: white;
}
small.copyright {
    display: none;
}
.block.newsletter h3.title {
    display: block;
    color: white;
}
.page-footer .footer.content .block.newsletter .field.newsletter {
    float: none;
    max-width: initial;
    position: relative;
}
.page-footer .footer.content .block.newsletter .field .control:before {
    content: '';
}
.block.newsletter .newsletter {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.page-footer .footer.content .newsletter-section .block.newsletter .form.subscribe .actions {
    display: initial;
    float: initial;
    vertical-align: top;
    width: initial;
}
.page-footer .footer.content .newsletter-section .block.newsletter input[type="email"] {
    flex: 1;
    width: 70%;
    max-width: 400px;
    margin:0;
    padding: 12px 25px;
    font-family: 'Public Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.45px;
    letter-spacing: -0.30000001192092896px;
    text-align: left;
    color: #A9ABBD;
    float:left;
    height: 32px;
    border-radius: 0 !important;
}
.page-footer .footer.content .block.newsletter .form.subscribe {
    display: flex;
}
div#newsletter-error {
    position: absolute;
    top: 100%;
}
.block.newsletter .actions button.action.subscribe.primary {
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    background-color: #B7772A;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.45px;
    letter-spacing: -0.30000001192092896px;
    text-align: left;
    padding: 8px 25px;
    margin-left: 0;
    border: 0;
}
button.action.primary, button.action-primary {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    background-color: black;
    border: 1px solid black;
    color: white;
    font-family: 'Public Sans', sans-serif;
    border-radius: 0;
}
button.action.primary:hover, button.action-primary:hover {
    background: white;
    border: 1px solid black;
    color: black;
    font-weight: bold;
}
.page-footer .footer.content .footer-links li a {
     color: #979797;
 }
.catalog-category-view h1#page-title-heading {
    display:none;
}
.shop-banner {
    padding: 50px;
    text-align: left;
}

.shop-title {
    font-size: 36px;
    font-weight: bold;
    color: #ffffff;
    margin: 0;
}

.shop-description {
    font-size: 18px;
    color: #ffffff;
    margin-top: 10px;
}
.grayish-green{
    background-color: #708573; /* Background color for the banner */
}
.social-icons {
    margin-top: 30px;
}
.social-icons img {
    width: 39px;
}

.fotorama__nav-wrap.fotorama__nav-wrap--horizontal {
    display: none !important;
}
.product.media .fotorama__arr .fotorama__arr__arr {
    height: 57px;
    width: 57px;
    background-color: #B7772A;
    border-radius: 57px;
}
.product.media .fotorama__arr.fotorama__arr--next .fotorama__arr__arr {
    background-position: -10px -335px;
}
.product.media .fotorama__arr.fotorama__arr--prev .fotorama__arr__arr {
    background-position: -10px -250px;
}
.product-info-main .product-info-price {
    /*display: none;*/
}

.page-title-wrapper.product .page-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: -0.03em;
    text-align: left;
}


.product-details {
    flex: 1;
}

.product-details h1 {
    margin-bottom: 10px;
}

.product-calculation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.quantity-selector {
    display: flex;
    /*align-items: center;*/
}

.quantity-selector button, .quantity-selector input, .quantity-selector select {
    margin: 0 5px;
}

.product-total {
    text-align: right;
}

.purchase-options {
    display: flex;
    margin-bottom: 20px;
    gap: 10px;
}

.add-to-cart, .buy-now {
    padding: 15px 20px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 0;
}

.add-to-cart {
    background-color: #000;
    color: #fff;
}

.buy-now {
    background-color: #B7772A;
    color: #fff;
}

.availability {
    font-size: 17px;
    margin-bottom: 10px;
}

.availability a {
    color: red;
    text-decoration: underline;
}

.shipping-note {
    font-size: 12px;
    color: #666;
}

.product-extras {
    display:inline-flex;
    width: 100%;
    float:left;
    margin-top: 40px;
}

.extra-item {
    text-align: center;
    margin: 0 10px;
}

.extra-item img {
    margin-bottom: 10px;
}
p.price {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 22px;
}
.page-layout-1column .product-info-main {
    position: relative;
}
.product-info-main .product-add-form {
    display:none;
}

/* General Input and Button Styling */
input[type="text"], select {
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 0;
    text-align: left;
    color: black;
}
.quantity-selector input.qty, .quantity-selector select {
    width: auto;
    text-align: center;
    height: 40px;
    border-radius: 0;
}
.quantity-selector select {
      /*width: 90px;*/
}
.quantity.quantity-controls > * {
    vertical-align: middle;
}
input[type="text"]:focus, select:focus {
    border-color: #B7772A; /* Match the orange color in the layout */
}

.quantity-selector button {
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 0;
    width: 40px;
    height: 40px;
    font-size: 24px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    padding: 0;
    margin: 0;
    color: black;
}

.quantity-selector button:hover {
    background-color: inherit;
    color: inherit;
    border-color: inherit;
    font-weight: bold;
}

/* Style for the Dropdown */
select {
    font-size: 16px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: white;
    box-shadow: none;
}
.toolbar select {
    border-radius: 0;
    background-color: white;
    box-shadow: none;
}


/* Add some padding to the right */
.product-calculation {
    margin-bottom: 20px;
}

.quantity-selector p {
    margin-top: 10px;
}
p.kg-total {
    text-align: right;
}

.block.related .block-title.title, .block.related .block-actions,
.block.related .product-item-details > *,
.page-layout-1column .column.main .product-extras:last-child,
.catalog-category-view .sidebar .accordion-container,
.catalog-category-view .sidebar-additional{
    display: none;
}
.block.related .related-available .product-item-name{
    display: initial;
}
.product.media {
    margin-bottom: 0;
}

.product-info-main p {
    font-size: 17px;
    margin-bottom: 30px;
}

#layered-filter-block .block-subtitle.filter-subtitle {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.550000011920929px;
    text-align: left;
}
#layered-filter-block .filter-options-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: -0.4000000059604645px;
    text-align: left;
    text-transform: capitalize;
}
.products.wrapper.grid.products-grid {
    margin-top: 0;
}

.nav-sections-item-content > .nav-sections, .nav-sections-item-content > .navigation {
    background: black;
}
.nav-sections-item-content nav.navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.nav-sections-item-content nav.navigation .ui-menu {
    /*flex:1;*/
}
.display-none{
    display: none!important;
}
.nav-sections-item-content .navigation .level0.active > .level-top, .nav-sections-item-content .navigation .level0.has-active > .level-top,
.nav-sections-item-content .navigation ul li a,
.nav-sections-item-content .minicart-wrapper .action.showcart:before,
.nav-sections-item-content .minicart-wrapper .action.showcart:hover:before,
.nav-sections-item-content .navigation .level0 > .level-top,
.nav-sections-item-content .navigation .level0.parent > .level-top > .ui-menu-icon:after,
.nav-sections-item-content .navigation .level0 > .level-top:hover, .nav-sections-item-content .navigation .level0 > .level-top.ui-state-focus,
.nav-sections-item-content .navigation ul li {
    color: white;
}
.nav-sections-item-content .navigation ul.header.links li.customer-welcome.active li a {
    color: black;
}
.nav-sections-item-content .navigation ul.header.links li.greet.welcome {
    margin-bottom: 0;
}
.block.block-search.ui-menu-item {
    float: initial;
    display: inline-block;
}
.nav-sections-item-content .block-search {
    display: flex;
    float: initial;
    flex: 4;
}
.nav-sections-item-content .block-search input[type="text"] {
    width: 100%;
    vertical-align: middle;
    height: 30px;
    font-size: 13px;
    text-align: left;
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent !important;
    padding-left: 25px;
    padding-right: 9px;
    color: white;
}
.nav-sections-item-content .block-search .action.search:before,
.nav-sections-item-content .block-search .action.search:hover:before {
    color: white;
}
.nav-sections-item-content .block-search input::placeholder {
    color: white;
}

.nav-sections-item-content .block-search .action.search {
    right: initial;
    left: 10px;
}
.nav-sections-item-content .navigation .level0.active > .level-top, .nav-sections-item-content .navigation .level0.has-active > .level-top {
    border-color: #B7772A;
}

.nav-sections-item-content .minicart-wrapper {
    /*line-height: 47px;*/
}
.nav-sections-item-content .minicart-wrapper .action.showcart:before {
    vertical-align: middle;
    line-height: 47px;
}
ul.header.links.ui-menu.ui-widget.ui-widget-content.ui-front.ui-menu-item {
    display: inline-block !important;
    float: right;
    line-height: 47px;
    margin-left: 10px;
}
.nav-sections-item-content .navigation .level0 .submenu a:hover, .nav-sections-item-content .navigation .level0 .submenu a.ui-state-focus,
.nav-sections-item-content .navigation .customer-welcome ul li:hover{
    background: transparent;
    color: initial;
    font-weight: bold;
}
.nav-sections-item-content .navigation li.level-top.parent.ui-menu-item:hover > ul.level0.submenu {
    border-top-width: 7px;
    border-top-color: #B7772A;
}
.nav-sections-item-content nav.navigation ul.header.links li {
    margin: 0;
}

.product-info-main .product-info-stock-sku {
    text-align: left;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    float: none;
}
.product.attribute.drawing_number {
    display: flex;
}
.product-info-main .product.attribute.drawing_number .type {
    margin-right: 5px;
}
.product-info-main .product-info-price .price-box,
.page-wrapper > .breadcrumbs,
.nav-sections-item-content nav.navigation ul.header.links li.link.wishlist,
.product-info-main .product-info-stock-sku .stock.available {
    display: none;
}

.block-actions.filter-actions a {
    color: #C4C4C4;;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4000000059604645px;
    text-align: left;
}

.filter-content .filter-options-content a {
    color: #000000;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: -0.4000000059604645px;
    margin: 0;
}

.filter-options-content .item {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    user-select: none; /* Prevent text selection */
}

.filter-options-content .item {
    list-style: none; /* Remove bullet points */
    display: flex; /* Flexbox for horizontal alignment */
    align-items: center; /* Center align items */
}

.filter-options-content .item .custom-checkbox {
    display: flex;
    align-items: center; /* Align checkbox and text */
    cursor: pointer;
}

.filter-options-content .item .custom-checkbox input[type="checkbox"] {
    display: none; /* Hide the default checkbox */
}

.checkmark {
    position: relative;
    display: inline-block;
    width: 20px; /* Width of checkbox */
    height: 20px; /* Height of checkbox */
    border: 2px solid #000; /* Border color */
    background-color: #fff; /* Background color */
    margin-right: 8px; /* Space between checkbox and label */
}

.filter-options-content .item .custom-checkbox input[type="checkbox"]:checked + .checkmark {
    background-color: #fff; /* Background color when checked */
    border-color: #000; /* Border color when checked */
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none; /* Hide by default */
}

.custom-checkbox input[type="checkbox"]:checked + .checkmark:after {
    display: block; /* Show when checked */
}

.checkmark:after {
    left: 6px; /* Adjust left position for checkmark */
    top: 0px; /* Adjust top position for checkmark */
    width: 6px; /* Checkmark width */
    height: 12px; /* Checkmark height */
    border: solid #000; /* Checkmark color */
    border-width: 0 2px 2px 0; /* Create checkmark shape */
    transform: rotate(45deg); /* Rotate to form checkmark */
}

/* Styling for the link and item count */
.filter-options-content .item.custom-checkbox a {
    text-decoration: none; /* Remove underline from link */
    color: #000; /* Text color */
    font-size: 16px; /* Font size for the label */
}

.count {
    margin-left: 4px; /* Space between label and count */
    font-weight: bold; /* Bold font for count */
}

.filter-options-content .item .filter-count-label {
    font-weight: normal; /* Regular font for "items" */
    font-size: 14px; /* Slightly smaller font size */
}

.filter-current span.filter-label {
    display: none;
}

div#narrow-by-list .filter-options-content {
    /*display: block !important;*/
}
#layered-filter-block .block-subtitle.filter-subtitle,
div#narrow-by-list .filter-options-item {
    border: 0;
}

div#narrow-by-list .filter-options-title:after {
    content: initial;
}
#layered-filter-block .filter-content .filter-options-item li a:hover,
#layered-filter-block .filter-content .filter-options-item li a:hover span {
    color: black;
    font-weight: bold;
}

.td-align-left {
    padding: 11px 10px 11px 0px;
}
.pages a.page span {
    color: black;
}
.pages a.page:visited {
    color: #B7772A;
}

.pages .item.current strong.page {
    color: white;
    background-color: #B7772A;
    padding: 0 10px;
}

.page-products .product-item-info .product.name.product-item-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-products .product-item-info .product-item-link {
    font-weight: 700;
    color: black;
}

.page-products .product-item .product-item-info .price-box .price {
    font-weight: 400;
    color: black;

}

/* .account .sidebar.sidebar-additional,
.account .block-collapsible-nav .content .nav.items li,
.cart-discount, #gift-options-cart,
.catalogsearch-result-index .columns .sidebar-main,
.catalogsearch-result-index .columns .sidebar-additional,
.negotiable-quote-order-information {
    display: none;
} */

.account .block-collapsible-nav .item .delimiter {
    display: none;
}

.account .block-collapsible-nav .content .nav.items li:nth-child(1),
.account .block-collapsible-nav .content .nav.items li:nth-child(2),
.account .block-collapsible-nav .content .nav.items li:nth-child(7){
    display: initial;
}

.account .block-collapsible-nav .item.current a, .account .block-collapsible-nav .item.current > strong {
    border-color: #B7772A;
}

.nav-sections-item-content .minicart-wrapper .action.showcart .counter.qty {
    border-radius: 24px;
}

.metro-order-no {
    margin-bottom: 1em;
}

.catalogsearch-result-index .columns .column.main {
    width: 100%;
}
.catalogsearch-result-index .item.product.product-item.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.swiper-button-next:after, .swiper-button-prev:after {
    color: #B7772A;
}
.block.block-dashboard-addresses .action.edit,
.block.block-addresses-default a.action.edit,
.checkout-cart-index div#block-shipping,
a.logo{
    display: none;
    pointer-events: none;
    cursor: not-allowed;
}
.nav-sections-item-content nav.navigation a.level-top.ui-menu-item-wrapper {
    pointer-events: none;
    cursor: not-allowed;
}

/** success page */


.mp-7 {
    width: 58.3333333333%;
}
.mp-5 {
    width: 41.6666666667%;
}
.col-mp {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    float: left;
    padding: 0 10px;
}
.col-mp:last-child .row-mp {
    padding-left: 10%;
}
.totals.section .width-100 {
    margin: 10px 0;
    width: 100%
}
.clear-both {
    clear: both !important;
}
.availability-circle {
    width: 30px;
    height: 30px;
    background: radial-gradient(circle, rgba(0, 255, 0, 1) 40%, rgba(0, 255, 0, 0.5) 70%);
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.8);
    margin: 10px auto;
}
.notify-circle {
    width: 30px;
    height: 30px;
    background: radial-gradient(circle, rgb(255, 230, 0) 40%, rgba(255, 230, 0, 0.5) 70%);
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(195, 255, 0, 0.8);
    margin: 10px auto;
}
body.checkout-onepage-success #maincontent .page-title-wrapper{
    text-align:center;
}
body.checkout-onepage-success #maincontent .page-title-wrapper h1{
    font-family: Public Sans;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -1.5px;
    text-align: center;
}
body.checkout-onepage-success #maincontent .page-title-wrapper h2{
    font-family: Public Sans;
    font-size: 24px;
    font-weight: 600;
    line-height: 28.2px;
    letter-spacing: -0.6000000238418579px;
    text-align: center;
}
body.checkout-onepage-success #maincontent .page-title-wrapper h1,
body.checkout-onepage-success #maincontent .page-title-wrapper h2{
    margin-top:0;
    margin-bottom:5px!important;
}
body.checkout-onepage-success #maincontent .columns{
    margin-top:20px;
}
div#checkoutSteps .col-mp:last-child .row-mp {
    padding-left: 10%;
}
.sub-title{
    //styleName: Paragraph 01;
    font-family: Public Sans;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.4000000059604645px;
    text-align: left;
}
.pull-left {
    float: left !important;
}
.pull-right {
    float: right !important;
}
.total {
    border-top: 1px solid;
    padding: 10px 0;
}
.product-item .product-item-name-block {
    display: block;
    padding-right: 10px;
    text-align: left;
}
#checkout-review-table{
    border:0;
}
#checkout-review-table thead th,
#checkout-review-table tbody tr td,
#checkout-review-table tfoot tr td {
    padding: 15px 15px;
    border-bottom: 1px solid #dcd8d8;
    min-width: 50px;
}

td.a-left.product .product-item-name-block,
td.a-left.product .product-detail{
    vertical-align: middle;
    display: table-cell;
}
.product-detail{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4000000059604645px;
    text-align: left;
}
.product-detail .product-item-name-block{
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.4000000059604645px;
    text-align: left;
}
.product-detail .price{
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.550000011920929px;
    text-align: left;
}

.totals.section{
    /*width:50%;*/
    /*margin: 50px 0 100px 0;*/
}

.pickup-notes{
    border: 2px solid #000000;
    padding: 20px 40px;
    margin: 30px 0 20px 0;
    float:left;
}
.pickup-notes .title{
    font-size: 16px;
    font-weight: 700;
    line-height: 18.8px;
    letter-spacing: -0.35555556416511536px;
    text-align: left;
}
.checkout-success .action-cancel {
    width: 100%;
    float: left;
    margin-top: 20px;
    font-weight: bold;
}

div#cancel-order-modal.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

/* Modal content */
div#cancel-order-modal .modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: auto;
    max-width: 330px;
    position: relative;
}

/* Close button */
div#cancel-order-modal .close {
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 0;
}

div#cancel-order-modal .close:hover,
div#cancel-order-modal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

form#cancel-order-form {
    padding-top: 3rem;
}

.one-step-checkout-wrapper .minicart-items-wrapper .product-item-detail .product-item-inner.pull-left {
    padding-right: 10px;
}
table#checkout-review-table {
    border:0;
}
.metrofloors_osc-index-cancelled .block.block-reorder {
    display: none;
}

.page-main .top-container {
    padding: 0;
}

.checkout-success {
    padding-bottom: 50px;
    width: 100%;
    float: left;
}

.back-button-container {
    margin: 20px 0; /* Add some margin around the button */
}

.back-button {
    background-color: #007bff; /* Bootstrap primary color */
    color: #fff; /* White text */
    border: none; /* No border */
    border-radius: 5px; /* Rounded corners */
    padding: 10px 20px; /* Some padding */
    cursor: pointer; /* Pointer cursor on hover */
    font-size: 16px; /* Increase font size */
    transition: background-color 0.3s; /* Smooth background change */
}

.back-button:hover {
    background-color: #0056b3; /* Darker shade on hover */
}
.abs-account-block-font-size, .company-profile-index .column.main .block .box-account-information .box-content, .company-profile-index .column.main .block .box-address-information .box-content, .company-profile-index .column.main .block .box-contact-information .box-content, .account .column.main .block.block-dashboard-info, .block-addresses-list address, .box-billing-address .box-content, .box-shipping-address .box-content, .box-address-billing .box-content, .box-address-shipping .box-content, .box-information .box-content, .block-balance-giftcard .block-content, .block-reviews-dashboard .product-name {
    font-size: 14px !important;
}
.minicart-wrapper .action.showcart .counter.qty {
    border-radius: 24px;
    background: #B7772A;
    text-shadow: none;
}

li.greet.welcome:has(span.not-logged-in),
span.order-status {
    display: none;
}

.onestepcheckout-index-index .minicart-wrapper:has(button.action.showcart) {
    display: none;
}

.onestepcheckout-index-index .one-step-checkout-wrapper .minicart-items-wrapper .product-item-detail {
     padding-left: 0px;
}

/* new css */
.abs-action-remove, .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel, .requisition-list-action > .action, .cart.table-wrapper .requisition-list-action > .action.toggle:after, .requisition-grid .actions-toolbar > .action-edit, .requisition-grid .actions-toolbar > .action-delete, .title-actions-links button, .block-requisition-management .requisition-list-title button, .block-requisition-management .requisition-toolbar-actions .remove-selected, .checkout-container .action-additional, .data-grid-filters-wrap .action, .quote-grid-filters-wrap .action, .quote-details-items .actions-toolbar > .action-delete, .quote-notes-block .notes-block-item .editable, .attachments-list .attachments-item .action-delete, .negotiable-quote-quote-view .modal-popup .modal-footer .action-hide-popup, .admin__action-group-wrap .admin__action-multiselect-action-links .action, .admin__action-group-wrap .admin__action-multiselect-actions-wrap .action-tertiary, .paypal-button-widget .paypal-button, .bundle-options-container .action.back, .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .checkout-billing-address .action-cancel, .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit, .gift-summary .action-delete, .action-gift, .gift-wrapping-title .action-remove, .wishlist.split.button > .action, .abs-add-fields .action.remove, .title-actions-links .quote-details-items .actions-toolbar > .action, .block-requisition-management .requisition-list-title .quote-details-items .actions-toolbar > .action, .magento-payments-review-discount .action.check, .paypal-review-discount .action.check, .cart-discount .action.check, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove {
    color: #B7772A !important;
}

.form-edit-role .box-actions button.action, .block-dashboard-company .box-actions button.action, .form-edit-role .box-actions .quote-details-items .actions-toolbar > .action.action, .block-dashboard-company .box-actions .quote-details-items .actions-toolbar > .action.action {
    color: #B7772A !important;
}

.popup-tree .modal-footer .secondary {
    color: #B7772A !important;
}

.block-dashboard-company .jstree .jstree-clicked {
    background-color: black !important;
}

.customer-register .customer-menu li a:link, .customer-register .customer-menu li a:visited {
    color: black !important;
}

.customer-register .customer-menu li a:hover, .customer-register .customer-menu li a:active, .customer-register .customer-menu li:hover {
    background-color: transparent !important;
}
/* end new css */

@media (min-width: 769px) {
    .page-wrapper .page-header {
        display: none;
    }
    .page-wrapper .nav-sections-item-content nav.navigation {
        padding: 0 20px;
    }
    #layered-filter-block .filter-options-title,
    #layered-filter-block .block-subtitle.filter-subtitle,
    div#narrow-by-list .filter-options-content {
        padding: 10px 0;
    }
    .catalog-category-view .sections.nav-sections {
        margin-bottom: 0;
    }
    .navigation .level0 .submenu .active > a {
        border: none;
    }
    /* Main layout for gallery */
    .gallery {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin-top: 20px;
    }

    /* Default size for gallery items */
    .gallery-item {
        flex: 1;
        position: relative;
        height: 300px; /* Fix height for images */
        transition: all 0.5s ease; /* Smooth transition for size and position */
    }

    /* Make the image fit the gallery item */
    .gallery-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        cursor: pointer;
        transition: transform 0.5s ease; /* Smooth zoom-in effect */
    }

    /* Active (center) image is larger */
    .gallery-item.active {
        flex: 2; /* Make the center image larger */
        height: 400px; /* Increase the height for center image */
    }

    /* Add hover effect for the image zoom-in */
    .gallery-item.active img {
        transform: scale(1.05); /* Slightly enlarge the image when active */
    }

    /* Images on the left and right */
    .gallery-item:not(.active) {
        flex: 1; /* Normal size for left and right images */
        height: 300px;
    }

    .one-step-checkout-container > .mp-6 {
        width: 46% !important;
        margin: 0 20px 0 0;
    }
    .onestepcheckout-index-index .page-wrapper main#maincontent {
        padding: 0 20px;
    }
    .onestepcheckout-index-index .col-mp.mp-6.mp-sm-7.mp-xs-12 {
        float: right;
    }
}

@media only screen and (max-width: 1068px) {
    .nav-sections-item-content nav.navigation .ui-menu {
        /*flex: 2;*/
    }

    .page-footer .footer.content .newsletter-section {
        max-width: 100%;
        flex: 100%;
    }
    .quantity.quantity-controls {
        display: flex;
        flex-wrap: wrap;
    }
    .quantity-selector input.qty, .quantity-selector select {
        /*max-width: 100px;*/
    }
    p.sqft-total {
        flex-basis: 100%;
    }
    .one-step-checkout-wrapper div#checkoutSteps .col-mp:last-child .row-mp,
    .onestepcheckout-index-index .page-wrapper main#maincontent {
        padding-left: 10px;
        padding-right: 10px;
    }
    .page-layout-1column .column.main .product-info-main,
    .page-layout-1column .column.main .product.media {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .quantity-selector input.qty, .quantity-selector select {
        /*max-width: initial;*/
    }
    .block.newsletter h3.title {
        font-size: 28px;
    }
    .nav-sections-item-content nav.navigation {
        display: block;
    }

    .header.content a.logo {
        display: initial;
        visibility: hidden;
        width: 90px;
    }
    .nav-sections .header.links li,
    .nav-sections-item-content ul.header.links li.link.authorization-link {
        display: list-item;
    }
    .nav-sections .header.links a,
    .nav-sections .header.links a:hover,
    .nav-sections .header.links,
    .nav-sections-item-content .navigation .level0 .submenu a:hover, .nav-sections-item-content .navigation .level0 .submenu a.ui-state-focus, .nav-sections-item-content .navigation .customer-welcome ul li:hover  {
        color: white;
    }
    li.ui-menu-item.all-category,
    .customer-menu ul.header.links li.link.authorization-link {
        display: none;
    }

    .navigation .submenu:not(:first-child) .active > a {
        color: white;
        border-color: #B7772A;
    }
    .product-info-main p {
        font-size: 14px;
    }
    h1.page-title {
        font-size: 42px;
    }
    .one-step-checkout-wrapper div#checkoutSteps .col-mp:last-child .row-mp,
    .onestepcheckout-index-index main#maincontent,
    .one-step-checkout-wrapper div#checkoutSteps .col-mp .row-mp{
        padding-left: 10px;
        padding-right: 10px;
    }
    .onestepcheckout-index-index .page-wrapper .page-title-wrapper {
        margin-bottom: 40px;
    }
    .onestepcheckout-index-index .page-wrapper .checkout-container button:not(.primary):not(.action-show):not(.action-close):not(.edit-address-link):not(.ui-datepicker-trigger) {
        background-color: transparent !important;
    }
    .onestepcheckout-index-index .minicart-wrapper:has(button.action.showcart) {
        display: none;
    }
    .mp-7, .mp-xs-12 {
        width: 100%;
    }
    .col-mp:last-child .mp-xs-12 .row-mp, .checkout-success .col-mp:last-child .row-mp {
        padding-left: 0;
    }

    nav.navigation .level0 > .level-top {
        font-weight: initial;
        text-transform: initial;
    }

    section.gallery {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .footer.content {
        padding-bottom: 20px;
    }

    .shop-title {
        font-size: 32px;
    }

}