body {
    --tw-bg-opacity: 1;
    background-color: #fafafa;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
}

html, body {
    font-size: 14px !important;
}

p {
    padding: 0 0 10px;
}

.font-poppins {
	    font-family: 'Poppins',sans-serif
}

.rounded-xl {
    border-radius: 1rem;
}

.z-1 {
    z-index: 1;
}

.container, .columns {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.page-footer a.splide__slide {
    max-height: 60px;
}

.px-0, .category-cms .container, .widget .container {
		padding-left: 0;
		padding-right: 0;
}

.header-wrapper-sticky.enable-sticky {
    background: #fafafa none repeat scroll 0 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    -webkit-animation-name: fadeInDown;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: anim_titles;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
	border-bottom: 1px solid #e6e6e6;
}

.mobile-marquee li:not(:first-child) {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.mobile-marquee {
    background: #fff;
    text-align: center
}

.mobile-marquee li {
    animation: slide-left-4-sec ease-in-out infinite;
    animation-duration: calc(var(--j)*5s);
    min-width: 100vw;
    transform: translateX(100vw);
    animation-delay: calc(var(--i)*5s);
    background: #fff;
    padding-top: 0
}

html[lang="nl"] .important-links .mobile-marquee2 {
    font-size: 13px;
}

summary {cursor: pointer;padding: 5px 20px;color: #5da201;font-weight: 800;font-size:14px;}

details[open] summary {  display: none;}

@media (max-width: 1440px) {
.mobile-marquee2 p:not(:first-child) {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.mobile-marquee2 {
    background: #fff;
    text-align: center;
    vertical-align: middle;
}

.mobile-marquee2 p {
    animation: slide-left-4-sec ease-in-out infinite;
    animation-duration: calc(var(--j)*5s);
    min-width: 100vw;
    transform: translateX(100vw);
    animation-delay: calc(var(--i)*5s);
    background: #fff;
    padding: 0;
}

 
}

@media (max-width:480px) {
    .quick-links {
        width: 100%;
    }   
}


@keyframes slide-left-4-sec {
    0% {
        transform: translateX(100vw);
        visibility: visible
    }

    6.6% {
        min-width: 100%;
        transform: translateX(0)
    }

    33.3% {
        min-width: 100%;
        transform: translateX(0)
    }

    40% {
        transform: translateX(-250vw);
        visibility: hidden
    }

    to {
        transform: translateX(-250vw);
        visibility: hidden
    }
}

.btn-primary {
    background-color: #FF6200;
    border-color: #FF6200;
}

.btn-primary:hover {
    background-color: #E05600;
    border-color: #E05600;
}

.border-radius-30{
	border-radius: 1.8rem;
}


.hover-text-indent-10 {
    text-indent: 0; 
    transition: text-indent 0.3s ease; 
}

.hover-text-indent-10:hover {
    text-indent: 10px;
}

.color-green, .breadcrumbs li:nth-last-child(2) svg {
	color: #5da201;
}
.color-orange {
    color: #FF6200;
}

.page-main {
    margin-bottom: 0px;
    margin-top: 0px;
}

.green-bar-line-middle {
    background-color: #5da201;
    height: 2px;
    width: 50px;
    display: block;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.green-bar-line-left {
    background-color: #5da201;
    height: 2px;
    width: 50px;
    display: block;
    left: 0;
}

.background-green, .hover\:background-green:hover {
    background-color: #5da201 ;
}


.header-wrapper-sticky.enable-sticky img {
    max-width: 65%;
    height: auto;
    border: 0;
    vertical-align: bottom;
}

.header-wrapper-sticky.enable-sticky .logo-sticky {
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 5%;
}

.mini-cart-wrapper.enable-sticky {
    position: fixed;
    top: 13px;
    right: 25px;
    z-index: 199 !important;
    -webkit-animation-name: fadeInDown;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: anim_titles;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
}

#back-top {
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 9999;
    right: 10px;
    bottom: 15px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    border-radius: 100%;
    padding: 3px
}

#back-top i {
    width: 100%; 
    height: 100%;
    background: #5da201;
    line-height: 54px;
    font-size: 20px;
    border-radius: 100%;
}

.first\:border-0:first-child, 
.first\:border-0:first-of-type {
    border-top-width: 0;
}

.z-200 {
    z-index: 200; 
}

.z-400 {
    z-index: 400; 
}

div#gtx-trans {
    display: none;
}

.product-item .old-price .price-container .price{
	font-weight: 600;
}
.product-item .old-price .price-container {
    --tw-text-opacity: 1;
    color: #dc2626;
    color: rgba(220,38,38,var(--tw-text-opacity));
}


.info-qty input[type=number] {
    appearance: auto;
    -moz-appearance: textfield;
    box-shadow: none
}

.info-qty input[type=number]::-webkit-inner-spin-button,.info-qty input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.cart.table-wrapper .control.qty input[type=number] {
    appearance: auto;
    -moz-appearance: textfield;
    box-shadow: none
}

.cart.table-wrapper .control.qty input[type=number]::-webkit-inner-spin-button,.cart.table-wrapper .control.qty input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

li.epwfix {
	list-style-type: disc;
	margin-left: 20px;
}

.post-readmore.buttonfix {
	width: 100%;
	border: none;
	background-color: #5DA201;
	color: white !important;
	letter-spacing: 1.2px;
	border-radius: 30px;
	line-height: normal;
	padding: 14px;
}

.post-readmore.buttonfix:hover {
	color: white !important;
	background-color: #457901;
}


.post-readmore {
	border: 1px solid #222222;
	color: #222222;
	display: inline-block;
	height: 50px;
	line-height: 48px;
	text-align: center;
	padding: 0 50px;
	border-radius: 3px;
}

.post-readmore:hover {
  border-color: #5da201;
}

.block-static-block a, .cms-page-view #maincontent .column.main a, .brand-description a {
    color: #5da201;
}


.block-static-block h2, .cms-page-view #maincontent .column.main h2, .brand-description h2 {
    font-weight: 600; 
    font-size: 20px;
}

