/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.carousel .carousel-inner {
    height: 167px;
}

#js-product-list-header {
    display: none;
}

#products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {
    justify-content: center;
}

.unit-price-cart {
    display: none;
}

.thumbnail-container,
#carousel {
    box-shadow: 1px 1px 7px 0 rgb(0 0 0 / 15%);
}

.top-menu a[data-depth="0"] {
    font-weight: 600;
    padding: 0.1875rem 0.625rem 0.375rem;
}

@media (min-width: 576px) {
    .block_newsletter.col-sm-12 {
        float: left;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .block_newsletter.col-md-12 {
        float: left;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .block_newsletter.col-lg-8 {
        float: left;
        width: 66.66667%;
    }
}

.footer-container {
    overflow: hidden;
    box-shadow: 2px 2px 11px 0 rgb(0 0 0 / 30%);
}

#search_widget .ui-autocomplete-input {
    background-color: white;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 0;
    border-radius: 25px;
    font-size: 0.8rem;
}

#left-column {
    width: 0;
}

#content-wrapper {
    width: 100%;
}

@media (min-width: 1200px) {
    .js-product.product {
        float: left;
        width: 25%;
    }
}

.custom-checkbox {
    height: 100%;
}

/**
*   03.2023 changes
**/

/**
*   menu po pełnej szerokości wychodzi trochę za ekran
*/
body {
    overflow-x: hidden;
}

/**
*   full width top nav
**/
.header-top .container .row {
    width: 100%;
}

@media (min-width: 1200px) {
    .header-top .container .row {
        margin: 0;
    }
}

.header-nav .hidden-sm-down div:first-child {
    display: flex;
}

#checkoutSwitchers {
    margin-top: 10px;
    display: flex;
    justify-content: end;
}

/**
*   zamiana miejscami menu oraz 
**/
.header-top-right {
    display: flex;
    justify-content: space-between;
    padding: 0;
}

/**
*   menu w rzędach
**/
.top-menu .sub-menu ul[data-depth="1"]>li {
    width: 25%;
}

#header .header-top {
    padding: 0.8rem 0;
}

#header .header-top >.container >.row {
    align-items: stretch !important;
}

#header #_desktop_top_menu,
#search_widget {
    display: flex;
    align-items: center;
}

#header #_desktop_top_menu >.top-menu {
    height: calc(100% + 1.6rem);
    display: flex;
}

#header #_desktop_top_menu .top-menu li {
    height: 100%;
    display: table;
    align-items: center;
}

#header #_desktop_top_menu .top-menu li:hover .dropdown-item[data-depth="0"] {
    color: red;
}

#header #_desktop_top_menu .top-menu li a {
    height: 100%;
    color: black;
    text-transform: unset;
    display: table-cell;
    vertical-align: middle;
    transition: color 600ms;
}

#header #_desktop_top_menu .top-menu li a img {
    max-height: 15px;
    margin-right: 8px;
    filter: brightness(0);
    transition: filter 400ms;
}

@media (max-width: 992px) {
    #header #_desktop_top_menu .top-menu li a {
        font-size: 0.8rem;
    }
}

#header #_desktop_top_menu .top-menu li a:hover {
    color: red;
}

#header #_desktop_top_menu .top-menu li a:hover img {
    color: red;
    filter: brightness(1);
}

#header #_desktop_top_menu .top-menu li .sub-menu {
    -webkit-box-shadow: 0px 7px 24px -19px rgba(66, 68, 90, 1);
    -moz-box-shadow: 0px 7px 24px -19px rgba(66, 68, 90, 1);
    box-shadow: 0px 7px 24px -19px rgba(66, 68, 90, 1);
    background: #f6f6f6;
    width: 100vw;
    left: calc((100vw - 100%)/-2);
    margin: 0;
    padding-left: calc((100vw - 100%)/2);
    padding-right: calc((100vw - 100%)/2);
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid rgb(201, 201, 201);
}

#header #_desktop_top_menu .top-menu li .sub-menu a {
    font-weight: normal;
}

/**
*   NIVO SLIDER
**/
#ybc-nivo-slider-wrapper .caption2,
#ybc-nivo-slider-wrapper .caption3,
#ybc-nivo-slider-wrapper .caption4,
#ybc-nivo-slider-wrapper .caption1 {
    padding: 0;
}

#ybc-nivo-slider-wrapper .caption1 {
    text-transform: unset;
}

#ybc-nivo-slider-wrapper .caption1 .caption-span {
    font-size: 33px;
    line-height: 40px;
}

#ybc-nivo-slider-wrapper .caption5 {
    margin-top: 32px;
}

#ybc-nivo-slider-wrapper .caption5 a {
    border-radius: 50px;
    font-size: 11px;
    font-weight: 600;
    padding: 10px 20px;
}

.theme-default a.nivo-prevNav:before, .theme-default a.nivo-nextNav:before, .theme-default .nivo-controlNav .nivo-control.active::before {
    color: white !important;
}

#ybc-nivo-slider-loader-img {
    filter: grayscale(1);
}

@media(max-width: 768px) {
    
    #checkout #header .header-nav .logo {
        max-height: 2rem !important;
    }
}

@media (max-width: 768px) {
    #checkout #solveit_top_contact {
        width: 100% !important;
    }
    #checkout #solveit_top_contact__hours {
      position: static;
      top: auto;
      left: auto;
      margin: 0;
      width: 100%;
    }
  }

@media(max-width: 760px) {
    #ybc-nivo-slider-wrapper .caption1 .caption-span {
        font-size: 22px;
        line-height: 23px;
    }
}

@media(max-width: 490px) {
    #ybc-nivo-slider-wrapper .caption1 .caption-span {
        font-size: 16px;
        line-height: 17px;
    }

    .ybc-caption {
        padding-bottom: 2% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #ybc-nivo-slider-wrapper .caption2,
    #ybc-nivo-slider-wrapper .caption3,
    #ybc-nivo-slider-wrapper .caption4 {
        display: none;
    }

    #ybc-nivo-slider-wrapper .caption5 {
        margin-top: 5px;
    }

    #ybc-nivo-slider-wrapper .caption5 a {
        position: relative;
        left: -46%;
    }    
}

.payment-option img {
    max-height: 22px;
}