@import url(https://fonts.googleapis.com/css?family=Cinzel:400,700);
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
body {background: #fff; color: #555}
.container {font-family: Carme,Tahoma,Geneva,sans-serif; font-size: 15px; background:#fff; padding-right:0px; padding-left:0px}
.head-container {border-bottom: 0px solid #555;background:#fff;moz-box-shadow: 0px 0px 5px #fff;-webkit-box-shadow: 0px 0px 5px #fff;box-shadow: 0px 0px 5px #fff;}
.topnav-container, .navbar-default {background:#fff;} 

.page1 .container {width:80%}
.container {width:75%}

.addressData a, .addressData a:visited {color:#555;}
.addressData a:hover{color:#97af5d}

a {color: #9eb286} 
a:hover, a:focus {text-decoration:none; color: #555;}

h1{font-family:'Nunito', sans-serif;color:#555; font-weight:400}
h2, h3 {font-family:'Nunito', sans-serif;color:#5a7c40; font-weight:400}

/** nav bar **/
.navbar-brand { margin-top: 60px;float:none}
.navbar-default {  border-color: #99a285;border-radius: 0px; border: 0px solid #444; border-right:none; border-left:none; border-top:none;}
.navbar-default .navbar-nav>li>a {font-size: 15px;display:inline-block; text-transform:uppercase; font-weight:600 }
.navbar-right { width:100%;  margin-top: 0px;margin-right:0px} 
.navbar-nav>li{float:none;display:inline}
.navbar-brand>img {margin-left: auto;margin-right: auto;}
.navbar-header{float:none;margin-top:30px}
 
.navbar-nav {border-top: 0px solid #6d6d6d; border-bottom: 0px solid #ffffff;list-style:none;text-align:center;background:#fff;margin-top:-30px;}
/** .navbar-nav::before{content: '';display: block;width: 500px;height: 1px;background: #c2dc88;margin-top: 0px;margin-left:auto;margin-right:auto} **/

.topnav-container .container-fluid {padding-left:0px; padding-right:0px}
.container-fluid.topnav-container {padding-left:0px; padding-right:0px}

.navbar-collapse {padding-left:0px; padding-right:0px}

.navbar-default .navbar-nav>li>a { color: #555; margin-right:2px}
.navbar-default .navbar-nav>li>a.current, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #555555;background:none}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {color:#555;background:none}

/** LEFT NAV **/
.catNavigator dt {font-family:'Cinzel', serif;color:#5a7c40; font-weight:200}
.catNavigator dd, .catNavigator a:link, .catNavigator a:visited { color:#555}
.catNavigator a:hover, .catNavigator a:focus, .catNavigator a.current { color:#5a7c40}

.catNavigator dt::after{content: '';display: block;width: 50px;height: 1px;background: #c2dc88;margin-top: 13px;margin-left:0px;margin-right:auto}

/** PANELS **/
.panel{background: #fff;border: 1px solid #c2dc88;color:#555; min-height:320px; border-radius:0px}
.panel:hover{background:#fff;border:1px solid #5a7c40;}
.designButton:hover, .designButton:focus, .designItems, .catImages:hover {  background: #fff; border: 1px solid #5a7c40;color: #555; text-decoration:none}
.newsPanel:hover{  background: #fff; border: 1px solid #5a7c40;color: #555; text-decoration:none}
.panel-heading h2 {color:#555;}

.designPrices {background:#fff; border-color:#c2dc88}

/** TO FORCE IMAGES TO FULL WIDTH IN PRODUCT PANELS **/
.designButton .panel-body img, .promotionPanel img{width:250px;height:216px;object-fit:cover;object-position:50% 50%}
.designButton .panel-body img, .catImages .panel-body img{width:250px;height:216px;object-fit:cover;object-position:50% 50%}

/** BUTTONS **/
.btn-header {border-radius: 0px;  border: 1px solid #c2dc88;}
.btn-header:hover { color:#fff; border: 1px solid #fff;}
a.btn-header:hover{color:#fff}

.btn-primary{border: 0px solid #5c604d; background:#5a7c40}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active, .btn-primary:active:focus,.btn-primary.active.focus{border: 0px solid #c4cac1; background:#c2dc88} 

/** FOOTER  **/
.footerContainer { border-top: 0px solid #5c604D;  background: #fff; color: #555}
.footerContainer .container{ border-top: 0px solid #dadada;background:none;}
#footer dt{color:#5a7c40;text-transform:uppercase;font-size:14px;font-weight:600}
#footer a:link, #footer a:visited {color:#555}
#footer a:hover {color: #5a7c40}
#footer dd {color:#555;}

.footerLogo::after, .footerLogo::before  {height:1px;background:#5a7c40;}

.footerLogo {  display: flex; align-items: center;  text-align: center;}

.footerLogo::after, .footerLogo::before { content: ''; flex: 1;}
.footerLogo::after, .footerLogo::before { margin-right: 4rem; }
.footerLogo::after, .footerLogo::before { margin-left: 4rem; } 
.footerContainer .row .col:nth-child(2) {display:none;}
.footerContainer .row .col:first-child img {content:url(../upload/files/images/footer_paypal.png)}

#customBottom.container {
    width:100%;
    padding-left:0px;padding-right:0px;
}

@media (max-width:813px) {
    .footerLogo {display:block;}
}

/** MOBILE NAV **/
.addressDataMobile a{color:#c2dc88;}
.addressDataMobile a:hover{color:#fff;}
.navbar-toggle {border-color: #c2dc88;}
.navbar-toggle .icon-bar {background-color: #c2dc88;}
.navbar-toggle:hover {border-color: #fff;}
.navbar-toggle:hover .icon-bar{background-color:#fff}
#mobilenav a{color:#c2dc88; }
#mobilenav .dropdown-menu a{color:#555}
#mobilenav a:hover{color:#000}
#mobilenav .adminButton a{color:#545559;}
#mobilenav .adminButton{margin-right:10px; margin-bottom:10px; background-color:#c2dc88}

.mobile-nav{padding-left:0px;text-align:center;}
.mobile-nav>li>a{padding: 10px 0px;text-transform: uppercase;}
.testLogin{    text-align: center;padding-bottom: 10px;}

.basket h1::after {
  content:'Please enter billing information accurately, as due to Visa and Mastercards new security measures, transactions may be declined.';
  display:block;
  text-align:center;
  margin-top:2rem;
}

.payDetails:before {
    content: 'Please make sure that you enter your address on the payment form as it appears on your bank statement and the postcode is in the postcode field';
    display: block;
    padding: 10px 10px 10px 10px;
    border: 1px solid #555555;
    margin-bottom: 10px;
    font-size: 20px;
    text-align: center;
}

/** fixing the blurred images by displaying at normal size and centered **/

.splide__track{text-align:center}

.splide__slide img{width:auto!important}

.mainImage {max-height:400px}

#thumb-carousele-list li{height:150px!important}

#thumb-carousele-list {margin-top:10px!important}

@media (max-width:768px){
#addCrossSales .col-xs-4{width:100%;text-align:center;display:block;}
.addOnImage2 img{margin:auto;}
.xsaleTitle{text-align:center!important;}
 } 
 
 
.markZ {
    height: 475px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
	padding: 40px;
}

.bannerText {
    background: #5a7c40;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
    padding: 40px;
}

.bannerText p {
    margin: 0;
    font-size: 2.7rem;
	font-family: 'Cinzel', serif;
}

.leftExtras {display:none}

.page46 .container {width:80%}
@media (min-width: 992px) {
    .page46 .col-md-3.productCol {
        width: 33.33333333%
    }
}
.page46 .designButton .panel-body img {max-height:none;width:350px;height:320px;object-fit:cover;object-position:50% 50%}
.page46 .designButton {min-height:400px;margin-bottom:0px;}
.page46 .designButton .title {margin-top:10px;}

/** BANNER REDESIGN CODING 2026 **/

.equal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.no-gutter [class*="-6"] {padding-left:0;padding-right:0;}
.no-gutter {margin-right:0px;margin-left:0px;}

.markZ {
    height:400px;
    margin-top:220px;
}

.markZ {
    background-position:center;
    background-size:cover;
    height:70vh;
    margin-top:0px;
    position:relative;
}

.bannerStaticHeading {
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    flex-direction:column;
    color:#384f26;
    background:#bdda80a1;
    text-align:center;
    padding:3rem;
}

.bannerStaticHeading h2 {color:#384f26;text-align:center;font-size:5rem;margin-bottom:15px;}
.bannerStaticHeading .btnArrow {border:1px solid #384f26;color:#384f26;}
.bannerStaticHeading .btnArrow:hover {background:#384f26; color:#fff}
.bannerStaticHeading .bannerSubHeading {font-size:1.2rem;margin-bottom:10px;}

.owlTop {height:400px;margin-top:205px;}
.bannerRight {background:#fffbf3;display:flex;align-items:center;justify-content:center;
height:500px;flex-direction:column;text-align:center;}
.bannerRight h2 {font-size:4.5rem;text-transform:none;margin-bottom:2.5rem;color:#a98a64;}
.textItalic {font-style:italic;color:#074f57;}
.bannerLeft {
    height:100%;
    background-size:cover;
    background-position:center;
}
.btnArrow i {margin-left:5px;transition: margin-left 0.2s ease-in-out;}
.btnArrow {background:none;color:#222;padding:1rem 3rem;text-transform:uppercase;letter-spacing:1px;}
.btnArrow:hover i {margin-left:10px;}
.bannerSubHeading {text-transform:uppercase;letter-spacing:5px;font-weight:400;margin-bottom:2rem;font-size:1.1rem;}
.owl-dots{display: flex;align-items: center;justify-content: center;margin-top: 25px;padding-bottom:6rem;}
.owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #333;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
}
.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #a98a64;
}

/** REDESIGN STUFF 2026 **/

@media (min-width: 767px) {
    .head-container {display:none}
    .navbar-header{float:none;margin-top:-15px}
}

.bannerPanel {
    background:#333;
    height:500px;
    margin-bottom:3rem;
    background-position:center;
    background-size:cover;
    position:relative;
    overflow:hidden;
}
.bannerCont {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-end;
    height:100%;
    padding:4rem;
    color:#fff;
    background:#3333332e;
    z-index:999;
    position:relative;
}
.bannerCont p {max-width:70%;}
.bannerCont h2 {color:#fff;font-size:3rem;margin-bottom:10px;font-weight:400;}
.bannerCont .bannerSubHeading {margin-bottom:10px;}
.zoom-in::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    background-size: cover;
    transform-origin: center;
    transition: transform .4s ease-in-out;
}
.zoom-in:focus::after, .zoom-in:hover::after {
  transform: scale(1.05);
}
.bannerCont .btnArrow {border:1px solid #fff;color:#fff;}
.bannerCont .btnArrow:hover {background:#333;color:#fff;border:1px solid #333;}

.freshBadge {display:flex;align-items:center;}
.freshBadge i {margin-right:10px;font-size:1.5rem;}
.freshBadge .fa-envira {font-size:1.9rem;}
.freshBadgeText {display:flex; color:#384f26}
.freshBadgeText p {margin-bottom:0px;text-transform:uppercase;font-size:15px;letter-spacing:1px;padding-top:0px; padding-bottom:0px; font-weight:600;}
.headerBadges {background:#c2dc88;display:inline-flex;width:100%;align-items:center;justify-content:center;gap:20px;padding:2px;border-bottom:0px solid #f7f2e8;}

#leftNavigator {display:none}
.col-sm-9.contentLeft {width:100%}

.billyTable {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;  
}

/** Products **/
.designButton .panel-body {padding:0px;}
.designButton img {max-height:none;}
.designButton .panel-body img {width:350px;height:300px;object-fit:cover;object-position:50% 50%}
.designButton {height:auto;border:0px solid #dad5ca;}
.designButton:hover {border:0px;}
.designButton .price {font-weight:400;color:#555;font-size:15px;margin-top:-5px;}
.designButton .title {font-size: 17px;padding:0rem;margin-top:10px;font-weight:200;text-transform:none;color:#5a7c40}

.catImages .panel-body {padding:0px;}
.catImages img {max-height:none;}
.catImages .panel-body img {width:350px;height:300px;object-fit:cover;object-position:50% 50%}
.catImages {height:auto;border:0px solid #dad5ca;}
.catImages:hover {border:0px;}
.catImages .price {font-weight:400;color:#555;font-size:1.5rem;margin-top:-5px;}
.catImages .title {font-size: 2.2rem;padding:0rem;margin-top:10px;font-weight:400;text-transform:none;color:#5a7c40}

.catImages .panel-heading {
    position:absolute;
    bottom:-60px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;    
}

.catImages h2 {
    color:#5a7c40;
    font-size:2rem
}

.catImages .img-responsive {max-height:none;width:350px;height:300px;object-fit:cover;object-position:50% 50%;}
.catImages .panel-body {padding:0px;}
.catImages {height:360px;border:0px;box-shadow:none;}
.catImages:hover {border:0px;}

@media (min-width: 992px) {
        .col-md-4.productCol {
        width: 25%
    }
}

.headerBasket {
    position:absolute;
    top:20px;
    right:5%;
    transition: top 0.5s ease-in-out;
    color:#384f26;
    font-size:2rem;
    z-index:99999
}

.headerBasket a {color:#384f26;}
.navbar-default:hover .headerBasket a {color:#c2dc88;}
.headerBasket a:hover {color:#c2dc88;}
.scrollBackground .headerBasket {top:40px;}
.scrollBackground .headerBasket a {color:#384f26;}

.fa {font-family: 'FontAwesome'!important;font-weight:300!important;}

@media (max-width: 766px) {
        .headerBasket {display:none}
}

/** MOBILE NAV **/
.addressDataMobile a{color:#384f26;}
.addressDataMobile a:hover{color:#c2dc88;}
.navbar-toggle {border-color: #384f26;}
.navbar-toggle .icon-bar {background-color: #384f26;}
.navbar-toggle:hover {border-color: #c2dc88;}
.navbar-toggle:hover .icon-bar{background-color:#c2dc88}
#mobilenav a{color:#384f26; font-weight:600 }
#mobilenav .dropdown-menu a{color:#384f26; font-weight:600}
#mobilenav a:hover{color:#000}
#mobilenav .adminButton a{color:#fff;}
#mobilenav .adminButton{margin-right:10px; margin-bottom:10px; background-color:#384f26}

.mobile-nav{padding-left:0px;text-align:center;}
.mobile-nav>li>a{padding: 10px 0px;text-transform: uppercase;}
.testLogin{    text-align: center;padding-bottom: 10px;}

/** FOOTER **/
#footer {display:none}

.navbar-default .navbar-nav>li>a.current, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #c2dc88;background:none}