/*-----------------------------------------------------------------------------
VERSION:   1.3.8
DATE:      15/07/21
AUTHOR:    Atvise
EMAIL:     support@atvise.nl
WEBSITE:   https://atvise.nl
-----------------------------------------------------------------------------*/

/*
-----------------------------------------------------------------------------
-------------------------------- Index --------------------------------------
-----------------------------------------------------------------------------

000 | Global Styles
-----------------------------------------------------------------------------
    | 000.0 | Root Colors & Fonts
    | 000.0 | Root Fonts
    | 000.1 | Fonts, Headings and Paragraphs
    | 000.2 | Links, Actions, Buttons and 'Add to cart'
    | 000.3 | Icons
    | 000.4 | Forms
    | 000.5 | Styled Blocks - Borders, Border-radius and Box-shadows
-----------------------------------------------------------------------------
010 | Global Sections
-----------------------------------------------------------------------------
    | 010.1 | Header and Navigation
-----------------------------------------------------------------------------
    |       |  010.1.1 | Mobile Menu
    |       |  010.2 | Breadcrumbs
    |       |  010.3 | Pagination
-----------------------------------------------------------------------------
    | 010.2 | Shopping- and Mini-Cart
    | 010.4 | Wishlist
    | 010.5 | Compare
    | 010.6 | Footer
    | 010.7 | Pop-ups
-----------------------------------------------------------------------------
020 | Global Elements
-----------------------------------------------------------------------------
    | 020.1 | Pricing (Containers)
    | 020.2 | Special Pricing (Containers)
    | 020.3 | Product Grid
    | 020.8 | Messages and Notifications
-----------------------------------------------------------------------------
030 | Template Pages
-----------------------------------------------------------------------------
    | 030.1 | Homepage
    | 030.2 | Categorypage
    | 030.3 | Productpage
-----------------------------------------------------------------------------
    |       |  030.3.0 | Productpage Layout
    |       |  030.3.1 | Product Main Info
    |       |  030.3.2 | Product Media
    |       |  030.3.3 | Product Additional Info
    |       |  030.3.4 | Sidebar
-----------------------------------------------------------------------------
    | 030.4 | Checkoutpage
    | 030.5 | Accountpage
    | 030.6 | FAQ
    | 030.7 | CMS Pages
    | 030.8 | Brands
-----------------------------------------------------------------------------
040 | Custom Widgets & Blocks
-----------------------------------------------------------------------------
    | 040.1 | Amasty Multiple Wishlists
    | 040.2 | Amasty ShopBy
-----------------------------------------------------------------------------
999 | Media Queries

*/

/*---------------------------------------------------------------------------
000 | Global Styles
---------------------------------------------------------------------------*/

/*  | 000.0 | Root Colors & Fonts */
:root {
    --primary-dark: #282829 !important;
    --secondary-dark: #58595B !important;
    --primary-light: #FFFFFF !important;
    --secondary-light: #f8f8f8 !important;
    --primary-green: #8DC63F !important;
    --hover-green: #A4D266 !important;
    --primary-orange: #FF7B00 !important;
    --hover-orange: #FF9533 !important;
    /* --light-grey: #E5EBEC !important; */
    --light-grey: #EEEEEE !important;
    --primary-font: 'Martel Sans', sans-serif !important;
    --body-font: normal normal 400 15px/20px 'Martel Sans', sans-serif !important;
}

.orange {
    color: var(--primary-orange) !important;
}

/*  | 000.1 | Fonts, Headings and Paragraphs    */

html,
body {
    color: var(--primary-dark);
}

html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--primary-font) !important;
}

/* html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--primary-font) !important;
    color: var(--primary-dark);
} */

h1,
h2,
h3,
h4,
h5,
h6,
.abs-title-orders .page-main .page-title-wrapper .page-title,
.magento-rma-returns-returns .page-main .page-title-wrapper .page-title,
.magento-rma-returns-view .page-main .page-title-wrapper .page-title,
.magento-rma-guest-returns .page-main .page-title-wrapper .page-title,
.account .page-main .page-title-wrapper .page-title,
[class^="sales-guest-"] .page-main .page-title-wrapper .page-title,
.sales-guest-view .page-main .page-title-wrapper .page-title,
.magento-rma-guest-returns .page-main .page-title-wrapper .page-title {
    font-weight: 900;
    line-height: 1.2.em;
}

.abs-title-orders .page-main .page-title-wrapper .page-title,
.magento-rma-returns-returns .page-main .page-title-wrapper .page-title,
.magento-rma-returns-view .page-main .page-title-wrapper .page-title,
.magento-rma-guest-returns .page-main .page-title-wrapper .page-title,
.account .page-main .page-title-wrapper .page-title,
[class^="sales-guest-"] .page-main .page-title-wrapper .page-title,
.sales-guest-view .page-main .page-title-wrapper .page-title,
.magento-rma-guest-returns .page-main .page-title-wrapper .page-title {
    color: var(--primary-dark);
    font-size: 28px;
}

/* h1,
h2 {
    font-size: 22px !important;
} */

h2,
.h2 {
    font-size: 2rem;
}

h4,
.h4 {
    font-size: 1.15rem !important;
}

p {
    font-size: 15px;
    font-weight: 500;
}

/*  | 000.2 | Links, Actions, Buttons and 'Add to cart'*/

a,
a:hover {
    text-decoration: none !important;
}

a:visited,
.alink:visited {
    color: var(--hover-green);
}

button:hover {
    color: #fff;
    background-color: var(--hover-green);
    border-color: var(--hover-green);
}

/* button {
    font-weight: 800;
    border: none;
} */

.action,
.dg-tile a {
    cursor: pointer;
}

.action.primary {
    border-radius: 5px;
    border: none;
    background-color: var(--primary-green);
    font-weight: 900 !important;
    cursor: pointer;
}

.action.primary:hover,
.amshopby-button:hover,
.am-filter-go:hover {
    background-color: var(--hover-green);
    border-color: var(--hover-green);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--primary-green);
    border-color: transparent;
}

/* button.action.primary, .action.primary, .action-tocart {
    background: var(--green);
    font-size: 1.2em !important;
    padding: .5em 1.5em 1.75em;
    color: white;
    text-transform: uppercase;
    font-weight: 900;
    transition: filter .15s ease;
} */

.cart-empty .btn-go-shop {
    border-radius: 5px;
    border: none;
    padding: .8em 1em .6em 1em;
    line-height: 1;
    font-size: 1em;
    background-color: var(--primary-green);
    font-weight: 900;
    cursor: pointer;
}

.cart-empty .btn-go-shop:hover {
    background-color: var(--hover-green);
}

.btn.btn-default,
a.pagebuilder-button-primary,
button.pagebuilder-button-primary,
div.pagebuilder-button-primary {
    border-radius: 5px;
    padding: .8em 1em .6em 1em;
    line-height: 1;
    font-size: 1em;
    background-color: white;
    color: var(--primary-dark);
    text-transform: uppercase;
    font-weight: 900;
    border-color: inherit;
}

.btn.btn-default:hover,
a.pagebuilder-button-primary:hover,
button.pagebuilder-button-primary:hover,
div.pagebuilder-button-primary:hover {
    background-color: #eee;
    color: var(--primary-dark);
    border-color: inherit;
}

a.pagebuilder-button-primary:focus,
button.pagebuilder-button-primary:focus,
div.pagebuilder-button-primary:focus,
a.pagebuilder-button-primary:active,
button.pagebuilder-button-primary:active,
div.pagebuilder-button-primary:active {
    background: inherit;
    border: inherit;
}

.btn.btn-default.btn-primary,
.box-tocart .actions .tocart,
.action.primary.tocart,
.action.primary.checkout {
    background-color: var(--primary-orange);
    color: white;
    border-radius: 5px;
}

.btn.btn-default.btn-primary:hover,
.box-tocart .actions .tocart:hover,
.action.primary.tocart:hover,
.action.primary.checkout:hover {
    background-color: var(--hover-orange);
}

.btn.btn-default.btn-secondary,
.opc-wrapper .action-show-popup {
    background-color: transparent;
    -webkit-box-shadow: inset 0px 0px 0px 1px var(--primary-green);
    box-shadow: inset 0px 0px 0px 1px var(--primary-green);
    color: var(--primary-dark);
    border-radius: 5px;
    border: none;
}

.dg-banner-box .btn.btn-default.btn-secondary {
    background-color: transparent;
    -webkit-box-shadow: inset 0px 0px 0px 1px white;
    box-shadow: inset 0px 0px 0px 1px white;
    color: white;
}

.btn.btn-default.btn-secondary:hover,
.opc-wrapper .action-show-popup:hover {
    -webkit-box-shadow: inset 0px 0px 0px 1px var(--hover-green);
    box-shadow: inset 0px 0px 0px 1px var(--hover-green);
}

.amslider .swiper-button-next:hover,
.amslider .swiper-button-prev:hover {
    background-color: var(--primary-green);
}

/* Add to Cart */

/* .action.primary.tocart {
    font-family: var(--primary-font);
    text-transform: uppercase;
    font-weight: 900;
    padding: 10px 30px;
    line-height: 1;
    height: auto;
} */

.product-add-form .box-tocart {
    padding: 30px 0 0 0;
    border: none !important;
}

/* Offerte aanvragen */

.product-social-links .action.get-quote span {
    display: inline-block;
    font-weight: 900;
    text-decoration: underline;
}

.action.get-quote {
    display: block;
    text-align: center;
    background-color: white;
    border: 2px solid var(--green);
    padding: 15px 20px;
}

.action.get-quote:hover {
    background-color: var(--green);
    color: white;
}

/* ---------- */

.read-more {
    color: currentColor;
    font-weight: 900;
    text-transform: uppercase;
    position: relative;
}

a.read-more {
    line-height: 1;
    vertical-align: middle;
}

/* .read-more:before,
.text-area a:before {
    width: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: width .15s ease-in-out;
    background-color: currentColor;
    height: 2px;
    content: '';
    opacity: .2;
} */

.read-more:hover,
.read-more:visited {
    color: currentColor;
}

/* .read-more:hover:before,
.text-area a:hover:before {
    width: 100%;
} */

.read-more.btn-icon-right:after {
    color: var(--primary-light);
    background-color: var(--primary-green);
    padding: 8px 12px;
    border-radius: 5px;
}

a.action.viewcart span span {
    color: #028238 !important;
}

button.btn-default {
    background: var(--primary-light);
    color: var(--secondary-dark);
    text-transform: uppercase;
    font-weight: 800;
    border-radius: 5px;
    border: none;
}


button.action.subscribe.primary {
    border-radius: 0;
    height: auto !important;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1 !important;
    font-weight: 900 !important;
    padding: 4px 10px !important;
}

.text-area a {
    position: relative;
}

.text-area a:before {
    bottom: .125em;
}

/*  | 000.3 | Icons*/

.porto-icon-shopping-cart::before {
    font-family: "Font Awesome 5 Pro" !important;
    font-weight: 300 !important;
    content: "\f07a" !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

.minicart-wrapper .action.showcart .counter.qty {
    right: 14px;
    top: -6px;
    line-height: 17px;
    background-color: var(--primary-orange);
    font-weight: normal;
}

.btn-icon-right:after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    color: var(--primary-dark);
    margin-left: 15px;
}


.download-icon-right:after {
    content: "\f33d";
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    color: var(--primary-dark);
    margin-left: 10px;
}


.sale-icon-left:before {
    content: "\f02c";
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    color: var(--primary-orange);
    margin-right: 10px;
}

/*  | 000.4 | Forms*/

/* input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="datetime"],
input[type="email"],
textarea {
    background-color: #E8E8E8;
    border: 1px solid transparent;
    font-family: var(--primary-font) !important;
} */

input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="week"],
textarea,
select {
    color: var(--primary-dark);
    border-color: rgba(88, 89, 91, .1);
    border-radius: 5px;
}

input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="datetime"],
input[type="email"] {
    height: 56px;
}

.fieldset>.field,
.fieldset>.fields>.field {
    margin: 0 0 1.8em;
}

.fieldset>.field>.label,
.fieldset>.fields>.field>.label,
.opc-wrapper .form-login .fieldset .field .label,
.opc-wrapper .form-shipping-address .fieldset .field .label {
    font-family: var(--primary-font) !important;
    font-weight: 700;
    font-size: 1em;
    color: var(--primary-dark);
}


.fieldset>.field.required>.label::after,
.fieldset>.fields>.field.required>.label::after,
.fieldset>.field._required>.label::after,
.fieldset>.fields>.field._required>.label::after {
    color: var(--primary-orange) !important;
}

/*  | 000.5 | Styled Blocks - Borders, Border-radius and Box-shadows*/

.dg-light-text {
    font-weight: 100;
}

.dg-top-divider-line {
    border-top: 2px solid rgba(95, 91, 88, .2);
    padding-top: 30px;
    margin-top: 30px;
}

.dg-linebr {
    display: block;
}

/* .dg-row-just > div {
    display: flex;
    justify-content: space-between;
} */

.white-bg {
    padding-top: 90px;
    padding-bottom: 60px;
    background-color: white;
    margin-bottom: 90px;
}

.grey-overlay {
    position: relative;
}

.grey-overlay::before {
    content: " ";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: var(--primary-dark);
    border-radius: inherit;
    opacity: .5;
}

.grey-overlay .pagebuilder-column,
.grey-overlay .content {
    z-index: 5;
}

.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text p {
    color: white !important;
}

/*---------------------------------------------------------------------------
010 | Global Sections
---------------------------------------------------------------------------*/

[data-content-type="row"][data-appearance="full-width"]>.row-full-width-inner {
    max-width: 100%;
}

/*  | 010.1 | Header and Navigation*/

.page-header.type10 .panel.wrapper {
    min-height: 36px !important;
}

.logo img {
    max-width: 155px !important;
}

.page-header.sticky-header .logo img {
    max-width: 110px !important;
}

.page-header.sticky-header .logo {
    margin-right: 0;
}

.page-header {
    margin: 0 !important;
}

.page-header .main-panel-top {
    border: none !important;
}

.page-header .main-panel-top .header-left {
    display: none !important;
}

.page-header .main-panel-top .header-right {
    display: inline-flex;
}

.page-header .main-panel-top .header-right .search-area {
    order: 1;
}

