/* terschellinger.nl styles */

.panel.header {
    box-shadow: rgb(0 0 0 / 30%) 0px 2px 4px 1px !important;
}

.navigation {
    box-shadow: rgb(0 0 0 / 30%) 0px 2px 4px 1px !important;
}

body {
    /*background-color: #f5e7c8;*/
    background-color: #f5e7c8;
    font-size: 1.2rem;
    line-height:1.3;
}

h1.page-title {
    font-size: 2.4rem;
    color:#007138;
    border-bottom: 1px black dotted;
    padding-bottom: 10px
}

#vertnavmenu a:hover {
    color:#f5e7c8;
    text-decoration: none;
}

#vertnavmenu .rootcategory {
    padding-bottom: 5px;
}

#vertnavmenu .rootcategory p {
    color: #d68742;
    font-size: 18px;
    font-weight: 600;    
    line-height: 30px;
    border-bottom: 1px solid #007138;
    margin-bottom: 14px;    
}

#vertnavmenu .subcategory p {
    color: #333333;
    font-size: 15px;
    border-bottom:none;
    margin-bottom: 0px;
    line-height: 12px;    
}

@media (max-width: 767px) {
    #vertnavmenu .subcategory p {
        color: #333333;
    }
}



#vertnavmenu .subcategory a:hover p {
    color: #d68742;
}

#vertnavmenu li > a {
    padding: 0px 0px 0px 0px;
    border-bottom: none;
    display: block;
    line-height: 12px;
}

.page-header .panel.wrapper {
    /* background-color: unset; */
    background-color: #007138;
    color:white;
    border-bottom: unset;
}


.footer.content {
    border-top:none;
}

@media (min-width: 576px) {
    .page-footer .bedrijfsinformatie .col-sm {
        border-right: 1px dotted black;
    }

    .page-footer .bedrijfsinformatie .col-sm:nth-child(3) {
        border-right:none;
    }
}

.page-footer .bedrijfsinformatie .col-sm {
    margin-bottom: 30px;
}

.page-header {
    background-color: #f5e7c8;
    background-size: cover;
}

.nav-sections {
    background: #007138;
}

@media (min-width: 767px) {
    .navigation .level0 > .level-top:hover {
        background-color: #00552a;
    }
}

@media (min-width: 767px) {
    video#koelbed-home-video {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.page-footer a:hover {
    color: #d68742;
}

.footer.content h1 {
    color: #333333;
}

.catalog-category-view .columns .column.main {
    background-color: #f5e7c8;
    padding: 10px;
    margin-bottom: 40px;
}

.cms-page-view .columns .column.main {
    background-color: #f5e7c8;
    padding: 20px;
    margin-bottom: 40px;
}

.product-info-main h1.page-title {
    color:#007138;
}

#super-product-table .special-price .price {
    color: #007138;
}

.block.upsell .title {
    color: #007138;
}

#super-product-table .normal-price .price {
    color: #007138;
}

#super-product-table .price {
    color: #007138;
}

.page-footer a {
    color: #333333;
}

.sidebar.sidebar-additional .widget.block.block-static-block {
    background-color: #f5e7c8;
    border-top-left-radius:0px;
    padding: 15px 10px 15px 10px;
    margin-right: 20px;
}

.cms-index-index .columns table > tbody > tr > td {
    padding:0px;
}

@media (max-width: 767px) {
    .catalog-product-view .page-main {
        background-color: fff;
    }
}

/*
@media (max-width: 767px) {
    .columns .column.main {
        background-color: #fff;
    }
}
*/

.cms-index-index .columns .column.main {
    background-color: #f5e7c8;
}


.checkout-index-index .columns .column.main {
    background-color: #ffffff;
}

@media (max-width: 767px) {
    .column.main .products-grid.products-upsell a {
        color: black;
    }
}

.breadcrumbs .item:not(:last-child) {
    color: black;
}

.breadcrumbs a:visited {
    color: #100800;
}

.breadcrumbs a {
    color: #100800;
}

.breadcrumbs strong {
    color: black;
}

.minicart-wrapper .action.showcart:before {
    color: #333;
}

.block-search .label:before {
    color: #333;
}

.product-info-main .product-info-price {
    color: #333;
}

.page-products .product-item-name a {
    color: #007138;
}

.page-products .product-item-name > a:visited {
    color: #007138;
}

.column.main .products-grid.products-upsell a {
    color: #007138;
}

.column.main .products-grid.products-upsell a:hover {
    color: #007138;
}


/* CLS issues Google oplossen */
.logo img {
    width: 440px;
    max-width: 100%;
    height: auto;
    aspect-ratio: 650 / 177;
}

table.homepagecats {
    aspect-ratio: 793 / 715;
}

.homepagecats tr {
    aspect-ratio: 793 / 127;
}

.homepagecats img {
    aspect-ratio: 386 / 123;
}

.page-header .panel.wrapper {
    background-color: #007138;
    color:white;
    border-bottom: unset;
    /* aspect-ratio: 1903 / 70; */
}

/* While loading the trusted shops widget has a big height with text. The text becomes invisible after loading reducing the height. This leads to a CLS Google problem  */
.header-usps li {
    max-height: 50px;
}
/* Einde CLS issues Google oplossen */


#block-discount-heading {
    font-size: 2.0rem;
    color: #007138;
    font-weight: 600;
    line-height: 1.1;
}

.cart-discount .block > .title:after {
    color: #007138;
    font-size: 14px;
}