/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: "Poppins", sans-serif;
}

#header {
    position: relative;
    z-index: 999;
    color: #7a7a7a;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.w-100 {
    width: 100%!important;
}

.user-info a {
    color: #fff!important;
}

.product-miniature .product-title a {
    font-size: 1rem;
    font-weight: 600;
    color: #401506;
    text-align: center;
    text-decoration: none;
}

.header-nav {
    background: url('../../../../img/kawa.jpg');
    background-size: cover;
    background-position: center;
}

#wrapper {
    background: url('https://takaagencja.pl/projekty/timecaffe/img/cms/bg.jpg');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

#block_myaccount_infos .myaccount-title a, #header a, #wrapper .breadcrumb li a, .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a {
    color: #401506;
}

#wrapper .breadcrumb li:last-child {
    margin: 0;
    color: #c1892d;
    content: "/";
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #401506;
    text-decoration: none
}

.btn-primary,.btn-primary:hover {
    color: #fff;
    background-color: #401506;
    border-color: transparent;
    border-radius: 10px;

}

.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary:disabled.focus,.btn-primary:disabled:focus {
    background-color: #401506;
    border-color: transparent
}

.btn-primary.disabled:hover,.btn-primary:disabled:hover {
    background-color: #401506;
    border-color: transparent
}

.btn-outline-primary {
    color: #401506;
    background-image: none;
    background-color: transparent;
    border-color: #401506
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #401506;
    border-color: #401506
}

.btn-outline-primary.focus,.btn-outline-primary:focus {
    color: #fff;
    background-color: #401506;
    border-color: #401506
}

.btn-outline-primary.active,.btn-outline-primary:active,.open>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #401506;
    border-color: #401506
}

.dropdown-item.active,.dropdown-item.active:focus,.dropdown-item.active:hover {
    color: #fff;
    text-decoration: none;
    background-color: #401506;
    outline: 0
}

.nav-pills .nav-item.open .nav-link,.nav-pills .nav-item.open .nav-link:focus,.nav-pills .nav-item.open .nav-link:hover,.nav-pills .nav-link.active,.nav-pills .nav-link.active:focus,.nav-pills .nav-link.active:hover {
    color: #fff;
    cursor: default;
    background-color: #401506
}

.card-primary {
    background-color: #401506;
    border-color: #401506
}

.card-outline-primary,.card-outline-secondary {
    background-color: transparent;
    border-color: #401506
}

.page-item.active .page-link,.page-item.active .page-link:focus,.page-item.active .page-link:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #401506;
    border-color: #401506
}

.page-link {
    position: relative;
    float: left;
    padding: .5rem .75rem;
    margin-left: -1px;
    color: #401506;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.tag-primary {
    background-color: #401506
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #401506;
    border-color: #401506
}

.bg-primary {
    background-color: #401506!important
}

.text-primary {
    color: #401506!important
}

#header .header-top a[data-depth="0"] {
    color: #401506;
    text-transform: uppercase;
}

#header .top-menu a[data-depth="0"]:hover,a:hover, #header .header-top .current a[data-depth="0"] {
    color: #c1892d;
    text-decoration: none
}

.block_newsletter form input[type=text]:focus+button .search,.btn-unstyle:focus .expand-more,.search-widget form input[type=text]:focus+button .search {
    color: #401506
}

.form-control:focus {
    color: #232323;
    background-color: #fff;
    outline: .1875rem solid #401506
}

.input-group.focus {
    outline: .1875rem solid #401506
}

.bootstrap-touchspin .group-span-filestyle .btn-touchspin,.group-span-filestyle .bootstrap-touchspin .btn-touchspin,.group-span-filestyle .btn-default {
    padding: .5rem 1rem;
    font-size: .875rem;
    color: #fff;
    text-transform: uppercase;
    background: #401506;
    border-radius: 0
}

.custom-radio input[type=radio]:checked+span {
    position: absolute;
    top: .125rem;
    left: .125rem;
    display: block;
    width: 12px;
    height: 12px;
    background-color: #401506;
    border-radius: 50%
}