.page-header .main-panel-top .header-right .my-account,
.page-header .main-panel-top .header-right .my-wishlist,
.page-header .main-panel-top .header-right .minicart-wrapper {
    order: 5;
}
.form-edit-account .legend span, .form-address-edit .legend span{
    color: var(--primary-dark);
}

.cms-index-index .page-header.type10 {
    position: inherit !important;
}

.page-header .header-main {
    background-color: var(--secondary-dark);
}

/* Top Header */

.page-header .panel.wrapper .header-right {
    margin: 0;
    width: 100%;
    justify-content: space-between;
}

/* .panel.header .header.links>li.greet,
.panel.header .header.links>li:not(.authization-link),  */
.panel.header>.header.links>li.item,
.panel.header>.header.links>li.link,
.panel.header>.header.links>li:last-child {
    display: none !important;
}

.page-header .header.panel {
    order: 15;
}

.header.links {
    padding: 0;
    margin: 0;
}

.header.links .nav.item {
    display: inline-block;
    margin-left: 15px;
}

.dg_topbar-container a,
.dg_topbar-container p {
    color: white;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 0;
}

.dg_topbar-container a:hover {
    color: white;
    opacity: .7;
}

.dg_topbar-container {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-grow: 1;
}

.page-header .panel.wrapper .header-right {}

.dg_top-header-content {
    margin: 0 !important;
    display: flex;
    align-content: center;
    align-items: center;
    flex-grow: 1;
}

/* Search */
.search-autocomplete ul li {
    color: #000 !important;
}

/* Bottom Header */

.layout-fullwidth .page-wrapper>.widget {
    max-width: none !important;
    padding: 0 !important;
}

.dg_bottom-header-wrapper {
    background-color: #F0F0F0;
}

.dg_bottom-header-bar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.dg_bottom-header-bar li {
    float: left;
}

.dg_bottom-header-bar>ul {
    margin: 0 -15px;
}

.dg_bottom-header-bar li a {
    display: block;
    color: rgba(88, 89, 91, .7);
    text-align: center;
    padding: 15px;
    text-decoration: none;
    font-size: 12px;
}

.dg_bottom-header-bar li a b {
    text-transform: uppercase;
    font-weight: 800;
    color: #282829;
}

.dg_bottom-header-bar li a:hover {
    color: #000000;
}

.dg_bottom-header-bar.container.after-menu {
    display: block;
}

.dg_bottom-header-bar.container .after-menu-menu {
    float: left;
}

.dg_bottom-header-bar.container .after-menu-kiyoh {
    float: right;
}

.dg_bottom-header-bar.container .after-menu-kiyoh .block-static-block {
    margin-bottom: 0 !important;
    margin-top: 6px;
}

/* BTW SWITCHER STYLING */
.page-header .header .panel.header .header.links li {
    line-height: 24px;
    padding-right: 5px;
}

.page-header .panel.header .tax_display_select {
    background-color: var(--secondary-dark);
    color: var(--primary-green);
    font-family: var(--primary-font) !important;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    border: transparent;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='sort' class='svg-inline--fa fa-sort fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='white' d='M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) 50%;
    border-radius: 5px !important;
}

/* Main navigation */

.header .my-account i {
    font-size: 15px;
    margin-right: .3em;
}

.header .my-wishlist {
    display: none !important;
}

.nav-sections nav.navigation a {
    font-weight: normal !important;
    line-height: 1 !important;
}

.nav-sections nav.navigation a.level-top {
    letter-spacing: .1em !important;
}

.nav-sections nav.navigation a:not(.level-top) {
    text-transform: none !important;
}

.page-header .navigation .level0.parent>a::after {
    margin-top: -.3em;
    opacity: .5;
}

.search-area .block.block-search {
    border-radius: 5px !important;
}

.search-area .block.block-search input {
    color: var(--primary-dark);
    font-size: 12px;
}
.search-area .block.block-search input::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: uppercase;
}
.search-area .block.block-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: uppercase;
}
.search-area .block.block-search input::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: uppercase;
}
.search-area .block.block-search input:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: uppercase;
}

.search-area .minisearch .actions button::before {
    border-left: 2px solid rgba(88, 89, 91, .2);
    height: 30px;
    line-height: 30px;
}

.page-header.type10 .search-area .minisearch .actions button {
    margin-top: 8px;
}

.navigation .level0 .submenu a {
    color: var(--primary-dark);
}

/* |       |  010.1.1 | Mobile Menu*/

/* |  010.2 | Breadcrumbs */

/* Default */

.page-wrapper>.breadcrumbs {
    background-color: transparent;
    margin: auto !important;
}

/* Atcrumbs */

.breadcrumbs li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    color: var(--primary-dark);
}

.breadcrumbs li a {
    color: var(--primary-dark);
    opacity: .4;
}

.breadcrumbs li a:hover {
    opacity: 1;
}

.breadcrumbs li:not(:last-child)::after,
.page-wrapper>.breadcrumbs .items>li:not(:last-child)::after {
    content: "/";
    opacity: 1;
    margin: -.15em .25em 0;
}

.breadcrumbs {
    margin: 20px 0;
}

/* |  010.3 | Pagination */

.pages strong.page,
.pages a.page,
.pages .action {
    border-radius: 5px;
    background-color: white;
    border: 1px solid RGBA(88, 89, 91, .1);
    font-weight: normal;
}

.pages .current strong.page {
    background-color: var(--primary-green);
    color: white !important;
    ;
    border-color: var(--primary-green);
}

.pages a.page:hover,
.pages .action:hover {
    background: white;
    border: 1px solid var(--primary-green);
    color: var(--primary-dark) !important;
    ;
    text-decoration: none;
}

/* Footer */

.footer-middle>.container::after {
    border: none !important;
}

.footer-middle .dg-block-title,
.footer-middle h6 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    display: block;
}

.footer-middle .dg-block-title,
.footer-middle h6 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    display: block;
}

.dg-newsletter-sign-up-wrapper #mc_embed_signup input.email {
    width: 100%;
    padding: 30px;
    border: transparent;
    background-color: rgb(88, 89, 91, .05);
    color: var(--primary-dark);
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="url"]::placeholder,
input[type="tel"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
input[type*="date"]::placeholder,
input[type="email"]::placeholder {
    color: rgb(88, 89, 91, .6);
}

.dg-newsletter-sign-up-wrapper #mc_embed_signup form {
    position: relative;
}

.dg-newsletter-sign-up-wrapper #mc-embedded-subscribe {
    position: absolute;
    top: 16px;
    text-transform: uppercase;
    letter-spacing: 0 !important;
    font-weight: bold;
    background-color: var(--primary-orange) !important;
    right: 10px;
    font-size: 1.1em !important;
    height: auto !important;
    padding: 5px 14px 2px !important;
    color: white;
    border: 1px;
    border-radius: 4px;
}

.dg-social-icons-wrapper a {
    width: 60px;
    display: inline-block;
    text-align: center;
    background-color: var(--primary-green);
    border-radius: 5px;
    line-height: 32px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.dg-social-icons-wrapper a i {
    vertical-align: middle;
    font-size: 16px;
    color: white;
}

.logo-col h6 {
    font-size: 10px;
    font-weight: 100 !important;
    letter-spacing: .28em;
    color: var(--secondary-dark) !important;
}

/*  | 010.2 | Shopping- and Mini-Cart*/

.minicart-wrapper .block-minicart {
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    color: var(--primary-dark);
}

.minicart-items-wrapper {
    height: auto !important;
}

.minicart-items-wrapper .item.product.product-item {
    width: 100% !important;
    margin: 0 !important;
}

.block-minicart .block-content>.actions>.primary .action.primary {
    border-radius: 5px;
    background-color: var(--primary-orange);
    font-size: 1em;
    letter-spacing: 0;
    font-weight: 900;
}

.minicart-wrapper .block-minicart .subtotal .label {
    opacity: .5;
    font-size: 10px;
    letter-spacing: .1em;
    line-height: 1.1em;
    font-weight: 300;
}

.minicart-wrapper .block-minicart .subtotal .amount .price {
    font-weight: normal;
}

.minicart-wrapper .product .actions>.secondary {
    box-shadow: none;
    border: 1px solid var(--light-grey);
    line-height: ;
}

.minicart-items .action.delete::before {
    line-height: 18px;
    font-weight: 300;
    content: "\f00d";
    font-family: "Font Awesome 5 Pro";
}

.minicart-items .secondary:hover {
    border-color: var(--primary-dark) !important;
}

/* VAT Shoppingcart */
.cart .price-including-tax::before {
    display: none;
}

/*  | 010.4 | Wishlist*/

/*  | 010.5 | Compare*/

/*  | 010.6 | Footer*/

/* Sitemap */

.dg_sitemap-links h4 {
    display: inline-block;
    margin-bottom: 0;
    line-height: 1 !important;
    vertical-align: middle;
}

.dg_sitemap-links h4 {
    display: inline-block;
    margin-bottom: 0;
    line-height: 1 !important;
    vertical-align: middle;
}

.dg_sitemap-links .read-more {
    display: block;
    margin-block: 40px;
}

.dg_sitemap-links .easycatalogimg .parent-category-top {
    margin: 0;
    text-align: left;
    font-weight: normal;
    font-size: 1em;
}

.dg_sitemap-links .easycatalogimg .parent-category-top a {
    padding: 0;
    text-align: left;
    background: none;
    color: var(--secondary-dark);
    opacity: .7;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    font-size: 12px;
}

.dg_sitemap-links li>a,
.dg-sitemap-col li>a {
    padding: 6px 0;
    display: inline-block;
    color: var(--secondary-dark);
    opacity: .7;
    font-size: 12px;
}

.dg_sitemap-links li>a:hover,
.dg-sitemap-col li>a:hover {
    opacity: 1;
}

.dg_sitemap-links .easycatalogimg .parent-category-top a:hover {
    opacity: 1;
    background: none;
}

.dg_sitemap-links .easycatalogimg .item {
    padding: 6px 0;
}

.dg_sitemap-links .read-more {
    margin-bottom: 40px;
    display: block;
}

.footer-bottom>.container {
    justify-content: center;
}

.footer-bottom .custom-block.f-right,
.footer-bottom address,
.footer .widget {
    flex: none;
    padding: 0;
    margin: 0 20px;
}

.footer .widget {
    flex-grow: 1;
}

.footer-bottom .f-right a {
    margin: 0 5px;
    text-decoration: underline !important;
    opacity: .6;
}

.footer-bottom .custom-block:not(.f-right) {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}



/* Newsletter */

/* Mailchimp Newsletter Sign-up */

/*  | 010.7 | Pop-ups*/

/*---------------------------------------------------------------------------
020 | Global Elements
---------------------------------------------------------------------------*/

/*  | 020.1 | Pricing (Containers)*/

.minicart-items .product-item-details .price,
.price-including-tax,
.price-excluding-tax {
    color: var(--primary-dark);
}

.price-including-tax,
.price-excluding-tax {
    color: var(--primary-dark);
    font-size: .6em;
}

.price-box .price {
    color: var(--primary-dark) !important;
    font-size: 1em !important;
}

.price-final_price .price-wrapper.price-including-tax .price {
    font-weight: normal;
    color: var(--secondary-dark) !important;
}

/*  | 020.2 | Special Pricing (Containers)*/

.product-labels {
    font-size: 11px;
}

.product-labels .product-label.sale-label {
    background-color: var(--primary-orange);
    border-radius: 5px;
    padding: 8px 8px 6px 8px !important;
}

/* Tax Labels */

.price-including-tax::after {
    content: attr(data-label);
    margin-left: 0.4em;
    text-transform: uppercase;
    letter-spacing: .1em;
    opacity: .5;
    margin-top: 10px;
    display: inline-block;
}

.price-wrapper:not(.price-including-tax)::after,
.price-wrapper:not(.price-excluding-tax)::after {
    content: attr(data-label);
    margin-left: 0.4em;
    text-transform: uppercase;
    letter-spacing: .1em;
    opacity: .5;
    margin-top: 10px;
    display: inline-block;
    font-size: 10px;
}


.old-price .price-final_price [id^="price-including-tax-old-price"],
.old-price .price-final_price [id^="price-including-tax-old-price"]::after,
.price-final_price .price-wrapper.price-including-tax::before,
.price-including-tax+.price-excluding-tax::after,
.price-including-tax+.price-excluding-tax::before,
.price-wrapper:not(.price-including-tax)[data-label="Incl. tax"]::after,
[data-label="Excl. tax"]::after {
    display: none;
}

[id^="old-price-"].price-wrapper::after {
    content: attr(data-label);
    margin-left: 5px;
}

.price-final_price [data-price-type="basePrice"] .price,
[id^="old-price-"][data-price-type="finalPrice"] .price {
    color: var(--primary-dark);
    font-size: 18px !important;
    line-height: 18px;
    font-weight: 800 !important;
}

/* .minicart-items .product-item-details .price, .price-including-tax, .price-excluding-tax {
    color: var(--primary-dark) !;
} */

/* Set ex-tax price first */
.price-container.price-final_price.tax {
    display: grid;
}

.price-final_price .price-wrapper.price-excluding-tax {
    order: 5;
}

.price-final_price .price-wrapper.price-including-tax {
    order: 10;
}

/* Set special price first */
/* .price-box.price-final_price{
    justify-items: start;
    display:grid !important;
} */
/* .price-box.price-final_price .special-price {
    grid-column: 1 / 2;
    order: 5;
}

.price-box.price-final_price .old-price {
    grid-column: 2 / 2;
    order: 10;
} */

.price-final_price .price-wrapper.price-including-tax[data-price-type="oldPrice"] {
    display: block !important;
}

.price-box.price-final_price .old-price {
    display: block;
    font-size: 1em !important;
    opacity: .5;
}

.price-box.price-final_price .old-price .price {
    font-size: 1.3em !important;
}

.price-box.price-final_price .old-price+.special-price {
    margin-top: -15px;
}


/* Incl. & Excl. */
.price-final_price [id^="price-including-tax-old-price"] .price {
    color: var(--secondary-dark);
    font-size: 10px !important;
    line-height: 29px;
}

.price-final_price [id^="price-including-tax-old-price"]::after {
    display: inline;
    content: attr(data-label);
    color: rgba(88, 89, 91, .5);
    font-size: 10px !important;
    line-height: 29px;
    margin-left: 5px;
    text-transform: uppercase;
}

/* Incl. OR Excl. */
[id^="old-price-"].price-wrapper::after {
    display: block !important;
    content: attr(data-label);
    color: rgba(88, 89, 91, .5);
    font-size: 10px !important;
    margin-left: 5px;
    text-transform: uppercase;
}

/*  | 020.3 | Product Grid*/

.dg_uitgelichte-producten {
    margin: 60px 0;
}

.dg_uitgelichte-producten .products-grid {
    margin: 0 -15px;
}

.dg_uitgelichte-producten .product-item {
    width: 100% !important;
    margin: 10px 15px !important;
}

.block.block-products-list .block-title {
    margin-bottom: 30px;
    margin-top: 10px;
}

.block-products-list .block-title strong,
.widget.block h2 {
    font-size: 22px;
    font-weight: 900;
}

.product-item-info {
    text-align: left;
}

.products-grid.columns4 .product-item,
.block.widget .products-grid .product-item {
    width: calc(100% / 2 - 15px * 2);
    margin: 0 15px 30px;
}


.products-grid .product-item {
    background-color: var(--primary-light);
    padding: 20px !important;
    border-radius: 5px;
}

.products-grid .product-item .qty-box {
    border: 1px #E5EBEC solid;
    border-radius: 5px;
    padding: 3px;
}

.products-grid .product-item .qty-box a {
    border: none !important;

}

.products-grid .product-item .action.tocart.primary {
    background-color: var(--primary-orange) !important;
    color: #fff !important;
    border-radius: 5px !important;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
}

.products-grid .product-item .action.tocart.primary:hover {
    background-color: var(--hover-orange) !important;
}

.products-grid .product-item .action.tocart.primary::before {
    content: '\f217' !important;
    font-family: "Font Awesome 6 pro" !important;
    line-height: 1;
}

.products-grid .product-item .action.towishlist {
    border-radius: 5px;
    border: none !important;
    background-color: #E8E8E8 !important;
}

.products-grid .product-item .action.towishlist:hover {
    background-color: #f2f0f1 !important;
}

.products-grid .product-item .action.towishlist::before {
    content: '\f004' !important;
    font-family: "Font Awesome 6 pro" !important;
    font-weight: 800 !important;
    color: var(--primary-green) !important;
}

.widget-product-grid .product-item-info .product-item-actions {
    display: flex;
    margin-bottom: 0;
}

.widget-product-grid .product-item-info .action.towishlist.actions-secondary {
    order: 2;
}

.widget-product-grid .product-item-info .actions-primary {
    order: 1;
    margin-right: 5px;
    flex-grow: 1;
}

.product-item-info .product-item-details .product-item-actions .actions-secondary.towishlist {
    right: auto;
    visibility: visible;
    opacity: 1;
}

.product-item-info:hover .product-item-photo {
    box-shadow: none !important;
}

.product-item-name>a {
    color: var(--secondary-dark) !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    white-space: initial;
}

.product-item .product-item-name a {
    height: 72px;
    padding-bottom: 15px;
}

.product-item .minimal-price-link {
    padding: .5em .6em;
    border: 1px solid var(--light-grey);
    border-radius: .15em;
    display: inline-block;
    font-size: .8em;
    margin: 0;
    justify-self: end;
}

/* .minimal-price-link [id^="old-price-"].price-wrapper::after {
    line-height: 1;
    margin: .3em 0 0 0;
    font-size: .45em;
    font-weight: 300;
  } */
.minimal-price-link .price-wrapper:not(.price-including-tax)::after,
.minimal-price-link .price-wrapper:not(.price-excluding-tax)::after {
    line-height: 1;
    margin: .3em 0 0 0;
    font-size: .45em !important;
    font-weight: 300;
    display: block;
}

.product-item .price-box .minimal-price-link .price-label {
    font-weight: 800;
    color: var(--orange);
    text-transform: lowercase;
    margin-bottom: .3em;
    font-size: 10px;
}

.minimal-price-link .price-wrapper {
    color: var(--primary-dark);
    font-weight: 800;
}

.product-item .price-box.price-final_price {
    display: flex;
    justify-content: space-between;
}

#amasty-shopby-product-list .products .product.actions.product-item-actions,
#amasty-shopby-product-list .products .product>.product-item-inner .actions-primary form[data-role="tocart-form"] {
    gap: 4px;
}