.block-static-block h3, .cms-page-view #maincontent .column.main h3, .brand-description h3 {
    font-weight: 600; 
    font-size: 16px;
}


.block-static-block ul li, .cms-page-view #maincontent .column.main ul li, .brand-description ul li {
    list-style-type: disc;
    margin-left: 20px;
}

@media (min-width: 1280px) {
	.xl\:w-1\/6 {
		width: 16.3%;
	}
	.xl\:w-auto{
		width:auto;
	}
	
}

@media (min-width: 1399px) {
    .container {
        width: 100%;
        max-width: 1740px;
        padding-left: 2rem;
        padding-right: 2rem;
        
    }
    
    .columns {
		max-width: 1740px;
        padding-left: 2rem;
        padding-right: 2rem;
	}
}


@media (max-width: 1199px) {
	.mini-cart-wrapper.enable-sticky{
		display: none;
	}
}
@media (max-width: 991px) {
	.mini-cart-wrapper.enable-sticky, .header-wrapper-sticky.enable-sticky{
		display: none;
	}
}
@media (max-width: 767px) {
	.header-menu-element {
		border: none;
	}
	#header #search-content2 {
		display: block !important;
	}
	#header #search-content input#search {
		padding-right: 4.2rem;
		height: 34px;
	}
}

@media (min-width: 768px) {
	.custommenu.navigation li.level0.classic .subchildmenu {
        min-width: 230px
    }

    .custommenu.navigation li.level0.classic .subchildmenu .subchildmenu {
        visibility: hidden;
        opacity: 0;
        transition: .2s opacity;
        padding: 6px 8px;
        box-shadow: 0 0 3px rgba(0,0,0,.25);
        border-radius: 0 6px 6px;
        position: absolute;
        left: 0;
        top: -6px;
        background: #fff;
        z-index: 1
    }

    .custommenu.navigation li.level0.classic .subchildmenu>li:hover>.subchildmenu {
        visibility: visible;
        opacity: 1
    }

    .custommenu.navigation li.level0.classic li.parent>.subchildmenu.popup-left {
        left: auto;
        right: 100%;
        border-radius: 6px 0 6px 6px
    }

    .custommenu.navigation li.level0.classic .subchildmenu.popup-left .subchildmenu {
        left: auto;
        right: 100%;
        border-radius: 6px 0 6px 6px
    }

    .custommenu.navigation li.level0.classic:hover>.submenu {
        visibility: visible;
        opacity: 1
    }

    .custommenu.navigation li.level0.classic li:hover>.submenu {
        visibility: visible;
        opacity: 1
    }
    
    .custommenu.navigation .blog-menu-custom:hover .submenu {
		display: block;
	}


	#menu-cart-icon svg path, #customer-menu svg path {    
		stroke-width: 1.2;    
	}
	.md\:mt-2 {
		margin-top: 0.5rem;
	}
	.md\:w-5\/12 {
        width: 41.666667%
    }
	.md\:w-7\/12 {
        width: 58.333333%
    }
    .md\:border-b {
		border-bottom-width: 1px
	}
    .md\:border-t {
		border-top-width: 1px
	}
	.md\:py-3 {
		padding-top: .75rem;
		padding-bottom: .75rem;
	}
}

@media (min-width: 768px),print {
    .navigation .level0 .submenu a:hover,.navigation .level0 .submenu a.ui-state-focus {
        color: #005b01 !important;
    }
}


@media (min-width: 640px) {
    .sm\:col-span-1 {
        grid-column: span 1/span 4
    }

    .sm\:grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }
}


.epwjumper {
	background-color: #5da201; 
	border-radius: 30px;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	overflow-x: auto;
	white-space: nowrap; 
}

.epwjumper a {
	color: white; 
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	padding: 5px 10px;
	flex-shrink: 0;
	margin: 5px
}

.epwjumper::-webkit-scrollbar {
	display: none;
}

@media (max-width: 768px) {

	.epwjumper a {
		padding: 10px 0;
		font-size: 18px;
margin: 5px 20px;
	}
}

@media (max-width: 480px) {
	.epwjumper a {
		font-size: 16px;
		margin: 10px 20px; 
	}

	.epwjumper {
		padding: 10px;
	}
}


.btn {
    border-width: 0px;
}

.btn-primary {
    color: #fff;
    color: rgba(255,255,255,1);
}