.carousel .carousel-control .icon-next:hover i,.carousel .carousel-control .icon-prev:hover i,.dropdown:hover .expand-more,.page-my-account #content .links a:hover i,.search-widget form button[type=submit] .search:hover,.top-menu .sub-menu a:hover {
    color: #401506
}

.dropdown-item:focus,.dropdown-item:hover {
    color: #401506;
    text-decoration: none;
    background: 0 0
}

.search-widget form input[type=text]:focus {
    color: #232323;
    background: #fff;
    outline: 3px #401506 solid
}

body#checkout section.checkout-step .address-item.selected {
    background: #fff;
    border: #401506 3px solid
}

.product-miniature .highlighted-informations .quick-view:hover {
    color: #401506
}

.brands-sort .select-list:hover,.products-sort-order .select-list:hover,.suppliers-sort .select-list:hover {
    color: #fff;
    text-decoration: none;
    background: #401506
}

.facet-dropdown.open>.select-title {
    background: #f6f6f6;
    border: 3px solid #401506
}

.facet-dropdown .select-list:hover {
    color: #fff;
    text-decoration: none;
    background: #401506
}

.pagination .current a {
    font-size: 1.25rem;
    color: #401506;
    text-decoration: none
}

#subcategories ul li .subcategory-name:hover,.block-categories .arrows .arrow-down:hover,.block-categories .arrows .arrow-right:hover,.block-categories .collapse-icons .add:hover,.block-categories .collapse-icons .remove:hover,.cart-grid-body a.label:hover {
    color: #401506
}

#subcategories ul li:hover .subcategory-image a {
    padding: 5px;
    border: 5px solid #401506
}

.product-price {
    display: inline-block;
    max-width: 100%;
    color: #401506
}

.tabs .nav-tabs .nav-link.active {
    color: #401506
}

.tabs .nav-tabs .nav-link.active,.tabs .nav-tabs .nav-link:hover {
    border: 0;
    border-bottom: #401506 3px solid
}

.tabs {
    padding: 1.25rem 1.875rem;
    margin: 2rem 15px 15px 15px;
    background: #fff;
    border-radius: 15px;
}

#product-modal .modal-content .modal-body .product-images img:hover {
    border: #401506 3px solid
}

#blockcart-modal .product-name {
    font-size: 1.125rem;
    color: #401506
}

.product-images>li.thumb-container .thumb.selected,.product-images>li.thumb-container .thumb:hover {
    border: #401506 3px solid
}

.product-flags li.product-flag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .3125rem .4375rem;
    margin-top: .625rem;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    word-break: break-word;
    pointer-events: auto;
    background: #401506
}

.product-customization .product-message:focus {
    background-color: #fff;
    outline: .1875rem solid #401506
}

.block-promo .promo-input+button {
    margin-top: -4px;
    margin-left: -1px;
    text-transform: capitalize;
    border: 2px solid #401506
}

.block-promo .promo-code-button.cancel-promo {
    margin-bottom: 0;
    color: #401506
}

.account-list a:hover,.block_newsletter form button[type=submit] .search:hover,.footer-container li a:hover {
    color: #401506
}

.block-social ul li:hover {
    background-color: #401506
}

.h1, .h2, .h3, .h4, body {
    color: #401506;
}

.h1, .h2, .h3 {
    text-transform: none;
}

#header .header-nav .blockcart {
    background: #fff;
}

#header .header-nav {
    border-bottom: none;
}

@media (min-width: 1400px) {
    .container {
        width: 1320px;
        max-width: 100%;
    }
}

.block_newsletter form input[type=text]:focus {
    color: #232323;
    background: #fff;
    outline: 3px #401506 solid
}

.block_newsletter form input[type=email]:focus {
    padding: 8px 8px 9px;
    border: 3px #401506 solid;
    outline: 0
}

#header .header-nav .cart-preview.active {
    background: #401506
}