#amasty-shopby-product-list .products .product.actions.product-item-actions,
#amasty-shopby-product-list .products .product>.product-item-inner .actions-primary form[data-role="tocart-form"] {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    margin-bottom: 0;
}

#amasty-shopby-product-list .products .product>.product-item-inner .actions-primary,
#amasty-shopby-product-list .products .product>.product-item-inner .actions-primary form[data-role="tocart-form"] .qty-box,
#amasty-shopby-product-list .products .product>.product-item-inner .actions-primary form[data-role="tocart-form"] .qty-box .qty {
    flex-grow: 2;
}

#amasty-shopby-product-list .products .product>.product-item-inner .actions-primary form[data-role="tocart-form"] .action.tocart.primary {
    width: auto;
    align-self: stretch;
    height: auto;
    min-height: 40px;
}

.actions-primary .qty-box .qtyminus:not(:hover),
.actions-primary .qty-box .qtyplus:not(:hover) {
    background-color: rgba(229, 235, 236, .3);
}

.products-grid .product-item .qty-box a {
    width: 34px;
    border-radius: 3px;
}

.actions-primary .qty-box .qty {
    border: none;
}

#amasty-shopby-product-list .products .product>.product-item-inner .actions-secondary,
#amasty-shopby-product-list .products .product>.product-item-inner .actions-secondary a.action.towishlist {
    height: auto;
    align-self: stretch;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}


.dg_uitgelichte-producten .products-grid .product-item-actions{
    display: none;
}

/*  | 020.8 | Messages and Notifications*/

.message.notice {
    background: white;
    border: 2px solid var(--primary-dark);
    color: var(--primary-dark);
}

.message.notice> :first-child::before,
.message.success> :first-child::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.message.notice> :first-child::before {
    font-size: 24px;
    line-height: 32px;
    color: var(--primary-orange);
}

.message-success.success.message {
    background: var(--primary-green);
    color: white;
    border-radius: 5px;
    margin-bottom: 0 0 2em;
}

.message-success.success.message a {
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    font-weight: 900;
}

.message.success> :first-child::before {
    font-size: 18px;
    color: white;
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
}

.cms-index-index .page.messages {
    display: block !important;
}

/*---------------------------------------------------------------------------
030 | Template Pages
---------------------------------------------------------------------------*/

body:not(.cms-home) .page-main {
    margin-top: 60px;
}

/*  | 030.1 | Homepage*/

.cms-home .page-main {
    margin-top: 20px;
}


/* Hero Banner */

.dg-banner-box {
    border-radius: 5px;
    position: relative;
    padding: 40px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    flex-direction: column;
}

.dg-right-main-banner {
    order: 1;
    margin-bottom: 20px;
}

.dg-left-banners {
    order: 5;
}

.dg-inner-content-box {
    color: white !important;
}

.dg-hero-banners h1,
.dg-hero-banners h2 {
    margin-top: 0 !important;
    line-height: 1;
    margin-bottom: 10px;
    color: white !important;
}

.dg-right-main-banner .dg-banner-box {
    height: 510px;
    padding: 40px;
    display: flex;
    flex-direction: row;
    /* justify-content: flex-end; */
    align-items: flex-end;
}

.dg-left-banners>.dg-banner-box,
.dg-banners-bottom-row .dg-banner-box {
    display: flex;
    height: calc(265px - 20px);
}

.dg-left-banners>.dg-banner-box {
    margin-bottom: 20px;
}

.dg-left-banners>.dg-banner-box {
    justify-content: flex-start;
}

.dg-banner-box.dg-aanbieding-box {
    justify-content: flex-end;
}

.dg-banners-bottom-row .dg-banner-box {
    justify-content: center;
}

/* Catalogue Boxes */
.dg-banner-box {
    position: relative;
}

.dg-catalogue-holder {
    position: absolute;
    max-width: 140px;
    transform: translateY(-50%) rotate(5deg);
    left: -25px;
    top: 50%;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.dg_catalogue-row-wrapper {
    margin: 60px 0 30px;
}

.dg_catalogue-row-wrapper .dg-catalogue-holder {
    margin-left: 50px;
    max-width: 190px;
}

.dg-catalogus-box:hover .dg-catalogue-holder,
.dg_catalogue-row-wrapper:hover .dg-catalogue-holder {
    transform: translateY(-50%) rotate(0deg);
}

.dg-banner-box.dg-catalogus-box {
    padding-right: 20px;
}

.dg-catalogus-box .dg-inner-content-box {
    padding-left: calc(35% + 20px);
}

.team-members-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.team-members-wrapper img {
    max-width: 72px;
    max-height: 72px;
    object-fit: cover;
    border-radius: 100%;
}

.dg-light-text .dg-light-text {
    display: inline-block !important;
}

/* .dg-inner-content-box .dg-light-text {
    display: block;
    font-size: .7em;
    margin-bottom: 5px;
    opacity: 0;
    transition: all .3s ease-in-out;
} */

.dg-banner-box.dg-ons-team-box {
    background-image: url("/media/wysiwyg/THF_9796.JPG");
}

.dg-banner-box.dg-aanbieding-box,
.dg-banner-box.dg-main-box {
    position: relative;
    color: white;
}

.dg-inner-content-box {
    z-index: 1;
}

.dg-banner-box:not(.dg-main-box):before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--primary-dark);
    opacity: .7;
    border-radius: 5px;
}

.dg-banner-box.dg-catalogus-box::before {
    background-color: var(--primary-green);
}

.dg-banner-box.dg-main-box .dg-inner-content-box {
    background-color: rgba(88, 89, 91, .9);
    max-width: 540px;
    padding: 40px;
    border-radius: 5px;
}

/* .dg-banner-box.dg-aanbieding-box .dg-inner-content-box {
    margin-right: 40%;
    position: absolute;
    bottom: 40px;
    left: 40px;
} */


/* USP Bar */

.dg-usp-bar {
    padding: 30px 40px;
    background-color: white;
    border-radius: 5px;
    margin: 30px 0 !important;
}

.dg-usp-bar i,
.dg-icon-item i {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    font-size: 2.3em;
    margin-right: 10px;
    color: var(--primary-green);
    width: 50px;
}

.dg-usp-bar .text-area,
.dg-icon-item .text-area {
    display: inline-block;
    margin-left: 5px;
    text-align: left;
}

.dg-usp-bar h4,
.dg-icon-item h4 {
    margin: 0;
}

.dg-icon-item {
    margin-bottom: 30px;
    margin-top: 20px;
}

div>.dg-icon-item:first-child {
    margin-top: 0;
}

.dg-usp-block img {
    margin-bottom: 30px;
}

.dg-icon-item .text-area a,
.dg-icon-item .text-area a:hover {
    color: var(--primary-dark);
}


/* Brand & Category Tiles */

.dg-tiles-wrapper {
    margin: 30px 0;
}

.dg-tiles-wrapper .dg-tile {
    margin-bottom: 30px;
}

.dg-tiles-wrapper .dg-tile img {
    transition: all .15s ease-in-out;
}

.dg-tile a {
    background-size: cover !important;
    background-position: center !important;
    transition: all .15s ease-in-out;
    position: relative;
}

.dg-tiles-wrapper a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 !important;
    text-align: center;
    height: 200px;
    background-color: var(--secondary-dark);
    padding: 30px;
    border-radius: 5px;
    color: white;
    overflow: hidden;
}

.dg-tiles-wrapper a .read-more {
    color: white !important;
    font-weight: normal !important;
    letter-spacing: .1em;
}

.dg-tiles-wrapper h3 {
    font-size: 1em;
    color: var(--primary-dark);
    display: inline-block;
    width: fit-content;
    margin: 0 auto;
}

.dg-tiles-wrapper .col {
    margin-bottom: 30px;
}

.dg-tiles-wrapper img {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: auto;
    height: 110px;
}

/* .dg-tiles-wrapper .dg-tile.dg-tile-cat a,
.dg-tiles-wrapper .dg-tile.dg-tile-cat-sale a {
    border: 3px solid var(--green);
} */

/* .dg-tiles-wrapper .dg-tile.dg-tile-cat a:hover {
    border-color: var(--orange);
} */

.dg-tile-brand h3 {
    font-size: 0px;
}

.dg-tile-brand img {
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 30%;
}

.dg-tile-brand a:after,
.dg-tile-cat-sale a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: " ";
    transition: all .15s ease-in-out;
}

.dg-tile-brand a:after {
    background-color: var(--primary-dark);
    opacity: .5;
}

.dg-tile-brand a:hover:after {
    opacity: .1;
}

.dg-tile-cat-sale a:after {
    background-color: var(--primary-orange);
    opacity: .7;
}

.dg-tile-cat-sale a:hover:after {
    opacity: .8;
}

.dg-tile-content-area {
    z-index: 1;
}

/*  | 030.2 | Categorypage*/

.category-categorieen .sidebar.sidebar-main.mobile-sidebar {
    display: none !important;
}

.category-categorieen .column.main {
    width: 100% !important;
}
.catalog-category-view .page-wrapper .page-title-wrapper {
    display: block;
}
.catalog-category-view .page-wrapper .page-title-wrapper h1{
    color: var(--primary-dark) !important;;
}

.category-description {
    display: block !important;
}

.toolbar.toolbar-products .pages .item a.page {
    color: var(--primary-dark) !important;
}

/* .toolbar.toolbar-products .pages .item a.page:hover {
    color: #ffffff !important;
} */
body.catalog-category-view.page-layout-2columns-left .column.main .easycatalogimg{
    display: none;
}

body.catalog-category-view.page-layout-1column .column.main .easycatalogimg{
    display: block !important;
}

body.catalog-category-view.page-layout-2columns-left .category-view>.easycatalogimg,
body.ambrand-index-index .category-view>.easycatalogimg {
    display: block !important;
}

body.catalog-category-view.page-layout-2columns-left .catalog-category-view>.column.main .easycatalogimg,
body.ambrand-index-index .catalog-category-view>.easycatalogimg {
    display: block !important;
}

