*, ::before, ::after {
  box-sizing: border-box;
}
html { min-height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  }
body { 
	font-family: 'Lato', sans-serif; font-weight:400; 
}

[role="button"],
button[type="submit"],
button[type="button"] { cursor: pointer;}
button, input, optgroup, select, textarea  {
	font-family: 'Lato', sans-serif; font-weight:400; 
	font-size: 16px;
}
iframe,
video { width:100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
blockquote { margin: 0; }

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

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Lato', sans-serif; font-weight: 500; line-height: 1.2;  }


/* Temporary disable empty white container */
.page-main.page-main-details, .page-main-description.product-full-width-section {
    display: none;
}

/* Mobile menu fix */
.force-open {
    display: block!important;
}

/* Change filter style */

.filter-current li.item,
.filter-current li.item .filter-value,
.filter-current .action.remove,
.filter-current .action.remove:hover,
.block.filter .block-content.filter-content .block-actions.filter-actions > a,
.filter-current .action.remove:before {
    color: #fff;
} 

.filter-current .action.remove:hover:before {
    color: #fff !important;
}

.catalog-category-view .sidebar.sidebar-additional {
    display: none;
}

/* Change filter style */

.filter-current li.item,
.filter-current li.item .filter-value,
.filter-current .action.remove,
.filter-current .action.remove:hover,
.block.filter .block-content.filter-content .block-actions.filter-actions > a,
.filter-current .action.remove:before {
    color: #fff;
} 

.filter-current .action.remove:hover:before {
    color: #fff !important;
}

.catalog-category-view .sidebar.sidebar-additional {
    display: none;
}

/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       BOOTSTRAP                                               ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
.container { 
	max-width: 1400px; 
	width: 100%; 
	margin-right: auto; margin-left: auto;
	padding-right: 15px; padding-left: 15px;
}

.btn {
	display: inline-flex; align-items: center; justify-content: center; line-height: 1; 
	border-radius: 0px;
	-webkit-transition:all 0.15s; -moz-transition:all 0.15s; transition:all 0.15s; 
	padding: 12px 20px; 
	font-weight: 500;
	font-size: 15px; 
	min-width: 140px; 
	border-width: 2px; 
    text-decoration: none !important;
}
.btn:hover { opacity: 0.9; }

.action.primary, .action-primary,
.action.primary:hover, .action-primary:hover,
.action.primary:focus, .action-primary:focus, 
.action.primary:active, .action-primary:active { background-color: #7EB339; border-color:#7EB339; }

.btn-success { background-color: #85B145; border-color: #85B145; color: #fff !important;   }

.text-uppercase { text-transform: uppercase; }
.text-center { text-align: center; }
.text-end { text-align: right; }
.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
.clearfix::after{display:block;clear:both;content:""}

.ratio { display: block; position:relative; width:100%; }
.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}
.ratio > *{ display: block; position:absolute;top:0;left:0;width:100%;height:100%}
.ratio-1x1{--bs-aspect-ratio:100%}
.ratio-4x3{--bs-aspect-ratio:calc(3 / 4 * 100%)}
.ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}
.ratio-21x9{--bs-aspect-ratio:calc(9 / 21 * 100%)}

.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }

.img-contain { width: 100%; height: 100%; object-fit: contain; }
.img-cover { width: 100%; height: 100%; object-fit: cover; } 
/* -------------------------------> BOOTSTRAP <------------------------------- */



/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       styles-l.css                                            ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
@media (min-width: 769px), print {
	.page-header .header.panel {}
	.footer.content {}
    .breadcrumbs {}
	.navigation, .header.content, .page-wrapper > .widget, 
	.page-wrapper > .page-bottom, .block.category.event, .page-main {
		max-width: 1400px; 
	}
    .page-main.full-width { max-width: 100%; margin: 0; padding: 0;   }
} /* @media -----------------------------------| styles-l.css |--------------------------------------*/	

	
/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                          THEME                                                ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
.h1 { font-size: 38px; }
.h2 { font-size: 32px; }
.h3 { font-size: 24px; }
.h4 { font-size: 18px; }
.h5 {  }
.h6 {  }	

/* 💡 Frontpage text shadows for visibility 💡 */
.hero-slide .start h1,
.middle .actions a,
.middle .heading span.h2,
.popblock-title.h2,
span.ctablock span.ctablock-title span.title.h1.text-uppercase strong,
span.ctablock-action span.ctablock-more.h3 u.text-uppercase { text-shadow: 1px 2px 4px rgb(0 0 0); }

