:root{
    --primaryColor: #F3C404;
    --primaryColorDarker: #e2b603;
    --secondaryColor: #23A1DE;
    --secondaryColorDarker: #1e8fc8;
    --black: #000000;
    --grey-900: #1a1a1a;
    --grey-800: #333333;
    --grey-700: #4d4d4d;
    --grey-600: #666666;
    --grey-500: #808080;
    --grey-400: #999999;
    --grey-300: #b3b3b3;
    --grey-200: #cccccc;
    --grey-100: #e6e6e6;
    --white: #FFFFFF;
    --success: #28a745;

    --transitionSpeed: 100ms;
    --themeBorderRadius: 0px;
}

/* General theme styles */
a{ color: var(--secondaryColor); text-decoration: none; }
img{ max-width: 100%; object-fit: contain; }
img:not(.logo), .btn{ border-radius: var(--themeBorderRadius); }
input{ border-radius: var(--themeBorderRadius)!important; }

input:read-only{background: #ccc!important; color: #666; cursor: not-allowed; font-style: italic; text-shadow: 1px 1px 1px #eee;}
input:read-only:focus{box-shadow: none!important; border-color: transparent; color: #666;}

.footer-partners { flex-wrap: wrap; }
.footer-partners img { width: fit-content; max-width: 200px; margin: 15px 10px; }
.btn-black{ background:var(--black); color: var(--white); }
.btn-primary,
input[type="submit"],
input.btn{ background-color: var(--primaryColor)!important; border: none; color: var(--black); font-style: normal; text-shadow: none; }
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{ background-color: var(--primaryColorDarker); border: none; color: var(--black); }
.bg-primary{ background-color: var(--primaryColor)!important; }
.btn-secondary{ background: var(--secondaryColor); color: var(--white); border: none; }
.btn-secondary:hover{ background: var(--secondaryColorDarker); }
.section-container{ background-size: cover!important; background-position: center!important; }
.title-404 { font-size: 100px; }
.title-thanks { font-size: 60px; }
.fw-500 { font-weight: 500; }
.theme-br { border-radius: var(--themeBorderRadius); }
.bg-none { background: none; }
@media screen and (min-width: 768px){
    .bg-md-gray-100{ background: var(--bs-gray-100); }
}
@media screen and (max-width: 768px){
    .footer-partners { flex-direction: column; }
}

input[type="checkbox"] {
    -webkit-appearance: auto;
    appearance: auto;
    display: inline;
    width: auto;
    cursor: auto;
}

/* input number hide arrows: */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance: textfield;} /* Firefox */

/* Login box */
.login_box{ border: 1px solid var(--grey-200); border-radius: var(--themeBorderRadius); background: #f4f4f4; }


/* Disable bootstrap focus outline */
*:focus { outline:none!important; }
.btn-check:focus+.btn, .btn:focus{ box-shadow: none!important; }
.navbar-toggler:focus { outline: 0; box-shadow: none; }

/* Navbar */
.main-navbar { background: var(--white); box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }
.main-navbar .navbar-toggler { font-size: 14px; font-weight: 700; border-radius: var(--themeBorderRadius); color: var(--black); background: var(--primaryColor); }
.main-navbar .navbar-toggler i { margin-right: 5px; }
.main-navbar .nav-item{ position: relative; }
/*.main-navbar .nav-item.has_sub{ display: flex; }*/
.main-navbar .nav-item a:active,
.main-navbar .nav-item a:focus,
.main-navbar .nav-item a { margin: 0 10px; font-size: 18px; color: var(--black); font-weight: bold; transition: var(--transitionSpeed); border-bottom: 4px solid transparent; padding-bottom: 2px;white-space: pre;}
.main-navbar .nav-item a.active,
.main-navbar .nav-item a:hover { color: black; border-bottom: 3px solid var(--primaryColor); }
.main-navbar .icons-right {display: flex;}
.main-navbar .icons-right a { margin-right: 20px; font-size: 20px; color: var(--black); }
.main-navbar .icons-right a:hover {	color: var(--primaryColor); }
.main-navbar .icons-right .cart { position: relative; }
.main-navbar .icons-right .cart .indicator { position: absolute; background: var(--secondaryColor); font-size: 12px; display: inline-block; min-width: 18px; height: 18px; border-radius: 50%; text-align: center; color: white; font-weight: 700; top: -3px; left: 13px; }
/* Submenu */
.main-navbar .nav-item.has_sub .submenu_toggler { display: none; position: absolute; right: 15px; top: 5px; padding: 5px; }
.main-navbar .nav-item .submenu{ margin: 0; padding: 0; background: var(--white); /*transition: 200ms;*/ opacity:0; visibility: hidden; position: absolute; top: 100%; width: max-content; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }
.main-navbar .nav-item .submenu li{ margin: 0; padding: 0; list-style-type: none; border-left: 6px solid transparent; }
.main-navbar .nav-item .submenu li a{ border:none; display: flex; padding: 5px 10px }
.main-navbar .nav-item .submenu li:hover{ background: var(--grey-100); border-left: 6px solid var(--primaryColor); }
.main-navbar .nav-item:hover .submenu{ opacity:1; visibility: visible; height: auto; }
@media screen and (max-width: 768px){
    .main-navbar .nav-item.has_sub .submenu_toggler { display: inline; }
    .main-navbar .nav-item .submenu{ display: none; position: relative; top: 0; width: 100%; box-shadow: none; height: 0; }
    .main-navbar .nav-item .submenu li a{ padding: 10px 20px }
}

footer ul,
footer ul li{ margin:0; padding:0; }
footer ul li{ list-style-type: none; }
footer ul li a,
footer ul li p{ color: var(--black); text-decoration: none; font-weight: 500; }

/* Header container */
.header-container{ padding: 100px 0; }
.header-container h1{ font-size: 28px; }
.header-container .title-card{ background: var(--white); border-radius: var(--themeBorderRadius); border-left: 12px solid var(--primaryColor); }
@media screen and (max-width: 768px){
    .header-container{ padding: 50px 0; }
}

/* Headings */
h2.title{margin-bottom: 10px; color: var(--black); font-size: 28px; font-weight: bold;}
.title-blue{margin-bottom: 5px; color: var(--secondaryColor); font-size: 20px; }

/* Assortment cards */
.assortment-card{ border-radius: var(--themeBorderRadius); margin-bottom: 20px; background: var(--white); padding: 40px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.assortment-card h3{ border-bottom: 1px solid #cecece; padding-bottom: 15px; margin-bottom: 15px; }

/* Breadcrumbs */
.breadcrumbs{ margin: 0; padding: 0; }
.breadcrumbs li{ list-style-type: none; padding: 0 15px; }
.breadcrumbs li:first-child{ padding-left: 0; }
.breadcrumbs li{ color: var(--black); font-weight: bold; position: relative; }
.breadcrumbs li a{ color: var(--black); text-decoration: none; }
.breadcrumbs li a:hover{ color: var(--secondaryColor); }
.breadcrumbs li.active{ color: var(--secondaryColor); }
.breadcrumbs li:not(.active):after { content: '/'; position: absolute; right: -5px; color: #bebebe; }

.accordion{  }
.accordion .tab { margin: 3px; }
.accordion .tab .title{ font-size: 13px; display: flex; flex-wrap: wrap; justify-content: space-between; background: var(--grey-100); padding: 10px 40px 10px 20px; margin: 0; font-weight: 600; position: relative; }
.accordion .tab .title:after{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f104"; position: absolute; right: 20px; }
.accordion .tab.open .title:after{ content: "\f107"; }
.accordion .tab .content{ padding: 15px 30px; }
.accordion .tab.open .content { border: 1px solid var(--grey-100); border-top: none; }
.accordion .tab.open .content .table-wrap { overflow: scroll; }


/* side menu */
.side-menu{ margin: 0; padding: 0; }
.side-menu li{ border-left: 6px solid transparent; list-style-type: none; background:var(--primaryColor); margin-bottom: 4px; border-radius: var(--themeBorderRadius); }
.side-menu li:hover{ background: var(--primaryColorDarker); }
.side-menu li.active{ border-left: 6px solid var(--black); }
.side-menu li a{ text-decoration: none; color: var(--black); font-weight: 500; display: inline-flex; width: 100%; height: 100%; padding: 12px 20px; }


.account-details label{ font-weight: 500; }
.account-details input{ border-radius: var(--themeBorderRadius); background: var(--bs-gray-100); border: 1px solid var(--grey-200); padding: 10px 15px; }
.account-details button.save-account-details{ background: var(--secondaryColor); border-radius: var(--themeBorderRadius); color: var(--white); font-weight: 500; }


/* Alert */
.alert{ border-radius: var(--themeBorderRadius); border: none; border-left: 8px solid; }

/* Account > Document */
.document input[type="file"]{ display: none; }
.document .document-title { font-weight: 500; background: var(--grey-100); border: 1px solid var(--grey-200); flex:1 0 51%; display: flex; align-items: center; padding-left: 20px; }
.document .document-title .text-muted { font-weight: 400; }
.document .upload-document-button { cursor: pointer; background: var(--primaryColor); border: 1px solid var(--primaryColor); padding: 15px 40px; }
.document .upload-document-button:hover{ background: var(--primaryColorDarker); }
.document .upload-document-button.success { background: var(--success); border: 1px solid var(--success); color: white; }
.document .upload-document-button i { margin-right: 5px; }
@media screen and (max-width: 768px){
    .document .upload-document-button { padding: 10px; }
}

.cart-items { border-right: 1px solid var(--grey-200); }
.cart-heading { font-weight: bold; border-bottom: 1px solid var(--grey-300); }
.product-row { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--grey-300); }
.product-row:last-child { border: none; }
.product-row .thumbnail { max-height: 75px; width: auto; }
.product-row .quantity { max-width: 60px; }
.product-row .title { border: none; text-decoration: none; color: var(--black); font-weight: 500; }
.product-row .title:hover { text-decoration: underline;  }
.cart-user-info { border-right: 1px solid var(--grey-200); }
@media screen and (max-width: 992px){
    .cart-user-info { border-right: none; }
    .cart-items { border-right: none; }
    .product-row:last-child { border-bottom: 1px solid var(--grey-300); }
}
@media screen and (max-width: 768px){
    .product-row .title-wrap { border-bottom: 1px solid var(--grey-100);  }
}


/* Categories page */
.product-block{ background: var(--grey-100); border-bottom: 5px solid transparent; }
.product-block img{ width: 100%; object-fit: cover; border: 1px solid var(--grey-100); border-bottom: none; }
.product-block:hover{ border-bottom: 5px solid var(--primaryColor); }
.product-block .product-info{ padding: 5px 10px; }
.product-block .product-title{ color: var(--black); font-size: 16px; font-weight: bold; margin: 5px 0; line-height: 17px; height: 34px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; }
.product-block .product-code{ color: var(--black); font-size: 12px; font-weight: 200; }

/* Product page */
.product-page .product-title{ color: var(--secondaryColor); font-size: 28px; }
.product-page .in_cart{  }
.product-page .in_cart .qty{ width: 65px; padding: 7px; border-radius: var(--themeBorderRadius); border: 1px solid var(--grey-200); text-align: center; }
.product-page .in_cart .add_to_cart{ background: var(--primaryColor); border:none; border-radius: var(--themeBorderRadius); padding: 8px 20px; }
.product-page .in_cart .add_to_cart:hover{ background: var(--primaryColorDarker);  }


/* Contact */
.contact-image { width: 100%; height: 350px; object-fit: cover; }
.contactform{ border-radius: var(--themeBorderRadius); background: #f4f4f4; }
.contactform label{ font-weight: 500; }
.contactform input, .contactform textarea{ border-radius: var(--themeBorderRadius); border: 1px solid var(--grey-100); padding: 8px 16px; }
.contactform .send-form { background: var(--secondaryColor); color: var(--white); }
.contact-page .contact-form-image{ width: 100%; height: 100%; object-fit: cover; }