body.category-categorieen .category-view>.easycatalogimg {
    display: block !important;
}

body.category-categorieen .catalog-category-view>.column.main .easycatalogimg {
    display: block !important;
}

body.ambrand-index-index .category-image .image {
    max-width: 250px;
}

.categorypath-categorieen .message.info.empty {
    display: none;
}

.easycatalogimg .list-subcategories {
    display: none;
}

.category-view .easycatalogimg-listing>li.item {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 10px 30px 10px;
    padding: 0;
    border: 1px solid var(--primary-green);
}

.catalog-category-view .column.main .easycatalogimg-listing>li.item {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 10px 30px 10px;
    padding: 0;
    border: 1px solid var(--primary-green);
}

.category-view .easycatalogimg-grid .item {
    width: calc(100% - 10px*2);
}

.catalog-category-view .column.main .easycatalogimg-listing>li.item .image img {
    width: 100% !important;
    height: auto;
}

.category-view .easycatalogimg-listing>li.item .image img {
    width: 100% !important;
    height: auto;
}

.category-view .easycatalogimg .parent-category-top {
    margin: 0;
}

.catalog-category-view.easycatalogimg .parent-category-top {
    margin: 0;
}

.catalog-category-view .column.main  .easycatalogimg .parent-category-top a {
    padding: 20px;
    background-color: var(--light-grey);
    color: var(--secondary-dark);
    text-transform: uppercase;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    line-height: 1.1em;
    letter-spacing: .1em;
    min-height: 72px;
    transition: all .3s ease-in-out;
}

.easycatalogimg .parent-category-top {
    margin: 0 !important;
}

.category-view .easycatalogimg .parent-category-top a {
    padding: 20px;
    background-color: var(--light-grey);
    color: var(--secondary-dark);
    text-transform: uppercase;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    line-height: 1.1em;
    letter-spacing: .1em;
    min-height: 72px;
    transition: all .3s ease-in-out;
}

.catalog-category-view .column.main .easycatalogimg .parent-category-top a::after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    background-color: var(--primary-green);
    color: white;
    border-radius: 5px;
    padding: 8px 12px;
}

.category-view .easycatalogimg .parent-category-top a::after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    background-color: var(--primary-green);
    color: white;
    border-radius: 5px;
    padding: 8px 12px;
}

/* .easycatalogimg .parent-category-top a:after {
    content: "\f178";
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    color: inherit;
    margin-left: 5px;
} */

.category-view .easycatalogimg .easycatalogimg-listing>.item:hover .category-name a {
    background-color: var(--primary-green);
    color: white;
}

.catalog-category-view .column.main .easycatalogimg .item .category-name {
    z-index: 5;
}

.category-view .easycatalogimg .easycatalogimg-listing>.item .category-name {
    z-index: 5;
}

.category-view .easycatalogimg .easycatalogimg-listing>.item .image {
    transform: scale(1);
    transition: all .3s ease-in-out;
}

.catalog-category-view .column.main .easycatalogimg .item .image {
    transform: scale(1);
    transition: all .3s ease-in-out;
}

.catalog-category-view .column.main .easycatalogimg .item:hover .image {
    transform: scale(1.05);
}

.catalog-category-view .column.main .easycatalogimg .item:hover .category-name a {
    background-color: var(--primary-green);
    color: white;
}

.products-grid.columns4 .product-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.products-grid.columns4 .product-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
/* Filters */


.catalog-category-view .sidebar.sidebar-main .sidebar-content,
.catalogsearch-result-index .sidebar.sidebar-main .sidebar-content {
    border: none !important;
}


.sidebar.sidebar-main.mobile-sidebar .block.block-collapsible-nav .block-collapsible-nav-content .items {
    background-color: var(--secondary-light) !important;
    border-radius: 5px;
    overflow: hidden;
}

.sidebar.sidebar-main.mobile-sidebar .block.block-collapsible-nav .nav.item a::before,
.nav.item.current strong::before {
    display: none;
}

.sidebar.sidebar-main.mobile-sidebar .block.block-collapsible-nav .nav.item a {
    padding: 10px 20px;
}

.sidebar.sidebar-main.mobile-sidebar .block.block-collapsible-nav .nav.item a:hover {
    color: #000 !important;
}

.sidebar.sidebar-main.mobile-sidebar .block.block-collapsible-nav .nav.item {
    border: none !important;
    margin-top: 2px;
    background-color: var(--primary-light);
}

.sidebar.sidebar-main.mobile-sidebar .block.block-collapsible-nav .nav.item.current {
    background-color: #57585A;
}

.sidebar.sidebar-main.mobile-sidebar .block.block-collapsible-nav .nav.item.current strong {
    color: var(--primary-light);
    font-weight: 600;
}

.filter-options-item {
    padding: 0;
    border: none;
    margin-bottom: 10px;
}

.filter-options-title {
    background-color: white;
    padding: 14px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.filter-options-item .filter-options-title .toggle::after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    width: auto;
    height: auto;
    background-color: transparent;
    margin: 0;
    line-height: 1;
    transform: translate(-50%, -50%) rotate(0);
    color: var(--primary-dark);
}

.filter-options-title .toggle {
    right: 10px;
}

.filter-options-item.active .filter-options-title .toggle::after {
    transform: translate(-50%, -50%) rotate(180deg);
}

.filter-options-title .toggle::before {
    display: none;
}

.filter-options-content .count {
    opacity: .3;
    color: var(--primary-dark);
    letter-spacing: .05em;
}

.filter-options-content a {
    color: var(--primary-dark) !important;
    font-weight: 300 !important;
    margin-bottom: 8px;
    font-size: 1em;
    line-height: 24px;
}

.filter-options input[type="checkbox"]+.amshopby-choice::after {
    background-image: none;
    background-color: var(--primary-green);
}

.filter-content [class*="am-filter-item"]:hover~.amshopby-choice::before {
    border-color: var(--primary-green);
}

.filter-options-content a.am-show-more,
.amshopby-fromto-wrap .am-fromto-widget>.am-filter-go {
    background-color: var(--primary-green);
    color: white !important;
    border-radius: 5px;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
    border: none !important;
    line-height: 1;
    font-size: 1em;
    width: auto;
}

.filter-options-content a.am-show-more {
    padding: 12px 35px 10px 15px !important
}

.amshopby-fromto-wrap .am-fromto-widget>.am-filter-go {
    padding: 12px 15px 10px 15px !important;
}

.am-collapse-icon::after,
.am-show-more::before {
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    opacity: .3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3C!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --%3E%3Cpath fill='white' d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    background-position: center;
    right: 15px;
}

.am-show-more[data-is-hide="false"]::before {
    transform: translateY(-50%) rotate(180deg);
}

.filter-options-content a.am-show-more:hover {
    background-color: var(--primary-green);
}

.amshopby-slider-container.-improved .am-slider .ui-slider-handle {
    background-color: var(--primary-dark) !important;
    border-radius: 5px;
}


.filter-current .items .item {
    padding: 6px 15px 4px 35px !important;
    border-radius: 5px;
    background-color: var(--light-grey);
    color: var(--primary-dark);
    font-size: .8em;
    margin-bottom: 5px;
}

.amshopby-filter-current .amshopby-remove::after,
.amshopby-filter-current .amshopby-remove::before {
    color: var(--primary-dark) !important;
    left: 15px;
}

.filter .filter-current-subtitle {
    color: var(--primary-dark);
    background-color: white;
    padding: 14px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.filter-current {
    padding: 0;
}

.filter-current .items {
    mad: ;
    margin: 0 10px 10px 10px;
}

.filter-actions .filter-clear {
    padding: 8px 15px 6px;
    border: 1px solid var(--primary-dark);
    border-radius: 5px;
    font-size: 12px;
}

.filter-actions {
    padding: 0 10px 20px !important;
    border-bottom: none !important;
    text-transform: uppercase;
}

/* .filter-options-content ol.items {
    margin: 0;
}

.catalog-category-view .category-image img {
    display: none;
}

.block-category-list > .block-title,
.page-products .sidebar > .block.filter .options dt {
    cursor: default;
    font-size: 15px;
    font-weight: 900 !important;
}

.block-category-list .block-title strong,
.filter-options-title,
.page-products .sidebar > .block.filter .options dt {
    font-weight: 900 !important;
    color: var(--primary-dark);
    border: none;
    background-color: transparent;
    padding-left: 0;
    font-size: 15px;
}

.block-category-list .block-content .item a:hover,
.sidebar > .block.filter .item a:hover {
    color: var(--primary-dark);
}

.filter-options-title {
    border-bottom: 2px solid var(--green);

}

.filter-options-title:hover {
    border-color: var(--orange);
}

.block-category-list .block-content ol li.item,
.sidebar > .block.filter ol li.item,
.filter-options-content .item,
.block-category-list .block-content .item a,
.sidebar > .block.filter .item a {
    font-size: 15px;
    color: #5F5B58;
}

.sidebar > .block.filter .item .count {
    font-size: .9em;
    opacity: .3;
    margin-left: 5px;
}

.sidebar > .block.filter .item .count:before {
    content: "(";
}

.sidebar > .block.filter .item .count:after {
    content: ")";
}

.page-with-filter .block-category-list .block-title,
.page-with-filter .sidebar > .block.filter .options dt .page-products .block-category-list .block-title,
.page-products .sidebar > .block.filter .options dt {
    border-radius: 0 !important;
    border: none;
    padding: 0;
    margin-bottom: 20px;
    background-color: transparent;
}

.page-with-filter .block-category-list .block-content,
.page-with-filter .sidebar > .block.filter .options dd .page-products .block-category-list .block-content,
.page-products .sidebar > .block.filter .options dd {
    border-radius: 0 !important;
    border: none;
    background-color: transparent;
}

.filter-options-content {
    background-color: transparent !important;
    border: none;
}

.block-category-list .block-content,
.page-products .sidebar > .block.filter .options dd {
    padding-left: 30px !important;
    border-left: 2px solid var(--green) !important;
}

.filter-options-title:after {
    background-color: transparent;
    border: none;
    color: var(--primary-dark)8;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 15px;
}

.active > .filter-options-title:after {
    content: "\f106";
}

.filter-options-title:hover:after {
    background-color: transparent !important;
    color: var(--primary-dark);
}

.filter-options input[type="radio" i] {
    visibility: hidden;
}

.filter-options input[type="radio" i]:before {
    content: "\f0c8";
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    position: absolute;
    visibility: visible;
    color: var(--green);
    opacity: .3;
    font-size: 15px;
}

.filter-options .item:hover input[type="radio" i]:before {
    opacity: 1;
}

.filter-options input[type="radio" i]:checked:before {
    content: "\f14a";
    opacity: 1;
} */

input[type="radio"] {
    margin: 2px 10px 0 0;
}

.toolbar.toolbar-products {
    margin-bottom: 20px;
}

.sorter {
    margin-left: auto;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid var(--light-grey);
}

.toolbar select {
    height: 40px;
    padding-left: 10px;
    padding-right: 30px;
    background-color: white;
    border: 1px solid var(--light-grey);
    font-family: var(--primary-font) !important;
    font-size: 1em;
    color: var(--primary-dark);
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='sort' class='svg-inline--fa fa-sort fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    border-radius: 5px;
    min-width: 70px;
}

.toolbar .modes {
    display: none;
}

/* .sorter-action:before {
    color: white;
}

.sorter-action:before,
.pages a.page,
.sorter-action:hover:before {
    color: white;
} */

.toolbar .limiter .limiter-text {
    display: inline-block;
    margin-left: 8px;
}

.toolbar.toolbar-products {
    margin-bottom: 20px;
}

a.action.sorter-action {
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: white;
    border: 1px solid var(--primary-green);
    border-radius: 5px;
}

a.action.sorter-action:hover {
    background-color: var(--primary-green);
}

/* .sorter-action:before,
.sorter-action:before,
.pages a.page,
.sorter-action:hover:before {
    color: white !important;
} */

.sorter-action::before {
    content: "\f062";
    color: var(--primary-dark);
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
}

.sorter-action.sort-desc::before {
    content: '\f063';
}

.sorter-action:hover::before {
    color: white;
}

.amshopby-slider-wrapper .amshopby-input-wrapper .amshopby-currency {
    bottom: calc(100% - 30px) !important;
    color: var(--primary-dark) !important;
    left: 10px;
    opacity: .3;
}

.filter-options-item .filter-options-content .amshopby-slider-wrapper {
    margin: 0 !important;
}

/* .filter-options-item .am-ranges .amshopby-choice {
    top: 12px !important;
} */

/* Brands */

.amslider .swiper-button-next,
.amslider .swiper-button-prev,
.slideshow-container .prev,
.slideshow-container .next {
    background-color: var(--primary-green);
    border-radius: 5px;
    padding: 0;
    background-size: 14px;
    height: 32px;
    width: 32px;
    color: white !important;
}

.slideshow-container .prev,
.slideshow-container .next {
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 14px;
}

.slideshow-container .prev:hover,
.slideshow-container .next:hover {
    background-color: var(--hover-green);
}


.amslider .swiper-button-prev {
    left: -20px;
}

.amslider .swiper-button-next {
    right: -20px;
}

.ambrands-slider-container {
    border-radius: 5px;
    padding: 20px 0px 5px;
    background-color: white !important;
    margin: 30px 0;
}

.dg_merken-slider h2 {
    display: inline-block;
    margin-right: 10px;
}

.dg_merken-slider h2+a button {
    margin-bottom: 5px;
}


.letters-box .letter {
    color: var(--primary-dark);
    background-color: #ffffff;
    border-color: #ccc;
    padding: 0.6em;
    font-family: var(--primary-font) !important;
}

.letters-box .letter:hover {
    background-color: #ccc;
    color: #fff;
}

.letters-box .letter.-letter-all {
    margin-right: 1em;
    font-family: var(--primary-font) !important;
}

.letters-box .letter.-active {
    color: #ffffff;
    background-color: #00934b;
}

.brand-images .brands-letter .title {
    color: #00934b;
    font-weight: bold;
    font-size: x-large;
    font-family: "Open Sans";
    background-color: rgba(0, 0, 0, 0.0) !important;
}

/*  | 030.3 | Productpage*/

/*-------------------------------------------------------------------------*/

/*  |       |  030.3.0 | Productpage Layout*/

#cart-sidebar-reorder .field.item.choice {
    position: absolute;
    left: 0;
    margin: 10px;
}