/* Stop footer from appearing in the header */
.top-container { z-index: 1; }
.header.content { background-color: #fff; z-index: 1;}
.page-header { z-index: 5; background-color: #fff;}
.nav-sections { z-index: 3;}

/* Hide sign in button on the checkout page */
.checkout-index-index .authentication-wrapper { display: none;}

/* Temporaryly hide related categories section */
.related-categories-xml { margin-top: 60px;}
.related-categories-wrapper { display: none;}



/* Chris' fix */
.catalogsearch-result-index .toolbar-end.toolbar-amount { display: none; } 

.logo { display: inline-block; float: none; width: 240px; max-width: 100%; }

/* hover effect */
.hover-underline-animation { display: inline-block; position: relative; }
.hover-underline-animation:hover:after { transform: scaleX(1); transform-origin: bottom left; }
.hover-underline-animation:after {
    transform-origin: bottom left; transition: transform 0.5s ease-out;
    position: absolute; bottom: -2px; left: 0; 
    content: ''; transform: scaleX(0);
    width: 100%; height: 1px;
    background-color: #fff;
}
  
nav.navigation { font-size: 1.2rem;}
main#maincontent { padding-top: 15px; }

.hero-wrapper { overflow: hidden; }
.hero-grid-wrapper { margin-bottom: 15px; }
.hero-grid { display: flex; align-items:stretch; margin: 0 -20px;  }
.hero-cell { padding: 0 20px; width: 50%; position: relative; }


.hero-cell-fullwidth { width: 100%; }
.hero-cell-fullwidth .ratio-4x3 { --bs-aspect-ratio: calc(40 / 100 * 100%); } 

.hero-cell .tns-nav {
    position: absolute; bottom: 30px; left: 15px; right: 15px; z-index: 10;
    text-align: center; 
}
.hero-cell .tns-nav button { 
    padding: 0; margin: 0 4px; width: 14px; height: 14px; 
    border: 2px solid #fff;
    border-radius: 50%; background-color: transparent; 
}
.hero-cell .tns-nav button.tns-nav-active { background-color: #fff; }

.hero-mask {
    display: block; content: ''; background-color: rgba(0,0,0,0.30);
    position: absolute; top: 0; left: 0; bottom: 0; right: 0; 
}
.hero-slide { 
    position: absolute; top: 0; left: 0; bottom: 0; right: 0;
    padding: 25px; 
    display: flex; flex-direction: column; justify-content: space-between; 
}
.hero-slide .title { margin: 0; max-width: 220px; }
.hero-slide .heading { text-align: center; color: #fff; margin-bottom: 5px;    }
.hero-slide .heading .h2 { font-weight: 500; }
.hero-slide .actions { text-align: center; font-size: 20px; font-weight: 600;   }
.hero-slide .actions a { color: #fff; }

.hero-slide .start { color: #fff; }
.hero-slide .middle { text-align: center; }
.hero-slide .start,
.hero-slide .end { height: 77px; }

.block-heading { background-color: #85B145; color: #ffffff; padding: 15px 15px; margin-bottom: 15px; text-align: center;  }
.block-heading .heading { margin: 0; }

.container-intro { padding: 40px 0; overflow: hidden; }
.container-intro .container { }

.intro-description {}
.intro-description p { margin-bottom: 25px; }
.intro-description p:last-of-type { margin-bottom: 0; }


.usp-wrapper {
background-color:#F3F3F3;
padding:8px 0
}

.usp-table {
margin:0;
padding:3px 0 0 0;
list-style:none none;
list-style-position:inside;
display:flex;
align-items:center;
justify-content:center
}

.usp-table > li {
width:33.33%;
text-align:center;
padding:0;
margin-bottom:0
}

.usp-table > li:not(:last-child) {
border-right:1px solid #212121
}

.usp-content {
display:inline-flex;
align-items:center
}

.usp-icon {
display:inline-block;
width:20px;
height:20px;
margin-right:6px
}

.usp-icon img {
width:100%;
height:100%;
object-fit:contain
}

.usp-label {
flex:1;
line-height:1.1
}


.popgrid-wrapper { overflow: hidden; margin-bottom: 15px;  }
ul.popgrid {
	margin: 0 -25px; padding: 0; list-style: none none; list-style-position: inside;
	display: flex; align-items: stretch; flex-wrap: wrap; 
}
ul.popgrid > li { width: 25%; padding: 0 25px; margin-bottom: 0; }
ul.popgrid > li a.ratio-1x1 { --bs-aspect-ratio: 125%; transition:all 0.3s; }
ul.popgrid > li a.ratio:hover { opacity: 0.85; }


.chain {
display:flex;
flex-wrap:wrap;
margin-left:-10px;
margin-right:-10px
}

.chain > [class^="link-"] {
flex:0 0 auto;
flex-shrink:0;
width:100%;
max-width:100%;
padding-right:10px;
padding-left:10px;
margin-bottom:15px
}

.chain a.ratio {
color:#fff;
transition:all .3s
}

.chain a.ratio:hover {
opacity:.85
}

.chain .link-1 {
width:100%
}

.chain .link-1 .ratio-21x9 {
--bs-aspect-ratio:calc(10 / 50 * 100%)
}

.chain .link-2 {
width:50%
}

.chain .link-2 .ratio-21x9 {
--bs-aspect-ratio:calc(10 / 18 * 100%)
}

.chain .link-3 {
width:33.33%
}

.chain .link-3 .ratio-21x9 {
--bs-aspect-ratio:calc(10 / 12 * 100%)
}

.chain-intro {
align-items:center;
margin-left:-50px;
margin-right:-50px
}

.chain-intro > [class^="link-"] {
padding-left:50px;
padding-right:50px
}


.popblock { 
	display: flex; align-items: center; justify-content: center; 
	position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; 
}
.popblock-title { color: #fff; text-transform: uppercase; font-weight: 600; display: block; text-align: center; max-width: 240px; }


.popmore { 
	display: flex; align-items: center; justify-content: center; 
	position: absolute; bottom: 15px; left: 15px; bottom: 15px; right: 15px; 
    font-size: 15px; color: #fff;
    pointer-events: none; 
}

.ctablock { 
	display: flex; flex-direction: column; justify-content: space-between; 
	position: absolute; top: 30px; left: 30px; bottom: 30px; right: 30px; 
}
.ctablock-title { display: block; max-width: 500px; }
.ctablock-title .title { display: block; line-height: 1.1;  }
.ctablock-actions { display: block; }
.ctablock-more {}
.ctablock-more u { text-decoration: none; }
.ctablock:hover .ctablock-more u { text-decoration: underline; }

/* Hide rogue category image on trolleys-and-barrows/sack-truck-plant-movers.html */
body.categorypath-trolleys-and-barrows-sack-truck-plant-movers .category-image > img { display: none; }

/* ⬆ Arrow up ⬆ styles */
.page-bottom-container { position: relative;} 
#scroll_to_top { position: absolute; top: 74px;}
#totopBtn { opacity: 0;}

.footer-usp-wrapper { background-color: #F3F3F3; padding: 30px 0; }
.footer-usp {
	margin: 0; padding: 0; list-style: none none; list-style-position: inside;
	display: flex; align-items: center; justify-content: center; 
}
.footer-usp > li { width: 33.33%; text-align: center;  padding: 0px 0; margin-bottom: 0;  }
.footer-usp > li:not(:last-child) { border-right: 1px solid #212121; }
.fusp-content { display: inline-flex; align-items: center; text-align: left; }
.fusp-icon  { display: inline-block; width: 34px; height: 34px; margin-right: 10px;   }
.fusp-icon img { width: 100%; height: 100%; object-fit: contain; }
.fusp-label { flex: 1; line-height: 1.1; }
.fusp-label a { color: inherit; }

#footer { 	background-color: #335920;   }


.footer-phone-wrapper { padding: 0px 0; }
.footer-phone { display: flex; align-items: center; color: #fff;  }
.footer-phone-icon { display: inline-block; width: 24px; height: 24px; margin-right: 10px;  }
.footer-phone-label { font-size: 24px; }
.footer-phone-label a { color: #fff; }
.footer-phone-label a:hover { text-decoration: underline; }

.ftr-grid-wrapper { overflow: hidden; margin-bottom: 80px;  }
.ftr-grid { display: flex; flex-wrap: wrap; justify-content: space-between;   }
.ftr-cell { width: 25%; padding: 0 34px; color: #fff;   }


.ftr-title { margin-bottom: 12px; }
.ftr-title .title { margin-bottom: 0; font-weight: normal; }

.ftr-links {}
.ftr-links ul { margin: 0; padding: 0; list-style: none none; list-style-position: inside;}
.ftr-links ul > li.item { margin-bottom: 12px; line-height: 1.1;  }
.ftr-links ul > li.item a { color: #fff; }
.ftr-links ul > li.item-cards {}
.ftr-links ul > li.item-cards img { max-width: 222px; }

.ftr-links ul > li.icon-cards-light { position: relative; }
.ftr-links ul > li.icon-cards-light::before { 
	content: ''; display: block; width: 20px; height: 20px; 
	position: absolute; top: 1px; left: -28px; 
	background-image: url('../images/icon-cards-light.svg');
	background-repeat: no-repeat;
	background-position: center center; background-size: contain;
}

.ftr-email { margin-bottom: 15px; position: relative; }
.ftr-email::before { 
	content: ''; display: block; width: 20px; height: 20px; 
	position: absolute; top: 1px; left: -32px; 
	background-image: url('../images/icon-envelope-white.svg');
	background-repeat: no-repeat;
	background-position: center center; background-size: contain;
}
.ftr-email a { color: #fff; }

.ftr-address  { margin-bottom: 8px; line-height: 1.8; position: relative; }
.ftr-address a { color: #fff; }
.ftr-address::before { 
	content: ''; display: block; width: 20px; height: 20px; 
	position: absolute; top: 1px; left: -32px; 
	background-image: url('../images/icon-pin-white.svg');
	background-repeat: no-repeat;
	background-position: center center; background-size: contain;
}

.ftr-directions  { }
.ftr-directions a { color: #fff; }

.copyright { 
    border-top: 1px solid #85B145; padding: 15px 0;  
    display: flex; align-items: center; 
}
.company-number { flex: 1; color: #fff; }

.verve-wrapper {}
.verve { display: inline-block; font-size: 14px; color: #fff;   }
.verve a { color: inherit; text-decoration: none; padding-right:54px; background: url('../images/verve-white.svg') no-repeat right; background-size: 50px 16px; }

.newsbox-wrapper { background-color: #7EB339; color: #fff;  }
.newsbox {    }
.newsbox .container { padding: 20px 0 0 0;  }
.newsbox-header { 
    padding: 20px 0 0 0; display: flex; align-items: center; 
    background-image: url('../images/logo-symbol.svg');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;

}

.footer--logo-mobile {
    display: none;
}


.parent a.level-top.ui-menu-item-wrapper {
    pointer-events: none;
    cursor: default;
}



.level0.submenu.ui-menu.ui-widget.ui-widget-content.ui-front {
    opacity: 0;
    animation: submenu-fade-in 0.5s ease-in-out forwards;
}

.level1.submenu.ui-menu.ui-widget.ui-widget-content.ui-front.expanded {
    opacity: 0;
    animation: submenu-fade-in 0.5s ease-in-out forwards;
}

.level2.submenu.ui-menu.ui-widget.ui-widget-content.ui-front.expanded {
    opacity: 0;
    animation: submenu-fade-in 0.5s ease-in-out forwards;
}

@keyframes submenu-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}






.newsbox-symbol { width: 300px; text-align: center;  }
.newsbox-symbol .img-symbol { display: inline-block; width: 240px; }
.newsbox-block { flex: 1; padding-bottom: 40px; padding-inline: 2vw; }
.newsbox-footer { background-color: #335920;  padding: 15px 0; }
.newsbox-footer .logo-castlefield { width: 300px; }

.newsbox-title { text-align: center; margin-bottom: 18px; }
.newsbox-title .title { margin-bottom: 0; margin-top: 0; }

.agreement-block {  text-align: center; font-size: 12px; margin-bottom: 2px;   }
.agreement-block [type="checkbox"] { margin: 0 4px 0 0; top: 1px;  }
.agreement-label:hover { text-decoration: underline; cursor: pointer; }
.agreement-text {}

.newsbox-recaptcha { text-align: center; font-size: 12px;  }
.newsbox-recaptcha a { color: #fff; }

.block.newsletter { max-width: 520px; margin: 0 auto 15px auto; }
.form.subscribe { display: flex; align-items: stretch;  }
.form.subscribe .field.newsletter { flex: 1; }
.form.subscribe input[type="email"] { border: none; height: 44px; box-shadow: none; padding-left: 18px;  }
.form.subscribe button[type="submit"] { 
    border: none; height: 100%; box-shadow: none; 
    background-color: #335920; color: #fff; border-radius: 0; 
    font-size: 15px; padding-left: 18px; padding-right: 18px; 
}


.season-offers-wrapper { padding: 20px 0 30px 0; }
.season-offers {}
.season-offers [data-content-type="row"][data-appearance="contained"] { max-width: 100%; padding: 0 50px;  }
.season-offers .slick-prev { left: -50px; background-color: transparent; }
.season-offers .slick-next { right: -50px;background-color: transparent; }
.season-offers .slick-slide > div { padding: 10px 0; }

/* Offers Slider */
.season-offers .product-item { padding: 0 15px;  }
.season-offers .product-item-info {
    background-color: #fff; 
    box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.15);
}
.season-offers .product-item-photo { display: block; }
.season-offers .product-item-details { padding: 0px 15px 15px 15px; text-align: center;  }
.season-offers .product-reviews-summary { display: none; } /* Uncomment if required  */
.season-offers .product-item .price-box > .price-container   span.price { color: #7EAA40; }
.season-offers .product-item .price-box > .special-price     span.price { color: #BF4848; }
.season-offers .product-item .price-box > .old-price         .price-container { text-decoration: line-through;   }
.season-offers .product-item-actions .actions-primary { display: none;  } /* Uncomment if required  */
.season-offers .product-item-actions .actions-secondary { display: none; } /* Uncomment if required  */
.season-offers .product-item-actions .actions-tertiary { text-align: center; }
/* END | Offers Slider */


.topmost-wrapper { background-color: #395825; }
.topmost-container { }

.topmost { display: flex; align-items: center; }

.topmost-help { color: #fff; }
.topmost-help ul { margin: 0; padding: 0; list-style: none none; list-style-position: inside; display: flex; align-items: center; }
.topmost-help ul li a { color: inherit; text-decoration: none; }
.topmost-help ul > li { line-height: 1; margin: 0; padding-right: 9px; }
.topmost-help ul > li i { display: inline-block; width: 20px; height: 20px; }
.topmost-help ul span { margin: 0 14px 0 5px;}

.topmost-spacer { flex: 1; }

.topmost-social {}
.topmost-social ul { margin: 0; padding: 0; list-style: none none; list-style-position: inside; display: flex; align-items: center; }
.topmost-social ul > li { margin: 0; padding-left: 13px; }
.topmost-social ul > li a { color: #fff; font-size: 20px; line-height: 1; font-size: 18px;   }

.topmost-menu {}
.topmost-menu ul { 
    margin: 0; padding: 0; list-style: none none; list-style-position: inside; display: flex; align-items: center; 
    background-color: #293F1B; 
}
.topmost-menu ul > li { margin: 0; }
.topmost-menu ul > li:not(:last-child) { border-right: 1px solid #395825; }
.topmost-menu ul > li a {
   color: #fff; padding: 10px 20px; 
   display: flex; align-items: center; 
}
.topmost-menu ul > li a:hover { text-decoration: none; }
.topmost-menu ul > li a i { display: inline-block; width: 22px; height: 22px; margin-right: 6px; }
.topmost-menu ul > li a b { font-weight: normal; }

.topmost-vat { padding-right: 30px;  }

.vatswitch-toggle { margin: 0; display: inline-block; cursor: pointer; }
.vatswitch input[type="checkbox"] { margin: 0; }
.vatswitch { display: flex; align-items: center; }
.vatswitch em { color: #fff;  font-style: normal; font-size: 13px; }
.vatswitch i { 
    display: flex; align-items: center; height: 16px; width: 31px; background-color: #85B145;
    position: relative; border-radius: 8px; margin: 0 4px; 
}
.vatswitch i::before {
  content: ""; height: 16px; width: 16px; border-radius: 50%;
  background-color: #fff;
  bottom: 0px;
  left: 0px;
  position: absolute;
  transition: .2s;
}
.vatswitch-toggle input[type="checkbox"]:checked + .vatswitch i::before { transform: translateX(15px); }


.price-excluding-tax::after { content: attr(data-label) ''; color: #000;  }
.price-including-tax::after { content: attr(data-label) ''; color: #000;  }

.page-products .price-excluding-tax::after,
.page-products .price-including-tax::after { font-size: 1.25rem; margin-left: 4px;  }


.price-container .price-including-tax + .price-excluding-tax .price { font-size: 1.5rem; }


.block-search { top: calc(50% - 25px); width: 700px; left: calc(50% - 350px); }
.block-search .input-text { border: 1px solid #395825; height: 50px; color: #335920;   }
.block-search .action.search { border-left: 1px solid #335920; }
.block-search .action.search i { 
    display: block; width: 50px; height: 50px; padding: 13px; 
    background-image: url('../images/icon-search.svg');
    background-repeat: no-repeat;
    background-position: center center; /* fixed*/ 
    background-size: 26px 26px;
    -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;
}

.block-search.clicked {}
.block-search.clicked .action.search {  }
.block-search.clicked .action.search i,
.block-search .action.search:hover i { background-color: #7EB339; background-image: url('../images/icon-search-active.svg');  }

.minicart-icon {}
.minicart-icon i { display: block; width: 50px; height: 50px; padding: 12px; position: relative; }
.minicart-label {
    background-color: #395825; color: #fff; text-transform: uppercase; font-size: 13px; padding: 0 20px; 
    display: flex; align-items: center; 
}
.minicart-qty {}

/* Animation */
.minicart-wrapper .action.showcart .minicart-icon { position: relative; }
.minicart-wrapper .action.showcart .minicart-icon::before {
    content: ''; width: 0%; position: absolute; left: 0; bottom: 0; top: 0;
    background-color: #395825; 
    transition: width 0.2s ease-in-out;
}
.minicart-wrapper .action.showcart:hover .minicart-icon::before { width: 100%; }

.minicart-wrapper .action.showcart .minicart-label { position: relative; }
.minicart-wrapper .action.showcart .minicart-label::before {
    content: ''; width: 0%; position: absolute; left: 0; bottom: 0; top: 0;
    background-color: #85B145; 
    transition: width 0.2s ease-in-out;
}
.minicart-wrapper .action.showcart .minicart-label .text-span { position: relative; }
.minicart-wrapper .action.showcart:hover .minicart-label::before { width: 100%; }

/* Back to Top */
.scroll-to-top { 
    display: inline-block; position: fixed; bottom: 20px; right: 20px; 
    transition: opacity .1s, visibility .1s;
    opacity: 0; visibility: hidden; pointer-events: none; 
}
.scroll-to-top.is_visible { opacity: 1; visibility: visible; pointer-events: auto;  }
.scroll-to-top b { 
    display: flex; align-items: center; justify-content: center; 
    width: 46px; height: 46px; 
    border-radius: 50%; color: #fff; background-color: #85B145; 
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.37);  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.37);
}
.scroll-to-top i { font-size: 28px; line-height: 1;  }
/* END | Back to Top */




/* jquery.readmoreless.js */
.moreless { /* HTML Wrapper */ }
.moreless-ellipses {}
.moreless-content span { display: none; }
.moreless-button { display: block; padding-top: 12px; text-decoration: underline; color: #000 !important; font-size: 12px; }
/* END | jquery.readmoreless.js */

.sidebar-moreless { font-size: 13px; }



.sidebar-subcategories {
padding:20px 0;
background-color:#fff
}

.sidebar-subcategories-title {
display:flex;
align-content:center;
justify-content:space-between;
margin-bottom:10px
}

.sidebar-subcategories-title .title-text {
padding-right:15px;
flex:1
}

.sidebar-subcategories-title .title-text .title {
text-transform:uppercase;
color:#7EB339;
font-weight:400
}

.sidebar-subcategories-title .title-icon {
width:21px;
height:21px
}

.sidebar-subcategories-tree > ul {
margin:0;
padding:0;
list-style:none none;
list-style-position:inside
}

.sidebar-subcategories-tree > ul > li {
padding:4px 0;
margin-bottom:0
}

.sidebar-subcategories-tree > ul > li > a {
color:#000;
font-size:13px;
text-transform:uppercase
}

.sidebar-description-title {
margin-bottom:15px
}

.sidebar-description-title.missing-description {
margin-bottom:0
}

.sidebar-description-title .title {
text-transform:uppercase;
color:#7EB339;
font-weight:400
}

.sidebar-description {
box-shadow:0 1px 3px 1px rgba(0,0,0,0.15);
padding:20px;
position:relative;
z-index:1
}

.related-categories-wrapper {
padding:50px 0
}

.related-categories-title {
display:flex;
align-items:center;
margin-bottom:50px
}

.related-categories-title .title {
margin-right:15px;
font-weight:400
}

.related-categories-title .liner {
flex:1
}

.related-categories-title .liner em {
display:block;
height:1px;
width:100%;
background-color:#7EB339
}


.relcat-wrapper { overflow: hidden; margin-bottom: 15px;  }
ul.relcat {
	margin: 0 -25px; padding: 0; list-style: none none; list-style-position: inside;
	display: flex; align-items: stretch; flex-wrap: wrap; 
}
ul.relcat > li { width: 25%; padding: 0 25px; margin-bottom: 30px; }
ul.relcat > li a.ratio-1x1 { --bs-aspect-ratio: 125%; transition:all 0.3s; }
ul.relcat > li a.ratio-1x1::after {
    content: ''; display: block;
    position: absolute; top: 0; left: 0; bottom: 0; right: 0;
    background-color: rgba(0,0,0,0.00);
    transition:all 0.2s;
    pointer-events: none; 
    /* top: 4px; left: 8px; bottom: 9px; right: 9px; */
}
.relpop { 
	display: flex; align-items: center; justify-content: center; 
	position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px;
    z-index: 2;
}
.relpop-title { color: #fff; text-transform: uppercase; font-weight: 600; display: block; text-align: center; max-width: 240px; }
.relpop-subtitle {
    position: absolute; bottom: 20px; left: 15px; right: 15px; z-index: 2;
    display: block; text-align: center; 
    color: #fff; text-decoration: underline; text-transform: uppercase; 
    font-size: 16px; 
    opacity: 0; 
    transition:all 0.2s;
}
ul.relcat > li a.ratio:hover { }
ul.relcat > li a.ratio:hover::after { background-color: rgba(0,0,0,0.30); }
ul.relcat > li a.ratio:hover .relpop-subtitle { opacity: 1; }

.cms-page-view .columns-xml-grid .column.main .cms-subtitle {
padding:10px 0 25px;
font-size:26px
}

.cms-page-view .columns-xml-grid .column.main {
padding-bottom:30px
}

.customer-account-create .form.create.account {
margin-bottom:50px
}

.hero-single-wrapper { position: relative; margin-bottom: 10px;  }
.hero-single-wrapper a { display: block; }
.hero-single-wrapper .tns-nav {
    position: absolute; bottom: 20px; left: 20px; right: 20px; 
    text-align: center; z-index: 10;
}
.hero-single-wrapper .tns-nav {}
.hero-single-wrapper .tns-nav button {
    border: none; background-color: transparent; padding: 0; 
    display: inline-block; width: 16px; height: 16px;
    border: 2px solid #1D3D8F; margin: 0 8px;
    border-radius: 50%;
    
}
.hero-single-wrapper .tns-nav button.tns-nav-active { background-color: #1D3D8F; }

.cms-coming-soon-contact #contact-form {
    float: left;
    width: 100%;
}

/* Wordpress Breadcrumbs pagination */

body.wordpress-posttype-view .breadcrumbs {
    padding-left: 20px;
}

body.wordpress-posttype-view .post-list-description {
    display: none;
}
#opc-store-selector-popup .block-search {position: inherit !important;}
#opc-store-selector-popup .block-search .action.search { display: none; }

.old-price { display: none; }

.verve-was {
    color: #e03e2d;
    font-weight: 700;
    font-size: 26px;	
}

/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       BREAKPOINTS                                             ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
@media (min-width: 576px) {}
@media (min-width: 768px) {
    .header.panel > .header.links { display: none; }
    .category-view .category-description { display: none; }
}
@media (min-width: 992px) {	
    
    /* .cms-index-index  - Only on Homepage - creates issues on all inners */
	.cms-index-index main#maincontent { position: relative; z-index: 1; min-height: 100vh; background-color: #fff; /* box-shadow: 0 2rem 4rem #000; */ }
	.cms-index-index .page-footer { position: sticky; bottom: 0;  }
    
    
} /* @media */
@media (min-width: 1280px) {
    
} /* @media */
@media (min-width: 1366px) {}
@media (min-width: 1440px) {
}
@media (min-width: 1600px) {
}
/* 5XL */
@media (min-width: 1920px) {
} /* 1920px & Up */

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                                                                                      ║ */
/* ║ ####################################   DEVELOPMENT BREAKPOINTS   ##################################  ║ */
/* ║                                                                                                      ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* 4XL */
@media (max-width: 1919.98px) {
 
} /* @media -----------------------------------| width < 1920px |-------------------------------------------*/

/* 3XL */
@media (max-width: 1599.98px) {
 
} /* @media -----------------------------------| width < 1600px |-------------------------------------------*/

/* 2XL */
@media (max-width: 1439.98px) {
 
} /* @media -----------------------------------| width < 1440px |-------------------------------------------*/

/* XL */
@media (max-width: 1365.98px) {
    
    .h1 { font-size: 32px; }
    .h2 { font-size: 26px; }
    .h3 { font-size: 20px; }
    
    .hero-slide .actions { font-size: 18px; }
 
    ul.popgrid > li a.ratio-1x1 { --bs-aspect-ratio: 111%; }
    ul.relcat > li a.ratio-1x1 { --bs-aspect-ratio: 111%; }
    
    .chain-intro { margin-left: -20px; margin-right: -20px; }
    .chain-intro > [class^="link-"] { padding-left: 20px; padding-right: 20px; }
    
    
    
    
} /* @media -----------------------------------| width < 1366px |-------------------------------------------*/

/* LG */
@media (max-width: 1279.98px) {
    
    .h1 { font-size: 28px; }
    .h2 { font-size: 22px; }
    .h3 { font-size: 19px; }
    
    .topmost-social { display: none; }
    
    .block-search { width: 480px; left: calc(50% - 240px); }
    ul.popgrid,
    ul.relcat,
    .hero-grid { margin: 0 -8px; } 
    ul.popgrid > li, 
    ul.relcat > li,
    .hero-cell { padding: 0 8px; }
    .season-offers-wrapper { padding: 5px 0 10px 0; }
    .topmost { font-size: 13px; }
    .topmost-menu ul > li a i { width: 18px; height: 18px; }
    .vatswitch em { font-size: 12px; }
    .usp-table  { font-size: 13px; }
    .usp-icon { width: 18px; height: 18px; }
 
	.relpop-subtitle { font-size: 13px; }
    
} /* @media -----------------------------------| width < 1200px |-------------------------------------------*/

/* MD */
@media (max-width: 991.98px) {
	
	body {  }
    
    .h1 { font-size: 22px; }
    .h2 { font-size: 19px; }
    .h3,
    .h4 { font-size: 15px; }
    
    .hero-slide .actions { font-size: 16px; }
    
    .btn { min-width: inherit; padding: 10px 12px; font-size: 13px; }
    
    .minicart-label { display: none; }
 
    .block-search { width: 400px; left: calc(50% - 150px); }
    .logo { width: 150px; }
    
    .topmost-menu ul > li a { padding: 8px 10px; }
    .topmost-menu ul > li a b { display: none; }
    .topmost-menu ul > li a i { margin-right: 0; }

    .footer--logo-mobile { display: block; margin-block-end: 2rem;}
    
    .topmost-vat { padding-right: 14px; }
    .usp-table { font-size: 11px; }
    #scroll_to_top { top: 35px;}
    .block-heading { padding: 12px 15px; }
     
    .hero-slide { padding: 15px; }
    .ctablock { top: 15px; left: 15px; bottom: 15px; right: 15px; }
    
    .container-intro { padding: 20px 0; }
    
    .chain-intro .link-2 { width: 100%; }
    .footer-usp-wrapper { padding: 10px 0; } 
    .footer-usp { font-size: 13px; }
    
    .ftr-cell { width: 50%; }
    .ftr-grid-wrapper { margin-bottom: 20px; }
    
    .copyright { font-size: 12px; }
    .verve { font-size: 12px; }
    
    
    .season-offers [data-content-type="row"][data-appearance="contained"] { padding: 0; }
    .season-offers .slick-prev,
    .season-offers .slick-next { height: 24px; width: 24px; }
    .season-offers .slick-prev { left: -20px; }
    .season-offers .slick-next { right: -20px; }
    .season-offers .slick-prev::before, 
    .season-offers .slick-next::before, 
    .season-offers .slick-prev::after, 
    .season-offers .slick-next::after { padding:0; font-size: 20px; }
    
    .related-categories-title { margin-bottom: 30px; }
    .related-categories-wrapper { padding: 20px 0; }
    
    .hidden-on-small { display: none; }
    .relpop-subtitle { bottom: 12px; font-size: 11px; }

    .cms-page-view .columns-xml-grid .column.main .cms-subtitle { padding: 5px 0 5px 0; font-size: 21px; }

} /* @media -----------------------------------| width < 992px |-------------------------------------------*/

/* SM */
@media (max-width: 767.98px) {

    .ftr-links ul > li.item { margin-bottom: 0; padding: 12px 0;}
    .fusp-content {     flex-direction: column;}
    .footer-usp > li { display: block;}
    .fusp-icon { margin-bottom: 1.5rem;}
    .hero-email { order: 2;}
    .hero-castle { order: 3;}
    .hero-phone { order: 1; margin-bottom: 17px!important;}
    span.fusp-label { text-align: center; }
    .footer-usp { padding-block: 1rem;}
    .ftr-title h6.title.h3 { font-size: 2.3rem; padding-top: 1rem; font-weight: 700;}


    .page-wrapper { overflow: hidden; }
    .sidebar-description { display: none; }
    .block-search { width: 100%; }

	/* TITLES */
	.h1 { font-size: 20px; }
    .h2 { font-size: 17px; }
	.h3, .h4, .h5, .h6 { font-size: 15px; }
    
    .scroll-to-top.is_visible { display: none; }
    
    .topmost-help,
    .usp-container { display: none; }
    
    .logo { width: 132px; margin-bottom: 0px; } 
    .page-header { margin-bottom: 0; }
    
    .hero-grid { flex-wrap: wrap; }
    .hero-cell { width: 100%; margin-bottom: 20px;  }
    .hero-cell .tns-nav { bottom: 11px; }
    .hero-grid-wrapper,
    .popgrid-wrapper { margin-bottom: 0; }
    
    ul.popgrid > li,
    ul.relcat > li { width: 50%; margin-bottom: 20px;  }
    .chain .link-1 .ratio-21x9 { --bs-aspect-ratio: calc(10 / 26 * 100%); }
    .chain .link-2 .ratio-21x9 { --bs-aspect-ratio: calc(10 / 9 * 100%); }
    .chain .link-3 { width: 100%; }
    
    .footer-usp { flex-wrap: wrap; }
    .footer-usp > li { width: 100%; }
    .footer-usp > li:not(:last-child) { border-right: none; margin-bottom: 17px;  }
    
    .block.newsletter { max-width: 100%; }
    .newsbox .container { padding-top: 10px; }
    .newsbox-footer .logo-castlefield { width: 249px; }
    .ftr-cell { width: 100%; }
    
    .copyright { flex-wrap: wrap; }
    .verve-wrapper { width: 100%; text-align: center; }
    .company-number { text-align: center; margin-bottom: 10px;  }
    
    .season-offers-wrapper {
    margin-top:-10px
    }
    
    .season-offers .product-item {
    padding-left:5px;
    padding-right:5px
    }
    
    .season-offers .product-item-name {
    min-height:34px
    }
    
    .season-offers .product-item-details {
    padding:0 10px 10px
    }
    
    .season-offers .product-item-details .btn {
    padding:8px 10px;
    font-size:12px;
    white-space:nowrap
    }
    
    .season-offers .product-item .price-box {
    margin-bottom:15px;
    white-space:nowrap
    }
    
    .season-offers .price-container .price {
    font-size:1.4rem
    }
    
    .relpop-subtitle { display: none; }

    .cms-page-view .columns-xml-grid .column.main .cms-subtitle { padding: 0px 0 2px 0; font-size: 17px;  }
 
} /* @media -----------------------------------| width < 768px |-------------------------------------------*/

/* XS */
@media (max-width: 575.98px) and (orientation:landscape) {}
@media (max-width: 575.98px) {

} /* @media -----------------------------------| width < 576px |-------------------------------------------*/

/* ════════════════════════════════════════════╣     END    ╠════════════════════════════════════════════ */
@media screen and (min-width: 320px) and (max-width: 767.98px) and (orientation: landscape) { }
/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                 ¡ NO STYLES BELOW THIS LINE PLEASE !                                 ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */