/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
.highlight {color:#CF3339 !important;}
.card-list.brxe-list { display: flex; flex-flow: wrap; justify-content: space-between; gap: 0px; }
.card-list.brxe-list li { width: 47%; }
.content-box { padding-top: 20px; }
.card-wrapper:hover img { transform: scale(1.05); }
.our-product-section .product-category-grid .category-card-wrapper .category-card a {height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 60px; padding-right: 20px; padding-bottom: 60px; padding-left: 20px; align-items: center; position: relative; margin-right: 0; margin-left: 0; border-radius: 10px; overflow: hidden; width: 100%; display: flex; justify-content: center; font-size: 21px; line-height: 25px; font-weight: 500; color: #fff; position: relative; }
.our-product-section .product-category-grid .category-card-wrapper .category-card a:after { background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; }
.our-product-section .product-category-grid .category-card-wrapper .category-card  a  span { z-index: 1; }
.our-product-section .category-card { width: 20%; }
.our-product-section .product-category-grid .category-card-wrapper { display: flex; column-gap: 16px; row-gap: 10px; justify-content: center;}
.our-product-section .category-products {background: #d9dbdc;padding: 20px;margin-top: 20px;border-radius: 12px;}
.our-product-section .category-products .product-list { padding: 0px; margin: 0px; list-style: none; display: flex; flex-flow: wrap; gap: 15px; justify-content:flex-start; }
.our-product-section .category-products .product-list li {gap: 10px; display: flex ;  align-items:baseline; width: 23%;    font-size: 16px; line-height: 20px;  }
.our-product-section .category-products .category-action-buttons { display: flex; justify-content: center; padding-top: 30px; gap: 30px; }
.our-product-section .category-products .category-action-buttons a { animation: auto; }
.our-product-section .category-products .stock-lead-time-table { border-radius: 10px; overflow: hidden; margin-top: 30px; }
.our-product-section .category-products .stock-lead-time-table table { border-collapse: collapse; background: #fff; }
.our-product-section .category-products .stock-lead-time-table thead tr th { background: #627c90; padding: 10px 15px; overflow: hidden; text-align: left; color: #fff; }
.our-product-section .category-products .stock-lead-time-table table tbody tr td { padding: 5px 10px; }
.our-product-section table th, table td{ border: 1px solid #ccc; }
.our-product-section .category-products .category-heading { text-align: center; padding-bottom: 30px; }
.our-product-section .product-category-grid .category-card-wrapper .category-card a:hover:after { background-image: none; }
.our-product-section .product-category-grid .category-card-wrapper .category-card a:hover { background-color: #e01f45; background-blend-mode: multiply; }
.our-product-section .product-category-grid .category-card-wrapper .category-card a.active:after{background-image: none; }
.our-product-section .product-category-grid .category-card-wrapper .category-card a.active { background-color: #e01f45; background-blend-mode: multiply; box-shadow: 0px 0px 30px 0px rgba(252, 0, 0, 0.8);}
.our-product-section .category-products .category-sub-heading { text-align: center; padding: 30px 0px 20px; }
.our-product-section .category-products .first_child_class { padding-top: 0  !important; }
.our-product-section .category-products .product-list li i {font-size: 10px;line-height: 16px;}
.our-product-section .category-products .back-to-top { text-align: right; margin-top: 40px; }
.our-product-section .category-products .back-to-top a { padding: 10px 5px; font-size: 12px; line-height: 16px; }
/* popup */
#country-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 9999; display: flex; justify-content: center; align-items: center; }
.popup-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.popup-content { background: #fff; padding: 40px; max-width: 500px; text-align: center; border-radius: 10px; position: relative; z-index: 10000; } 
.popup-flag { width: 120px; margin-bottom: 20px; }
.popup-buttons { margin-top: 20px; } 
.btn-global { display: inline-block; background: #c8102e; color: #fff; padding: 12px 25px; margin: 10px; text-decoration: none; border-radius: 5px; }
.btn-usa { background: #fff; color: #1a1a1a; border: 2px solid #1a1a1a; padding: 12px 25px; margin: 10px; border-radius: 5px; cursor: pointer; }
#country-popup .popup-content { padding: 30px 30px; max-width: 650px; }
#country-popup .popup-content .popup-buttons { display: flex; }
#country-popup .popup-content .popup-flag { border-radius: 5px; overflow: hidden; margin-bottom: 0px; padding-bottom: 10px; }
#country-popup .popup-content .popup-buttons button#stay-on-usa { color: #fff !important; border: none; }
#country-popup .popup-content .popup-buttons .bricks-button {margin: 0px 5px;}
/**/
.condition-content h2 { padding-bottom: 10px; }
.condition-content ul { margin-top: 0px; }
.condition-content ul li i { padding-right: 7px; font-size: 16px; width: 25px; }
.condition-content ul.info-wrapper { list-style: none; padding-left: 0; }
.condition-content ul.info-wrapper li { padding-bottom: 8px; }
.condition-content ul.info-wrapper li:last-child { padding-bottom: 0px; }
.condition-content h3 { padding-bottom: 10px; }
/*  */
.blog_list-section ul.bricks-layout-wrapper li figure { border-radius: 10px; overflow: hidden; }
.blog_list-section ul.bricks-layout-wrapper li figure img { height: 100%; object-fit: cover; }
.blog_list-section ul.bricks-layout-wrapper li .bricks-layout-inner { height: fit-content; }
/* Product cat */
.product-tabel .tabel .table-wrapper { border-radius: 10px; overflow: hidden; }
.product-tabel .tabel h2 {padding-bottom: 15px;}
.product-tabel .tabel table { border-collapse: collapse; background: #fff; }
.product-tabel .tabel table thead tr th { background: #627c90; padding: 10px 15px; overflow: hidden; text-align: left; color: #fff; }
.product-tabel .tabel table th, table td { border: 1px solid #ccc; }
.product-tabel .tabel table tbody tr td { padding: 5px 10px; }
.product-tabel .tabel table tbody tr td a { text-decoration: underline; }
/******Responsive CSS********/

@media only screen and (max-width:1400px){
    .why-it-sec:after { width: 95% !important; }
    .why-it-sec .brxe-text{width:100%; max-width:950px;}
}

@media only screen and (max-width:1024px){
    .our-product-section .product-category-grid .category-card-wrapper { column-gap: 10px; row-gap: 10px; justify-content: center; }
    .why-it-sec:after { display:none !important; }
}

@media only screen and (max-width:991px){
    .our-product-section .product-category-grid .category-card-wrapper { flex-flow: wrap; }
    .our-product-section .category-card { width: 20%; }
    .our-product-section .category-products .stock-lead-time-table table { width: 100%; white-space: nowrap; }
    .our-product-section .category-products .stock-lead-time-table { overflow: auto; }
    /*  */
    .fr-nav-alpha ul#menu-main-menu-usa-1 { padding-top: 40px; }
    .fr-nav-alpha ul#menu-main-menu-usa-1 li { width: -webkit-fill-available; text-align: left; align-items: flex-start; padding: 10px 15px; margin: 0px 15px 8px; border-radius: 10px; }
    .fr-nav-alpha ul#menu-main-menu-usa-1 .current_page_item { background: #627c90; border-bottom: 3px solid #cf3339; border-radius: 10px; }
    .fr-nav-alpha ul#menu-main-menu-usa-1 .current-menu-item.open.active{background: #627c90;}
    .fr-nav-alpha ul#menu-main-menu-usa-1 li:hover { background: #627c90; }
    .fr-nav-alpha .brx-submenu-toggle{width:100%;}
    body .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu { background: #fff !important; width: 100%; }
    .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li { margin: 0px !important; padding: 0px !important; margin-bottom: 5px !important; }
    .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li a { border-radius: 10px; background: none !important; color: #fff !important; border-bottom: 1px solid; }
    .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li a:hover {background: #fff !important;color: #cf3339 !important;}
    .fr-nav-alpha .bricks-mobile-menu-wrapper.left button.bricks-mobile-menu-toggle { margin-top: 15px; margin-right: 15px; }
    .fr-nav-alpha .bricks-mobile-menu-wrapper.left button.bricks-mobile-menu-toggle span { color: #fff; }
    .fr-nav-alpha .bricks-mobile-menu-wrapper.left{z-index: 9999;}
    .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu .current-menu-item a { background: #fff !important; color: #323e48 !important; }
    
}

@media only screen and (max-width:767px){
    .our-product-section .category-card { width: 48%; }
    .our-product-section .category-products .product-list li { width: 48%; }
    .our-product-section .category-products .category-action-buttons { gap: 10px; }
    .our-product-section .category-products { padding: 20px 10px; }
    #country-popup .popup-content { padding: 25px 15px; }
    #country-popup .popup-content .popup-buttons .bricks-button { padding: 10px 12px; font-size: 14px; }
    #country-popup .popup-content .popup-flag { max-width: 90px; }
}

@media only screen and (max-width:480px){
    .card-list.brxe-list li { width: 100%; }
    .our-product-section .category-products .product-list li { width: 100%; }
    .our-product-section .category-products .category-action-buttons a {width:100%;}
    .our-product-section .category-products .category-action-buttons { flex-flow: wrap; }
    .our-product-section .category-products .category-sub-heading { padding: 25px 0px 10px; }
    .our-product-section .category-products .product-list li{font-size: 15px;}
    .our-product-section .category-products .product-list { gap: 10px; }
    #country-popup .popup-content .popup-buttons { flex-flow: wrap; gap: 10px; }
    #country-popup .popup-content .popup-buttons .bricks-button { width: 100%; }
    .banner-section .button-wrapper a { width: 100%; }
}