#cart-sidebar-reorder .product-item-name {
    margin: 12px 30px !important;
}

/* .amrelated-grid-wrapper .block.widget .products-grid .product-item:nth-child(2n + 1) {
    margin-left: inherit;
}

.block.widget .products-grid .product-item:nth-child(2n+1) {
    margin-left: calc((100% - 4 * 24.439%) / 3);
}

.block.widget .products-grid .product-item:first-child {
    margin-left: 0;
} */

/*  |       |  030.3.1 | Product Main Info*/

.product-info-main .page-title-wrapper {
    margin-top: 30px;
}

.product-info-main .page-title-wrapper h1 {
    font-size: 28px !important;
    line-height: 1.4em;
}

.product-info-main .product-info-stock-sku {
    text-align: left;
    padding: 0;
}

.product.attribute .type,
.product.attribute .value {
    color: var(--primary-dark);
}

.product-info-main .product-reviews-summary .reviews-actions a {
    color: var(--primary-green);
}

.product.attribute.sku .value {
    letter-spacing: .1em;
}

/* .product-info-main .product.attribute {
    font-size: .9em !important;
} */

.product-info-main .product-info-stock-sku>* {
    margin-bottom: 0 !important;
}

.product-info-dg-brand,
.product-info-stock-sku {
    display: table-cell;
    vertical-align: middle !important;
    padding-right: 10px;
}

.product-info-main .product-reviews-summary {
    margin-top: 5px;
}

.product-info-main .product-reviews-summary {
    margin-top: 5px;
}

.product.attribute .value,
.product-info-main .product.sku .value {
    font-weight: normal;
    font-size: 15px;
}

.product.attribute .type {
    opacity: .6;
}

.product-info-main .product-reviews-summary::after {
    display: none;
}

.product-info-main .price-final_price .price-wrapper.price-excluding-tax .price {
    font-size: 1.4em !important;
}

.product-info-main .price-container {
    margin: 20px 0 0;
}

.product-info-main .product-social-links .product-share,
.product-info-main .product-add-form .tocompare,
.catalog-product-view .products-grid .product-item-info .product-item-actions {
    display: none !important;
}

.action.towishlist.actions-secondary {
    display: block !important;
    order: 2;
}
.product.actions.product-item-actions {
    flex-grow: 1;
}

.product-info-main .moved-add-to-links .action.towishlist::before {
    content: '\f004' !important;
    font-family: "Font Awesome 6 pro" !important;
    font-weight: 800 !important;
    color: var(--primary-green) !important;
    line-height: 56px !important;
}

.product-info-main .moved-add-to-links .action.towishlist {
    border: none !important;
    border-radius: 5px;
    background-color: #E8E8E8;
}

.product-info-main .moved-add-to-links .action.towishlist:hover {
    background-color: #f2f0f1;
}

.moved-add-to-links {
    width: 50px;
}

.product-info-main .moved-add-to-links .action.towishlist {
    height: auto;
    width: 100%;
    line-height: 1;
    display: flex;
    justify-content: center;
}


/* Box to cart */

/* .field.qty .control {
    background-color: white;
    padding: 0 5px !important;
    border-radius: 5px;
    border: 1px solid var(--light-grey);
} */

.box-tocart .input-text.qty,
.bundle-options-container .input-text.qty {
    background-color: white;
    height: 55px !important;
    border: none;
    padding: 4px 5px 0 !important;
    border-right: 1px solid var(--light-grey) !important;
    border-left: 1px solid var(--light-grey) !important;
}

/* .fieldset>.field.qty,
.nested.options-list>.field.qty {
    margin-right: 10px;
} */

.product-info-main .box-tocart .actions .tocart {
    height: 56px;
    margin: 0;
    font-size: 1.1em;
    line-height: 1;
}

.qty.field .qty-changer>a,
.col.qty .qty-changer>a {
    color: var(--primary-dark);
    border: 1px solid transparent;
    text-align: center;
    width: 44px;
    margin: 3px;
    text-align: center;
    border-radius: 3px;
    background-color: rgba(229, 235, 236, .3);
    height: calc(100% - 6px);
}

.box-tocart .field.qty,
.qty.field .control,
.col.qty .control {
    width: 100%;
    margin: 0;
}

.product-addto-links .action {
    margin: 0;
}

.qty.field .control,
.col.qty .control {
    padding: 0;
    background-color: white;
    border-radius: 5px;
    border: 1px solid var(--light-grey);
}

.qty.field .input-text.qty,
.col.qty .input-text.qty {
    border-width: 0 !important;
}

.qty.field .qty-changer .qty-inc i {
    vertical-align: bottom;
    line-height: 1;
}

.qty.field .qty-changer .qty-dec i {
    vertical-align: top;
    line-height: 1;
}

.product-info-main .box-tocart>.fieldset {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.product-info-main .box-tocart>.fieldset .actions {
    flex-grow: 1;
    margin: 0;
}

.product-info-main .box-tocart>.fieldset,
.product-add-form #product_addtocart_form {
    gap: 8px;
}

.product-add-form #product_addtocart_form {
    display: inline-grid;
    justify-items: stretch;
    width: 100%;
}

.product-info-main .box-tocart>.fieldset .actions .tocart,
.product-info-main .box-tocart {
    width: 100%;
}

a.donar-offerte-button.action.get-quote span {
    display: inline-block;
    font-weight: 900;
    text-decoration: underline;
    margin-left: .3em;
}

a.donar-offerte-button.action.get-quote {
    display: block;
    text-align: center;
    background-color: white;
    border: 1px solid var(--primary-green);
    padding: 12px 20px;
    color: var(--primary-dark);
    border-radius: 5px;
    font-size: .85em;
}

a.donar-offerte-button.action.get-quote:hover {
    background-color: var(--primary-green);
    color: white !important;
}

.product-social-links {
    display: grid;
    margin: 0;
    border-top: none;
    padding-top: 0;
}

.box-tocart .action.tocart::before {
    display: none;
}

@media (max-width: 576px) {
    .product-addtocart-button {
        line-height: 1rem !important;
    }
}

@media (max-width: 576px) {
    .product-addtocart-button {
        line-height: 1rem !important;
    }
}
/*==========  0060 Wellant College  ==========*/
.wellant-image {
    width: 100%;
}

.wellant-tekst {
    background-color: #008238;
    padding: 20px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.wellant-tekst::after {
    content: "\f178";
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    color: inherit;
    margin-left: 5px;
}

/*==========  0070 Category Page Sidebar  ==========*/

.filter-options-content {
    padding: 20px;
    margin-bottom: 30px !important;
}

.filter-options-content ol.items {
    margin: 0;
}

.product-social-links .product-addto-links {
    order: 5;
}

/*  |       |  030.3.2 | Product Media */

.fotorama__stage {
    border-radius: 5px;
    background-color: white;
    border: none;
}

.fotorama__stage__shaft {
    border: 40px solid white;
}

.fotorama__thumb {
    border-radius: 5px;
}

.fotorama__nav .fotorama__thumb-border {
    border-radius: 5px;
    border-color: var(--primary-green);
}

/*  |       |  030.3.3 | Product Additional Info*/

.product.data.items>.item.content {
    background-color: transparent;
    border: none;
    padding: 20px 0;
    border-top: 1px solid var(--primary-green);
}

.product.info.detailed .additional-attributes>tbody>tr>th {
    font-weight: normal;
    text-transform: capitalize;
    color: var(--primary-dark);
}

.product.info.detailed .additional-attributes>tbody>tr>td {
    font-weight: 700;
    color: var(--primary-dark);
}

/* .product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:focus,
.product.data.items > .item.title.active > .switch:hover,
.product.data.items > .item.title > .switch,
.product.data.items > .item.title > .switch:hover {
    border: 0;
    background: transparent !important;
    color: var(--primary-dark);
    text-transform: uppercase;
    padding: 0;
    margin-right: 30px;
} */

.product.data.items>.item.title {
    border: none !important;
}

.product.data.items>.item.title.active {
    color: var(--primary-dark);
}

/* .product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:focus,
.product.data.items > .item.title.active > .switch:hover {
    font-weight: 900;
} */

.product-info-main .page-title-wrapper h1 {
    color: var(--primary-dark);
}

/*  |       |  030.3.4 | Sidebar*/

.catalog-product-view .sidebar-main .dg-inner-sidebar,
.catalog-product-view .sidebar-additional .dg-inner-sidebar {
    border-left: 1px solid var(--light-grey);
    padding: 20px 0 20px 30px;
}

.catalog-product-view .sidebar.sidebar-additional .amshopby-option-link {
    /*! -ms-flex-order: 2; */
    /*! -webkit-order: 2; */
    /*! order: 2; */
    clear: right;
    width: 100%;
    margin: 0 auto;
}

.catalog-product-view .sidebar.sidebar-additional .amshopby-option-link a {
    padding: 20px;
    display: block;
    text-align: center;
    background-color: white;
    margin-bottom: 30px;
    border-radius: 5px;
}

.catalog-product-view .sidebar.sidebar-additional .amshopby-option-link img {
    float: none;
}

/*-------------------------------------------------------------------------*/

/*  | 030.4 | Checkoutpage*/
.checkout-cart-index h1 span{
    color: var(--primary-dark);
}

.checkout-index-index .loading-mask,
.checkout-index-index #checkout-loader {
    display: none !important;
}

.opc-block-summary,
.cart-summary,
.shipping-information .ship-to,
.shipping-information .ship-via {
    border-radius: 5px;
    border: none;
    padding: 40px;
    background-color: white;
    margin-bottom: 30px;
}

.opc-block-summary>.title,
.cart-summary>.title {
    text-transform: none;
    font-size: 28px;
    margin-top: 10px;
    color: var(--primary-dark);
    font-weight: 900;
}

.opc-block-summary .items-in-cart>.title,
.abs-toggling-title,
.abs-cart-block>.title,
.abs-discount-block .block>.title,
.cart-summary .block>.title,
.paypal-review-discount .block>.title,
.cart-discount .block>.title {
    border: none;
    padding: 15px 20px;
    background-color: var(--light-grey);
    border-radius: 5px;
    font-weight: 900;
}

.abs-action-cart-button button.action,
.cart.actions button.action,
.cart-discount .actions-toolbar button.action {
    font-weight: 900;
}

.opc-block-summary .items-in-cart>.title strong,
.cart-summary .block .title strong {
    font-weight: 900 !important;
    font-size: 1.1em !important;
    letter-spacing: 0 !important;
}

.opc-block-summary .block>.title::after,
.cart-summary .block .title::after {
    content: "\f107" !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    width: auto;
    height: auto;
    background-color: transparent;
    margin: 0;
    line-height: 1;
    transform: translate(-50%, -50%) rotate(0deg);
    color: var(--primary-dark);
    right: 15px;
    top: 50%;
    font-size: 20px;
    opacity: .3;
}

.opc-block-summary .block.active>.title::after,
.cart-summary .block.active .title::after {
    transform: translate(-50%, -50%) rotate(180deg);
}


.abs-sidebar-totals tbody .mark,
.abs-sidebar-totals tfoot .mark,
.cart-totals tbody .mark,
.cart-totals tfoot .mark,
.opc-block-summary .table-totals tbody .mark,
.opc-block-summary .table-totals tfoot .mark,
.cart-totals tbody .grand.totals .mark,
.cart-totals tfoot .grand.totals .mark {
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--primary-dark);
}

.abs-sidebar-totals tbody .mark,
.abs-sidebar-totals tfoot .mark,
.cart-totals tbody .mark,
.cart-totals tfoot .mark,
.opc-block-summary .table-totals tbody .mark,
.opc-block-summary .table-totals tfoot .mark {
    opacity: .5;
}

.cart-totals tbody .grand.totals .mark,
.cart-totals tfoot .grand.totals .mark {
    opacity: 1;
}


.cart-summary .checkout-methods-items .action.primary.checkout,
.cart-summary .checkout-methods-items .amshopby-button.checkout,
.cart-summary .checkout-methods-items .am-filter-go.checkout {
    background-color: var(--primary-orange);
    border-radius: 5px;
    letter-spacing: 0;
}

.cart-summary .checkout-methods-items .action.primary.checkout::after,
.cart-summary .checkout-methods-items .amshopby-button.checkout::after,
.cart-summary .checkout-methods-items .am-filter-go.checkout::after {
    display: none;
}

.action.multicheckout {
    border: 1px solid var(--primary-green);
    display: flex;
    padding: 15px 20px;
    line-height: 1;
    color: var(--primary-dark);
    justify-content: center;
    border-radius: 5px;
    text-decoration: underline !important;
    font-weight: 900;
    font-size: .8em;
}

.cart-summary .checkout-methods-items .item {
    margin-bottom: .8em;
}

.abs-sidebar-totals,
.cart-totals,
.opc-block-summary .table-totals {
    border: none;
}

.cart-totals tbody .grand.totals .amount,
.cart-totals tfoot .grand.totals .amount,
.cart-totals tbody .grand.totals .mark,
.cart-totals tfoot .grand.totals .mark {
    border-color: var(--light-grey);
}

.cart-summary .checkout-methods-items .action.primary.checkout,
.cart-summary .checkout-methods-items .amshopby-button.checkout,
.cart-summary .checkout-methods-items .am-filter-go.checkout {
    background-color: var(--primary-orange);
    border-radius: 5px;
    letter-spacing: 0;
}

.cart-summary .checkout-methods-items .action.primary.checkout::after,
.cart-summary .checkout-methods-items .amshopby-button.checkout::after,
.cart-summary .checkout-methods-items .am-filter-go.checkout::after {
    display: none;
}

.action.multicheckout {
    border: 1px solid var(--primary-green);
    display: flex;
    padding: 15px 20px;
    line-height: 1;
    color: var(--primary-dark);
    justify-content: center;
    border-radius: 5px;
    text-decoration: underline !important;
    font-weight: 900;
    font-size: .8em;
}

.cart-summary .checkout-methods-items .item {
    margin-bottom: .8em;
}

.abs-sidebar-totals,
.cart-totals,
.opc-block-summary .table-totals {
    border: none;
}


#co-shipping-method-form .item-options {
    border: 1px solid var(--light-grey);
    border-radius: 0px 5px 5px 5px;
    padding: 10px 10px 0 10px;
    z-index: 5;
    position: relative;
}