#header a:hover {
    color: #c1892d;
    text-decoration: none
}

#header .header-nav .blockcart a:hover {
    color: #401506
}

#search_widget form i {
    position: absolute;
    padding: .5rem;
    color: #401506;
}

.carousel .carousel-inner {
    height: 540px;
}

#wrapper .breadcrumb {
    padding: 30px 0;
    background: 0 0;
}

#product-modal .modal-content .modal-body .product-cover-modal, .product-cover img, .product-cover .layer {
    border-radius: 15px;
}

.product-flags {
    top: 13px;
}

#product #content {
    max-width: none!important;
}

.product-images>li.thumb-container .thumb {
    margin-bottom: .625rem;
    cursor: pointer;
    border-radius: 10px;
}

#product-modal .modal-content .modal-body .image-caption {
    display: none!important;
}



.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
    float: none !important;
}

.page-content.page-cms ul, p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: #2f2f2f;
}

.product-description h3 {
    padding-top: 40px;
}

.product-description h3:first-child {
    padding-top: 0px;
}

.tabs .row, #custom-text .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));

}



.align-self-center {
    align-self: center !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

@media (max-width: 991px) {
    .row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y);
}
    .row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}
    .mb-4 {
    margin-bottom: 1.5rem !important;
}
}

@media (max-width: 991px) {
    .carousel {
        left: 50%;
        width: 100vw;
        padding-bottom: .5rem;
        margin-left: -50vw;
        background-color: #f6f6f6;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 39vw;
    }
    .carousel .carousel-inner {
    height: 250px;
}
    .carousel-indicators {
        display: none;
    }
        .carousel .carousel-item .caption .display-1 {
        font-size: 2rem!important;
        font-weight: 500;
        color: #fff;
            text-shadow: 0px -0px 5px rgba(0,0,0,0.6);
    }
}

@media (min-width: 992px) {
    .ps-lg-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 992px) {
    .pe-lg-5 {
        padding-right: 3rem !important;
    }
}

.product-comment-list-item {
    padding: 26px 0;
    margin: 0 0 20px;
    background-color: #ffffff;
    text-align: left;
    border-radius: 15px;
}

#custom-text {
    padding: 3.125rem;
    margin: 6rem 0;
    text-align:start;
    background: #fff;
    border-radius: 15px;
}

@media (max-width: 991px) {
    #custom-text {
        padding: 1.125rem;
        margin: 2rem 0;
       
    }
}

@media (min-width: 992px) {
    .text-lg-end {
        text-align: right !important;
    }
}

@media (min-width: 992px) {
    .order-lg-1 {
        order: 1 !important;
    }
}

@media (min-width: 992px) {
    .order-lg-2 {
        order: 2 !important;
    }
}

.product-miniature .thumbnail-container {
    position: relative;
    height: auto;
    margin-bottom: 1.563rem;
    overflow: hidden;
    background: #fff;
    border-radius: 15px;
}

.carousel .carousel-item img {
    border-radius: 0 0 15px 15px;
}

.carousel .carousel-item .caption {
    position: absolute;
    bottom: 28px;
    left: 50%;
    max-width: 340px;
    color: #fff;
    right: 50%;
    display: flex;
    transform: translate(-50%, -50%);
    justify-content: center;
    align-items: center;
    text-shadow: 2px 2px 5px #000;
}

.carousel {
    margin-bottom: 3rem;
    margin-top: -25px;
}

.carousel .carousel-item .caption .display-1 {
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
}

#header .header-nav #menu-icon .material-icons {
    line-height: 50px;
    color: #bd9957;
}

.img-r5 {
    border-radius: 15px;
}

#custom-text .page-content.page-cms ul, #custom-text p, .page-content.page-cms #custom-text ul {
    font-size: 1rem;
    font-weight: 400;
    color: #232323;
}

#custom-text h2 {
    color: #401506;
    font-size: 2rem;
}

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

.img-fluid {
    max-width: 100%!important;
    height: auto!important;
}