#co-shipping-method-form .item-options:hover {
    border-color: var(--primary-green);
}

#co-shipping-method-form .item-options .label {
    text-transform: uppercase;
    color: var(--primary-green);
}

#co-shipping-method-form .item-options .label .price {
    color: var(--primary-dark);
    font-weight: normal;
    margin-left: .1em;
}

#co-shipping-method-form .item-title {
    border-radius: 5px 5px 0 0;
    border: 1px solid var(--light-grey);
    background: var(--light-grey);
    margin-bottom: -1px;
    padding: 5px 10px 0;
    display: inline-block;
}

.cart-summary .block .content {
    padding: 30px 20px 0;
}

.cart.table-wrapper {
    background-color: white;
    border-radius: 5px;
    padding: 20px;
}

.cart.table-wrapper .cart thead tr th.col {
    font-weight: 300;
    letter-spacing: .1em;
    font-size: .8em;
    opacity: .5;
    border: ;
    border-top: none !important;
}

.cart.table-wrapper .qty.field .input-text.qty,
.cart.table-wrapper .col.qty .input-text.qty {
    border: none;
    border-left: 1px solid var(--light-grey);
    border-right: 1px solid var(--light-grey);
}

.cart.table-wrapper .product-image-container {
    border: 1px solid var(--light-grey);
    border-radius: 5px;
}

.cart.table-wrapper .actions-toolbar>.action-edit,
.cart.table-wrapper .actions-toolbar>.action-delete {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.opc-sidebar .shipping-information .shipping-information-title {
    font-size: 28px;
    font-weight: 900;
    color: var(--primary-dark);
    border: 0;
    display: block;
    padding: 0;
}

.opc-sidebar .shipping-information .ship-to .shipping-information-content {
    line-height: 2.4em;
}

.opc-sidebar .shipping-information .ship-via .shipping-information-content {
    padding: .4em 1em .4em 1em;
    border-radius: 5px;
    border: 1px solid var(--light-grey);
    display: inline-block;
}

.opc-sidebar .shipping-information .action.action-edit {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid var(--primary-green);
}

.opc-block-shipping-information .shipping-information-title .action-edit::before {
    color: var(--primary-dark);
}

.opc-sidebar .shipping-information .action.action-edit:hover {
    background-color: var(--primary-green);
}

.opc-sidebar .shipping-information .action.action-edit:hover::before {
    color: white;
}

.cart.table-wrapper .actions-toolbar>.action-delete {
    background-color: var(--light-grey);
}

.cart.table-wrapper .actions-toolbar>.action-delete:hover {
    background-color: var(--primary-dark);
}

.cart.table-wrapper .actions-toolbar>.action-delete:hover:before {
    color: white !important;
}

.cart.table-wrapper .actions-toolbar>.action-edit {
    background-color: white;
    border: 1px solid var(--primary-green);
    right: 25px;
}

.cart.table-wrapper .actions-toolbar>.action-delete::before {
    content: "\f00d";
}

.cart.table-wrapper .actions-toolbar>.action-edit::before {
    content: "\f304";
}

.cart.table-wrapper .actions-toolbar>.action-edit::before,
.cart.table-wrapper .actions-toolbar>.action-delete::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
}

.cart.table-wrapper .actions-toolbar {
    min-height: 50px;
}

.cart.actions button.action.update {
    border: 1px solid var(--primary-green) !important;
    border-radius: 5px !important;
    background-color: white;
    padding: 15px 20px;
}
.cart.actions button.action.update:hover {
    color: var(--secondary-dark);
}

.cart.actions button.action.update::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    content: "\f021";
    padding: 8px 12px;
    margin-right: 10px;
    background-color: var(--primary-green);
    color: white;
    border-radius: 5px;
}

.cart-discount {
    margin-top: 0;
    background-color: white;
    padding: 20px;
    border-radius: 5px;
}

.cart-discount #block-discount {
    margin-bottom: 0 !important;
}

.cart-discount .action.apply.primary {
    border-radius: 5px !important;
    background-color: var(--primary-green) !important;
    color: white !important;
}

#discount-coupon-form #coupon_code {
    border-radius: 5px;
}

.cart-discount .control {
    display: inline-flex !important;
    flex: 1;
    margin-right: 20px;
}

.abs-discount-block-desktop .block,
.paypal-review-discount .block,
.cart-discount .block {
    width: 100%;
    max-width: 100%;
}

.cart-discount .field {
    display: flex;
    align-items: center;
    margin-bottom: 0 !important;
}

.cart-discount .label {
    display: inline-block !important;
    margin: 0 20px 0 0 !important;
    font-weight: 300 !important;
    letter-spacing: .1em;
    font-size: .8em !important;
    opacity: .5;
    text-transform: uppercase;
}


.payment-option._collapsible.opc-payment-additional.discount-code {
    border-radius: 5px;
    background-color: white;
}

.checkout-payment-method .payment-option-title .action-toggle {
    color: var(--primary-dark);
    font-weight: 900;
    display: flex;
    justify-content: space-between;
}

.checkout-payment-method .payment-option-title .action-toggle::after {
    color: var(--primary-dark);
    opacity: .3;
    margin-left: 10px;
    line-height: 22px;
}

.opc-wrapper .form-discount {
    max-width: 100%;
    display: flex;
}

.opc-wrapper .form-discount .payment-option-inner {
    flex-grow: 1;
    margin: 0 20px 20px 0;
}

.opc-wrapper .form-discount .action.action-apply {
    height: 56px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 900;
    background-color: var(--primary-green);
    color: white;
    border: none;
    margin: 0;
}

.opc-wrapper .form-discount .actions-toolbar {
    flex-grow: .5;
}

.opc-wrapper .form-discount .primary,
.opc-wrapper .form-discount .primary .action {
    width: 100%;
}

.checkout-payment-method .payment-option-content {
    padding: 0 20px 20px 20px;
}

.opc-wrapper {
    margin-top: 40px;
}

.opc-wrapper .opc>li .step-content {
    background-color: white;
    border-radius: 5px;
    padding: 20px;
}

.opc-wrapper .step-title {
    color: var(--primary-dark);
    border: none;
    text-transform: none;
    font-size: 1.2em;
    margin-bottom: 20px;
    padding: 0;
    font-weight: 900;
}

.opc-wrapper .form-login,
.opc-wrapper .form-shipping-address {
    border: none;
    padding: 30px;
    max-width: 620px;
    margin: 0;
}

.opc-wrapper .form-shipping-address {
    border: 1px solid rgba(88, 89, 91, .3);
    border-radius: 5px;
    margin: 0 30px;
}

.checkout-payment-method .field-select-billing {
    margin-top: 20px
}

.checkout-payment-method .billing-address-form {
    border: 1px solid rgba(88, 89, 91, .3);
    border-radius: 5px;
    padding: 30px;
}

#co-payment-form hr {
    display: none;
}

/* Address line */
.field.street .control .label {
    display: none;
}

.authentication-wrapper button.action-auth-toggle {
    padding: 4px 12px;
    background-color: white;
    border-radius: 5px;
    color: var(--primary-dark);
    text-transform: uppercase;
    font-weight: 900;
    border: 1px solid var(--primary-green)
}

.authentication-wrapper button.action-auth-toggle:hover {
    border-color: 1px solid var(--primary-dark);
}

.authentication-wrapper button.action-auth-toggle span:before {
    content: "\f090";
    font-family: "Font Awesome 5 Pro";
    margin-right: .7em;
    font-weight: 100;
    color: var(--primary-green);
}

.authentication-dropdown {
    min-width: 400px;
    border-top: 2px solid var(--primary-green);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 0 0 5px 5px;
    right: 0;
}

.block-authentication .block-title strong {
    font-weight: 900;
}

.authentication-dropdown .modal-inner-wrap .block-content {
    padding: 20px;
}

.block-authentication .block[class] .field .control,
.block-authentication .block[class] .field .label {
    margin: 0;
    line-height: 1;
}

.action.action-remind {
    color: var(--primary-dark);
    text-decoration: underline !important;
    margin-top: 0 !important;
}

.block-authentication .actions-toolbar>.primary .action {
    border-radius: 5px;
    border: none;
    background-color: var(--primary-green);
    color: white;
    text-transform: uppercase;
}

._with-tooltip .field-tooltip.toggle span[id*="tooltip-"]{
    display: none;
}

#checkout-step-shipping_method,
#checkout-step-payment {
    background-color: transparent;
    padding: 0;
}

.table-checkout-shipping-method tbody tr,
.checkout-payment-method .payment-method {
    background-color: white;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px !important;
    align-items: center;
    cursor: pointer;
    border: 1px solid transparent;
}

.checkout-payment-method .payment-option-title {
    border-top: none;
    display: flex;
    padding: 20px;
}

.checkout-payment-method .payment-method {
    padding: 15px 20px 15px 20px;
}

.table-checkout-shipping-method tbody tr:hover,
.checkout-payment-method .payment-method:not(._active):hover {
    border-color: var(--primary-green);
}

.checkout-payment-method .payment-method-title {
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
}

.checkout-payment-method .payment-method-title .label {
    margin: .2em 0 0 10px;
}

.table-checkout-shipping-method tbody td:first-child {
    width: 16px;
    display: flex;
    flex-grow: 0;
}

.table-checkout-shipping-method tbody td {
    border: none !important;
}

#shipping-method-buttons-container {
    border-top: 1px solid var(--light-grey);
    margin-top: 30px;
    padding-top: 30px;
}

.opc-wrapper input[type="radio"] {
    margin: 0;
}

.table-checkout-shipping-method tbody .col-price {
    font-weight: normal;
    flex-grow: .5;
}

.col.col-method {
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--primary-green);
}

.opc-wrapper .shipping-address-items {
    margin: 0 -15px;
}

.opc-wrapper .shipping-address-item {
    border: 1px solid transparent;
    background: var(--light-grey);
}

.opc-wrapper .shipping-address-item:hover {
    border: 1px solid var(--primary-green);
}

.opc-wrapper .shipping-address-item.selected-item {
    border-color: var(--primary-green);
    background-color: white;
}

.opc-wrapper .shipping-address-item.selected-item::after {
    border-radius: 5px;
    right: -10px;
    top: -10px;
    font-size: .8em;
    font-family: "Font Awesome 5 Pro";
    content: '\f00c';
    font-weight: 100;
    background: var(--primary-green);
    height: 30px;
    width: 30px;
    line-height: 26px;
}

.checkout-payment-method .payment-method-billing-address .primary .action-update {
    border-radius: 5px;
    border-color: var(--primary-green);
    text-transform: uppercase;
    font-weight: 900;
    color: var(--primary-dark);
}

.payment-method-billing-address .actions-toolbar .action-cancel {
    margin-top: 0;
    text-decoration: underline;
    color: var(--primary-dark);
}

.opc-sidebar .modal-content {
    background: transparent;
}

/*  | 030.5 | Accountpage*/

li.nav.item:nth-child(8) {
    display: none !important;
}

.modals-wrapper,
.modal-backdrop {
    /*display: none;*/
}

.account .nav>li {
    width: 100%;
}

.account .sidebar-content .sidebar.sidebar-additional {
    width: 100% !important;
}


.account .box .box-title,
.box .box-content,
.box .box-actions {
    border: none !important;
}

.account .box .box-title {
    font-weight: 800 !important;
    background-color: #EEEEEE;
}

.account .box .box-actions {
    background-color: #EEEEEE;
}

.account .box {
    border-radius: 5px;
    overflow: hidden;
}

.account .modal-backdrop {
    display: none !important;
}

/*  | 030.6 | FAQ*/

.faq-question-view .column.main {
    width: 100% !important;
}

/*  | 030.7 | CMS Pages*/

.layout-fullwidth.cms-page-view .page-main {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cms-page-view .page-main .row [class*="col"] {
    margin-bottom: 40px;
}

.cms-page-view .page-main .row.white-bg [class*="col"] {
    margin-bottom: 90px;
}

/* .cms-page-view .page-main h1,
.cms-page-view .page-main h2,
.cms-page-view .page-main h3,
.cms-page-view .page-main h4 {
    line-height: 1.3 !important;
} */

.cms-page-view .page-main h1,
.cms-page-view .page-main h2 {
    font-size: 48px !important;
}

.cms-page-view .page-main h1 {
    margin-bottom: 0 !important;
}

.cms-page-view .page-main h3 {
    font-size: 20px !important;
}

/* .cms-page-view .page-main h3,
.cms-page-view .page-main h4 {
    font-weight: 300 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
} */

.dg-l-border-block {
    border-left: 2px solid var(--green);
    padding-left: 30px;
    margin-left: 30px;
    margin-bottom: 30px;
}

.dg-page-banner-wrapper {
    background-image: url("/media/wysiwyg/donar-groen-magazijn-THF_9796.jpeg");
    background-size: cover;
    background-position: center;
    padding-top: calc(96px + 60px);
    padding-bottom: 60px;
    position: relative;
    color: white;
    margin-bottom: 50px;
}

.dg-page-banner-wrapper h1,
.dg-page-banner-wrapper h2,
.dg-page-banner-wrapper h3,
.dg-page-banner-wrapper h4,
.dg-page-banner-wrapper h5,
.dg-page-banner-wrapper h6 {
    color: white;
}

/* .cms-over-ons.cms-page-view .page-wrapper > .breadcrumbs {
    margin-bottom: -96px;
    z-index: 10;
    color: white
}

.cms-over-ons.cms-page-view .page-wrapper > .breadcrumbs a,
.cms-page-view .page-wrapper > .breadcrumbs a:focus {
    color: rgb(255 255 255 / .4) !important;
} */

.dg-page-banner-wrapper:after {
    position: absolute;
    content: " ";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#000 0%, rgba(0, 0, 0, 0.5) 100%);
    opacity: .6;
    z-index: 1;
}

.dg-page-banner-wrapper .dg-page-banner-content {
    z-index: 5;
    color: white;
}

.dg-captioned-img {
    position: relative;
}

.dg-captioned-img>span {
    position: absolute;
    padding: 15px 20px;
    background: var(--green);
    top: -10px;
    left: -10px;
    color: white;
    z-index: 5;
}

.dg-captioned-img.xl-caption>span {
    font-size: 36px;
    font-weight: 900;
    max-width: 50%;
    line-height: 1;
}

.dg-team-member img {
    border-radius: 100%;
    max-width: 155px;
    margin-bottom: 20px;
    border: 4px solid var(--orange);
}

.dg-justified-img-content img {
    max-height: 100px;
    margin-right: 10px;
    margin-bottom: 30px;
}

.dg-border-img img {
    border: 2px solid #E8E8E8;
    padding: 10px;
}

.cms-duurzaamheid .page-main,
.cms-over-ons .page-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.cms-duurzaamheid .dg-page-banner-wrapper {
    background-image: url("/media/wysiwyg/duurzaamheid-bij-DONAR-Groen-banner.jpg");
}

.cms-duurzaamheid .dg-banner-wrapper {
    background-image: url("/media/wysiwyg/DONAR-Groen-bestanden-duurzaamheid.jpg");
}

.dg-banner-wrapper .dg-banner-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: RGB(26, 24, 24, .7);
    top: 0;
    left: 0;
}

.dg-banner-wrapper {
    margin: 80px 0;
    position: relative;
    padding: 140px 0 90px;
    background-position: center;
    background-size: cover;
}

.dg-banner-wrapper .dg-banner-overlay+.container .dg-banner-content {
    color: white;
}

a.dg-link {
    display: inline-flex;
    padding: 15px 20px;
    background-color: white;
    border: 1px solid var(--primary-green);
    text-transform: uppercase;
    font-weight: 900;
    margin: 0 5px 20px;
    align-items: center;
    color: var(--primary-dark);
    border-radius: 5px;
}

.dg-link img {
    max-height: 16px;
    margin-right: 5px;
}

.dg-link i {
    margin-left: 15px;
    color: var(--anthracite);
    font-size: .8em;
}

.dg-btn-group {
    margin: 30px -5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.cms-duurzaamheid .dg-banner-content p {
    max-width: 578px;
}

.dg-numbered-headline {
    display: flex;
}

.dg-numbered-headline-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.dg-numbered-headline-wrapper>.dg-numbered-headline h2 {
    font-size: 240px !important;
    margin: 0;
}

.dg-numbered-headline-wrapper>.dg-numbered-headline img {
    max-height: 240px;
    margin: 0 30px 0 -90px;
}

.dg-numbered-headline-wrapper .dg-number-contentbox h2 {
    line-height: 1 !important;
    font-size: 38px !important;
}

.dg-numbered-headline-wrapper .dg-number-contentbox p {
    font-weight: 100;
    max-width: 80%;
}

.dg-img-text-cols .dg-text-col .dg-numbered-headline-box {
    font-size: 38px !important;
    margin-bottom: 60px;
}

.dg-img-text-cols .dg-text-col .dg-numbered-headline-box span {
    padding: 5px 20px 0;
    border-radius: 5px;
    line-height: 1;
}

.dg-numbered-headline-box .dg-headlinebox-number {
    background-color: var(--light-grey);
}

.dg-numbered-headline-box .dg-headlinebox-text {
    background-color: var(--primary-green);
    color: white;
}

.dg-img-text-cols .dg-text-col {
    padding-top: 60px;
    padding-bottom: 40px
}

.container>.dg-img-text-cols:nth-child(even) {
    background-color: white;
    border-radius: 5px;
}

.container>.dg-img-text-cols {
    padding-top: 120px;
    padding-bottom: 120px;
}

.dg-img-text-cols .dg-img-col h3 {
    display: inline-block;
    background-color: var(--light-grey);
    color: var(--primary-green);
    padding: 15px 20px;
    margin-bottom: 0;
    max-width: 75%;
    border-radius: 5px;
}

.dg-img-text-cols .widget.block.block-static-block {
    margin-bottom: 0 !important;
}

.dg-img-text-cols .dg-img-col {
    position: relative;
}

.dg-img-text-cols .dg-img-col h3 {
    position: absolute;
    left: 0;
    bottom: -15px;
}

.dg-img-col>.widget.block.block-static-block+h3 {
    bottom: auto;
    top: -15px;
}

.dg-img-text-cols .dg-img-col img {
    height: 100%;
    object-fit: cover;
    max-height: 480px;
    border-radius: 5px;
}

/*  | 030.8 | Brands */


.ambrands-filters-block {
    display: flex;
    margin: 0;
    background-color: white;
    align-items: center;
    padding: 20px 20px 10px 20px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.ambrands-filters-block .ambrands-search-wrapper {
    margin-left: auto;
    margin-bottom: 0;
}

.ambrands-letters-filter .ambrands-letter.-active {
    border-color: var(--primary-green);
    background-color: var(--primary-green);
    color: white;
    font-weight: 900 !important;
    text-transform: uppercase;
}

.ambrands-letters-filter .ambrands-letter:hover {
    border-color: var(--primary-green);
}

.ambrands-letters-filter .ambrands-letter {
    border-color: var(--light-grey);
}

.ambrands-search-block .ambrands-input::placeholder {
    color: var(--primary-dark);
    opacity: .4;
}

.ambrands-search-block .ambrands-input {
    border-radius: 5px;
    border-color: var(--light-grey);
    color: var(--primary-dark);
}

.ambrands-letters-list .ambrands-letter .ambrands-title {
    background-color: var(--light-grey);
    padding: 10px 10px 8px 10px;
    border-radius: 5px;
    color: var(--primary-green) !important;
    font-size: 28px;
}

.ambrands-letter .ambrands-brand-item .ambrands-count {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: rgba(255, 255, 255, .7);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8em;
    font-weight: 300;
    color: var(--primary-dark);
    border-radius: 5px;
    border: 1px solid var(--primary-green);
}

.ambrands-letter .ambrands-brand-item .ambrands-count::before,
.ambrands-letter .ambrands-brand-item .ambrands-count::after {
    display: none;
}

/* ---------------------------------------- */

/*---------------------------------------------------------------------------
040 | Custom Widgets & Blocks
---------------------------------------------------------------------------*/

/* Kiyoh Rating */

.kiyoh-rating-bubble {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.kiyoh-rating-bubble img {
    height: 40px;
    display: block;
}

.account-nav .nav>li:nth-child(7) {
    display: none;
}

/*  | 040.1 | Amasty Multiple Wishlists */


/* Pop-up */
.amwishlist-popup-block{
    background: rgba(0, 0, 0, 0.7);
}
.amwishlist-tabs-block.-title, .amwishlists-container .amwishlist-types-checker{
    display: none;
}

.amwishlist-popup .amwishlist-title .amwishlist-header,
.amwishlist-wishlist-index .amwishlist-title .amwishlist-header {
    font-weight: 800;
    font-size: 18px;
    text-align: left !important;
}

.amwishlist-popup .amwishlist-button.-clear.-link.-plus,
.amwishlist-wishlist-index .amwishlist-button.-clear.-link.-plus {
    color: #58595B;
    font-size: 12px;
    text-transform: uppercase;
}

.amwishlist-popup .amwishlist-button.-clear.-link.-plus::before,
.amwishlist-wishlist-index .amwishlist-button.-clear.-link.-plus::before {
    color: #FFFFFF;
    background-color: var(--primary-green);
    padding: 8px 10px 4px;
    border-radius: 5px;
}

.amwishlist-newlist .amwishlist-input {
    max-width: 300px;
    padding: 18px 0 14px 15px;
    border: 1px solid #E5EBEC;
    color: #000;
    font-weight: 200;
    font-size: 15px;
    line-height: 15px;
}

.amwishlist-newlist .amwishlist-button.-fill.-primary.-add {
    max-width: 200px;
    flex-basis: 30%;
    padding: 18px 0 14px;
    border: 1px solid var(--primary-green);
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
    font-weight: 800;
}

.amwishlist-popup .amwishlist-list-block .amwishlist-list .amwishlist-item.-active {
    border: 1px solid var(--primary-green);
}

.amwishlist-popup .amwishlist-list-block .amwishlist-list .amwishlist-item::hover {
    background-color: #EEEEEE !important;
}

.amwishlist-popup .amwishlist-list-block .amwishlist-list .amwishlist-item .amwishlist-name {
    font-weight: 800;
}

.amwishlist-popup .amwishlist-list-block .amwishlist-list .amwishlist-item .amwishlist-desc {
    font-weight: 200;
    text-transform: uppercase;
    font-size: 12px !important;
}

.amwishlist-popup .amwishlist-list-block .amwishlist-list .amwishlist-item::before,
.amwishlist-list-block.-recently-viewed .amwishlist-list .amwishlist-item::before {
    background-color: #58595B1A !important;
    color: var(--primary-green);
    font-weight: 800;
    border: none;
}

.amwishlist-popup .amwishlist-toolbar.-footer .amwishlist-button::before {
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f004";
    font-size: 18px;
    color: var(--primary-green);
    padding-right: 10px;
}

.amwishlist-popup .amwishlist-toolbar.-footer .amwishlist-button {
    max-width: 250px;
    padding: 12px;
    border-radius: 5px;
    border: none !important;
    color: #FFF;
    background-color: var(--primary-dark) !important;
    text-transform: uppercase;
    font-weight: 800;
}

/* Verlanglijst index */
.amwishlist-wishlist-index .amwishlist-content-tab.-active {
    display: flex;
    flex-direction: column;
}

.amwishlist-wishlist-index .amwishlist-content-tab.-active .amwishlist-list {
    order: 2;
}

.amwishlist-wishlist-index .amwishlist-content-tab.-active .pager {
    order: 1;
}

.toolbar.wishlist-toolbar>.pager {
    display: flex;
    flex-direction: column
}

.amwishlist-wishlist-index .amwishlist-item {
    background-color: #ffffff;
}

.amwishlist-wishlist-index .amwishlist-item .amwishlist-title p {
    font-weight: 800;
}

.amwishlist-wishlist-index .amwishlist-item .amwishlist-button.-fill.-primary.-add {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    width: 100%;
    background-color: var(--primary-orange);
    border: none;
}

.amwishlist-wishlist-index .amwishlist-item .amwishlist-button.-more::before {
    letter-spacing: 2px !important;
    font-size: 15px;
}


.amwishlist-wishlist-index .amwishlist-toolbar-block .amwishlist-button.-empty {
    color: var(--primary-dark) !important;
    background-color: var(--primary-light) !important;
    padding: 5px !important;
    border: 1px var(--primary-green) solid !important;
    border-radius: 5px;
}

.amwishlist-wishlist-index .amwishlist-toolbar-block .amwishlist-button.-primary {
    background-color: var(--primary-green) !important;
    border: none !important;
    font-weight: 800;
}

.amwishlist-wishlist-index .amwishlist-toolbar-block.-mass-action,
.amwishlist-wishlist-index .amwishlist-search-block {
    background-color: var(--secondary-light);
}

/*  | 040.2 | Amasty ShopBy */
.ambrand-index-index .column.main{
    display: flex;
    flex-direction: column;
}
.ambrand-index-index .column.main #amasty-shopby-product-list{
    order: 1 !important;
}
.ambrand-index-index .column.main .category-description{
    order: 2 !important;
    margin-top: 2em;
}
.ambrand-index-index .column.main .category-view > .category-description{
    display: none !important;
}
/* Description vanuit category desciptions niet laten zien op merken categories */
.ambrand-index-index .column.main .bottom-category-description{
    display: none !important;
}

/*==========  9999 Product / Category Slider  ==========*/

.block.block-products-list .block-title {
    margin-bottom: 30px;
    margin-top: 10px;
}

.kiyoh-rating-bubble span {
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    font-size: .8em;
    color: var(--primary-dark);
}

.kiyoh-rating-text {
    display: inline-block;
    font-size: 11px;
    vertical-align: middle;
}

.kiyoh-rating-text i {
    margin-right: .3em;
    color: var(--primary-green);
}

/* Contact Block */

.dg-phone-contact-block img {
    display: inline-block;
    height: 36px;
    width: 36px;
    float: left;
    margin-right: 10px;
}

.dg-phone-contact-block div {
    display: inline-block;
}

.dg-phone-contact-block div * {
    display: block;
    color: white;
}

.dg-phone-contact-block div span {
    font-weight: 100;
    font-size: 14px;
    text-transform: none;
}

.dg-phone-contact-block div a {
    font-weight: 900;
}

/* Wellant College */

.wellant-image {
    width: 100%;
}

.wellant-tekst {
    background-color: var(--green);
    padding: 20px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.wellant-tekst::after {
    content: "\f178";
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    color: inherit;
    margin-left: 5px;
}

/*---------------------------------------------------------------------------
999 | Media Queries
---------------------------------------------------------------------------*/

@media (max-width: 991px) {
    .sidebar.sidebar-additional {
        display: none !important;
    }
}

/* // Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap */

/*==========  Mobile First Method  ==========*/

/* // Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
    .container {
        max-width: 100% !important;
    }

    .block.category.event,
    .footer.content,
    .header.content,
    .navigation,
    .page-header .header.panel,
    .page-main,
    .page-wrapper>.breadcrumbs,
    .page-wrapper>.page-bottom,
    .page-wrapper>.widget,
    .top-container {
        max-width: 100% !important;
    }

    .header .my-account::after {
        content: "account";
        font-family: var(--primary-font);
        font-size: 12px;
        text-transform: uppercase;
    }

    .products-grid.columns3 .product-item.nth-child-3np1,
    .products-grid.columns4 .product-item.nth-child-3np1,
    .products-grid.columns5 .product-item.nth-child-3np1 {
        clear: none !important;
    }

    .dg-numbered-headline-wrapper {
        flex-wrap: nowrap;
    }

    .container>.dg-img-text-cols {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

/* // Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
    .container {
        max-width: 100% !important;
    }

    .block.category.event,
    .footer.content,
    .header.content,
    .navigation,
    .page-header .header.panel,
    .page-main,
    .page-wrapper>.breadcrumbs,
    .page-wrapper>.page-bottom,
    .page-wrapper>.widget,
    .top-container {
        max-width: 100% !important;
    }

    .abs-margin-for-blocks-and-widgets-desktop,
    .page-main .block,
    .customer-review .product-details {
        margin-bottom: 30px !important;
    }

    .filterproducts-tab .data.items {
        background: transparent;
    }

    .filterproducts-tab .data.items>.item.title {
        float: right;
        background-color: transparent;
    }

    .filterproducts-tab .data.items>.item.title a.switch {
        border: 0;
        padding: 0;
        margin-right: 30px;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        text-transform: uppercase;
        letter-spacing: 0.15em;
        border-bottom: 3px solid transparent;
        display: inline-block;
    }

    .filterproducts-tab .data.items>.item.title.active a.switch,
    .filterproducts-tab .data.items>.item.title a.switch:hover {
        border-bottom: 3px solid;
        text-decoration: none;
        color: #606da6;
    }

    .filterproducts-tab .data.items>.item.content {
        margin-top: 50px;
        box-sizing: border-box;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        width: 100%;
    }

    .filterproduct-title+.filterproducts-tab {
        margin-top: -54px;
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns.columns4>li {
        width: auto !important;
    }

    /* .toolbar .sorter {
        float: right !important;
        margin-right: 0 !important;
        padding-left: 30px;
        border-left: 2px solid #cccccc;
        margin-left: 30px;
    } */
    .collapsible.mobile-collapsible+.no-display {
        display: block;
    }

    .dg-sitemap-col .mobile-collapsible+[data-role="content"] {
        display: block !important;
    }

    /* .dg-newsletter-sign-up-wrapper .clear {
        position: absolute;
        right: 10px;
    } */
    .opc-progress-bar {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    li.opc-progress-bar-item {
        flex-grow: 1;
    }

    .product.info.detailed {
        margin-left: calc(40.83% + 60px);
    }

    .dg_uitgelichte-producten .product-item {
        width: calc(100% / 3 - 30px) !important;
        margin: 0 15 30px !important;
    }

    .dg-inner-content-box a+a {
        margin-left: 10px;
    }

    .easycatalogimg-grid.easycatalogimg-cols-5 .item,
    .easycatalogimg-grid.easycatalogimg-cols-6 .item {
        width: calc(100% / 2 - 10px*2);
    }

    .product.data.items>.item.title {
        margin: 0 20px 0 0 !important;
    }

    .products-grid.columns4 .product-item {
        width: calc(100% / 3 - 15px * 2);
        margin: 0 15px 30px;
    }

    .cart-discount {
        width: calc(66.66666667% - 70px);
    }

    .opc-progress-bar-item>span {
        padding-top: 60px;
    }

    .opc-progress-bar-item._active::before,
    .opc-progress-bar-item._active>span::before {
        background: var(--primary-green) !important;
    }

    .opc-progress-bar-item>span::before,
    .opc-progress-bar-item>span::after {
        border-radius: 5px;
    }

    .opc-progress-bar-item._active>span::after,
    .opc-progress-bar-item._complete>span::after {
        font-family: "Font Awesome 5 Pro";
        content: '\f00c';
        font-weight: 100;
        line-height: 26px;
        background-color: var(--primary-green);
        color: white;
        border: none !important;
    }

    .opc-progress-bar-item:not(._active)>span::after {
        border: 1px solid var(--primary-green);
        height: 38px;
        top: 0;
        width: 38px;
        margin-left: -19px;
        line-height: 39px;
    }

    .opc-sidebar {
        margin-top: 0 !important;
    }

    .opc-block-summary .product-item .product-item-name-block {
        max-width: 160px;
    }

    .opc-progress-bar-item::before {
        background: white;
    }

    .opc-progress-bar-item._complete::before {
        background-color: var(--hover-green);
    }

    .opc-progress-bar-item>span,
    .opc-progress-bar-item._active>span {
        color: var(--primary-dark);
    }

    .opc-progress-bar-item._active>span {
        font-weight: 900;
    }

    .authentication-wrapper {
        width: 10% !important;
    }

    .opc-wrapper .shipping-address-item {
        width: calc(33.33333333% - 30px);
        margin: 0 15px;
        margin-bottom: 0px;
        border-radius: 5px;
        margin-bottom: 20px;
        padding: 30px;
        border: 1px solid transparent;
        cursor: pointer;
        font-size: .9em;
        line-height: 2.6em;
    }

    .opc-progress-bar-item._complete>span {
        color: var(--hover-green);
        font-weight: 700;
    }

    .payment-method-billing-address .actions-toolbar .action-cancel {
        margin-top: 0;
        text-decoration: underline;
        color: var(--primary-dark);
    }

    .cart-summary .block .content {
        padding: 30px 20px 0;
    }

    #amasty-shopby-product-list .products .product.actions.product-item-actions,
    #amasty-shopby-product-list .products .product>.product-item-inner .actions-primary form[data-role="tocart-form"] {
        flex-direction: row;
        flex-grow: 2;
    }

    #amasty-shopby-product-list .products .product>.product-item-inner .actions-primary form[data-role="tocart-form"] .action.tocart.primary span {
        display: none;
    }

    #amasty-shopby-product-list .products .product>.product-item-inner .actions-primary form[data-role="tocart-form"] .action.tocart.primary::before {
        margin-right: 0;
    }

    #amasty-shopby-product-list .products .product>.product-item-inner .actions-secondary,
    #amasty-shopby-product-list .products .product>.product-item-inner .actions-secondary a.action.towishlist {
        width: 44px;
    }
}

/* // Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .container {
        max-width: 100% !important;
    }

    .block.category.event,
    .footer.content,
    .header.content,
    .navigation,
    .page-header .header.panel,
    .page-main,
    .page-wrapper>.breadcrumbs,
    .page-wrapper>.page-bottom,
    .page-wrapper>.widget,
    .top-container {
        max-width: 100% !important;
    }

    .logo img {
        max-width: 155px;
    }

    .dg_uitgelichte-producten .product-item {
        width: calc(100% / 6 - 30px) !important;
        margin: 0 15px !important;
    }

    .dg-banner-box:not(.dg-main-box) .dg-inner-content-box p {
        max-width: 300px;
    }

    .header .search-area {
        margin-right: 2em;
    }

    .header .search-area .block.block-search {
        min-width: 380px;
    }

    .dg-row-just>div {
        display: flex;
        justify-content: space-between;
    }

    .products-grid.columns4 .product-item {
        width: calc(100% / 3 - 15px * 2);
        margin: 0 15px 30px;
    }

    .products-grid.columns3 .product-item.nth-child-3np1,
    .products-grid.columns4 .product-item.nth-child-3np1,
    .products-grid.columns5 .product-item.nth-child-3np1 {
        clear: none !important;
    }

    .page-layout-2columns-right .product-info-main {
        max-width: 670px;
        float: left;
        padding: 0 60px;
    }

    .ambrands-filters-block .ambrands-search-wrapper {
        order: 5;
    }

    .ambrands-filters-block .ambrands-letters-filter {
        order: 1;
    }

    .sw-megamenu.navigation li.level0.classic .submenu,
    .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu {
        border-radius: 5px;
    }

    .product-info-main .box-tocart>.fieldset,
    .product-add-form #product_addtocart_form {
        gap: 4px;
    }
}

@media (min-width: 1024px) {
    .easycatalogimg-grid.easycatalogimg-cols-6 .item {
        width: calc(100% / 4 - 10px*2);
    }
}

/* // Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {

    .container,
    .block.category.event,
    .footer.content,
    .header.content,
    .navigation,
    .page-header .header.panel,
    .page-main,
    .page-wrapper>.breadcrumbs,
    .page-wrapper>.page-bottom,
    .page-wrapper>.widget,
    .top-container,
    .donar-bottom-nav-section {
        max-width: 1800px !important;
    }

    .dg-usp-bar .col {
        margin: auto;
        text-align: center;
    }

    .header .search-area .block.block-search {
        min-width: 512px;
    }

    .dg-right-main-banner {
        margin-bottom: 0;
    }

    .category-categorieen .category-description {
        max-width: 50%;
    }

    .category-description:nth-of-type(2) {
        display: none !important;
    }

    .easycatalogimg-grid.easycatalogimg-cols-6 .item {
        width: calc(100% / 6 - 10px*2);
    }

    .products-grid.columns4 .product-item,
    .block.widget .products-grid .product-item {
        width: calc(100% / 4 - 15px * 2);
        margin: 0 15px 30px;
    }

    .products-grid.columns4 .product-item.nth-child-4np1 {
        clear: none !important;
    }

    .box-tocart .field.qty {
        width: auto;
    }

    .qty.field .control,
    .col.qty .control {
        width: calc(44px + 50px * 2);
    }
}


/* // Extra Extra large devices (XL desktops, 1440px and up) */

@media (min-width: 1440px) {
    .dg-right-nav-bottom .dg-phone-contact-block {
        display: none;
    }

    .footer-middle .block.newsletter .form.subscribe {
        max-width: 80%;
    }

}

/*==========  Desktop First Method  ==========*/

@media (max-width: 1439.98px) {
    .header.content .dg-phone-contact-block {
        display: none !important;
    }

    .donar-groen-nav-container .bottom-right-nav ul li {
        display: inline-block;
        float: right;
        margin-left: 30px;
    }
}

/* @media (max-width: 1379.98px) {
    .page-header .logo img {
        width: 160px;
    }
} */

/* // Large devices (desktops, less than 1620px) */

/*==========  BTW SWITCHER  ==========*/

@media (max-width: 1620px) {
    .page-header .header .nav-sections .sections-items .navigation .ui-menu-item .level-top span {
        font-size: 12px !important;
    }

    /* .page-header .header .block.block-search {
        max-width: 300px !important;
      } */
    .page-header .header .logo img {
        max-width: 150px;
    }
}

/* // Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {
    .easycatalogimg-grid.easycatalogimg-cols-4 .item {
        width: calc(100% / 2 - 0px*2);
    }
}

/* // Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {
    .dg-left-banners {
        margin-bottom: 30px;
    }

    .dg-row-just>div {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .dg-col-just {
        display: block;
        margin: 20px 0;
        flex: 0 0 50%;
        -webkit-flex: 0 0 25%;
        -moz-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .dg-sitemap-col {
        margin-bottom: 30px !important;
    }

    .dg-usp-bar .text-area h2,
    .dg-icon-item .text-area h2 {
        font-size: 18px !important;
    }

    .sidebar.sidebar-additional {
        display: none !important;
    }

    .dg_header-left .dg_topbar-container {
        display: none;
    }

    .dg-banner-box.dg-catalogus-box .dg-catalogue-holder {
        margin-left: 30px;
    }

    .navigation a,
    header.page-header .nav-sections-item-title,
    .sw-megamenu.navigation li.ui-menu-item>a {
        color: var(--primary-dark) !important;
        font-size: 15px;
        font-weight: 900 !important;
    }


    .navigation .submenu:not(:first-child) ul>li a {
        color: var(--primary-dark) !important;
        font-size: 15px;
        font-weight: 500 !important;
    }

    .navigation li.level0>a.level-top {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}

@media (min-width: 767.98px) and (max-width: 1280px) {
    /* nav.navigation.sw-megamenu > ul > li:not(:first-child) {
        display: none;
    } */
}

@media (min-width: 767.98px) and (max-width: 992px) {

    .dg-usp-bar i,
    .dg-icon-item i {
        font-size: 2em;
        width: 30px;
    }
}

@media (min-width: 991.98px) and (max-width: 1440px) {
    .dg-top-footer-wrapper .dg-icon-item .text-area {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }
}

/* // Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {
    .dg-col-just {
        flex: 0 0 100%;
        -webkit-flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .dg-banner-box.dg-ons-team-box .dg-inner-content-box {
        max-width: 100%;
    }

    .dg-hero-banners {
        margin-bottom: 30px;
    }

    .donar-bottom-nav-section {
        display: none;
    }

    .navigation a,
    header.page-header .nav-sections-item-title,
    .sw-megamenu.navigation li.ui-menu-item>a {
        color: var(--primary-dark) !important;
        font-size: 15px;
        font-weight: 900 !important;
    }

    .navigation .submenu:not(:first-child) ul>li a {
        color: var(--primary-dark) !important;
        font-size: 15px;
        font-weight: 500 !important;
    }

    .navigation li.level0>a.level-top {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    header.page-header .nav-sections-item-title {
        text-transform: uppercase;
        border: none;
        padding-top: 22px;
    }

    .header button.action.switch {
        color: #ffffff;
    }

    .navigation .parent .level-top:after {
        font-size: 18px;
        content: "\f107";
        font-family: "Font Awesome 5 Pro";
        top: 20px;
    }

    .navigation .parent .level-top.ui-state-active:after {
        content: "\f106";
    }

    .nav-open .nav-toggle:after {
        background: rgba(0, 0, 0, .3);
    }

    .navigation li.level0 .ui-menu-item>a:before {
        display: none;
    }

    .header .dg-phone-contact-block {
        display: flex;
        vertical-align: middle;
        text-align: center;
        justify-content: center;
        padding-bottom: 10px;
        padding-top: 10px;
        width: 100%;
        border-top: 1px solid rgba(0, 0, 0, .2);
        margin-top: 10px
    }

    .dg-phone-contact-block div span,
    .dg-phone-contact-block div a {
        display: inline-block;
        vertical-align: middle;
        padding-top: 5px;
        color: white;
    }

    .dg-sitemap-col .mobile-collapsible[data-role="title"] {
        cursor: pointer !important;
        position: relative;
    }

    .dg-sitemap-col .mobile-collapsible[data-role="title"]:after {
        content: "\f107";
        font-family: "Font Awesome 5 Pro";
        font-weight: normal;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .dg-sitemap-col .mobile-collapsible[data-role="title"][aria-selected="true"]:after {
        content: "\f106";
        font-family: "Font Awesome 5 Pro";
        font-weight: normal;
    }

    .dg-category-overview .easycatalogimg-grid.easycatalogimg-cols-3 .item {
        width: calc(100% / 2 - 0px*2);
    }
    .products-grid .product-item .action.towishlist::before {
        border-radius: 5px;
        border: none !important;
        background-color: #E8E8E8 !important;
    }

    .catalog-category-view .column.main .easycatalogimg-listing>li.item {
        width: 100% !important;
    }

    .easycatalogimg-grid .item {
        width: 100% !important;
    }

}

/* // Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {

    .dg-usp-bar i,
    .dg-icon-item i {
        width: 45px;
    }

    .dg-usp-bar .text-area,
    .dg-icon-item .text-area {
        max-width: calc(100% - 65px);
    }

    .dg-banner-box-link {
        margin-bottom: 20px;
        display: block;
    }
}