body{font-family:"Josefin Sans Std Light", "Times New Roman", Times, serif; font-weight:300;background:#ffffff none repeat scroll 0 0;color:#484848;}
a{font-family:"Josefin Sans Std Light", "Times New Roman", Times, serif;} 
.orbit-container .orbit-slides-container > *{height:auto;}
.top-bar{background-color:#b4d8bf; height: 48px;}

html, body {
    min-height: 100vh; /* Prevents body resizing */
    overflow-x: hidden; /* Stops horizontal shifts */
}



body {
    max-width: 1800px !important;
    margin: 0 auto;
    }
.contain-to-grid {
    max-width: 1800px !important;
    width: 100%;
    margin: 0 auto;
}
.orbit-container {
    width: 100%;
    max-width: 100%;
}

/* .top-info {
margin: 0px 5px !important; DHH 20/05/23 
} */
.button > a {
color: white !important;
font-size: 12px; /* Adjust as needed */
}
.small{font-size: 16px;}
/*.fixed{width:100%;left:0;position:fixed;top:0;z-index:99;} */
#txtsearch{box-shadow:none;text-indent:19px;}
#search-icon{left:27px;position:relative;}
.no-right{float:right;margin-right:10px;}
.home-offset{margin-top:74px;} /*was 83 --DHH */
@media all and (max-width:638px){.no-right{float:none;}
#txtsearch{margin-bottom:5px;height:50px;border-color:#ffffff;}
}
.top-bar-section li:not(.has-form) a:not(.button){padding:0 1rem;line-height:48px;background:#74B687;color:#fff;}
.top-bar-section .has-dropdown > a:after{border-color:rgba(111, 111, 111, 0.4) transparent transparent transparent;}
.top-bar-section li:not(.has-form) a:not(.button):hover{background-color:#74B687;color:#fff;}
.top-bar .toggle-topbar.menu-icon a{color:#346042;}
.top-bar.expanded .title-area{background:#b4d8bf;}
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a{color:#b4d8bf;}

.top-bar-section .dropdown li.title h5 a:hover, 
.top-bar-section .dropdown li.parent-link a:hover{background:#74B687;color:rgb(104, 104, 104);} /*changes top-bar parent background and letter colour --Manyao */


.top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0px 0 1px #74B687, 0 7px 0 1px #74B687, 0 14px 0 1px #74B687;}
/*160808 for menu-icon color(3 lines) --Manyao*/

.top-bar-section .divider, .top-bar-section [role="separator"]{border-top:solid 1px #E0E0E0;}
.top-bar .name h1 a{font-weight:normal;color:black;display:block;padding:100px 100px;margin:20px;}


@media only screen and (min-width:40.063em){.top-bar-section .dropdown li:not(.has-form) a:not(.button){color:white;background:#74b687;}
} /*<-160808 desktop version, top-bar dropdown list background and font color --Manyao*/
@media only screen and (min-width:40.063em){.top-bar-section .dropdown li:not(.has-form):hover  > a:not(.button){color:#fff;background-color:#b4d8bf;} /*<-160808 desktop version, top-bar dropdown list hover background and font color --Manyao*/
}

/*.top-bar-section ul li{background-image:#b4d8bf;}   /*removed as background-image should not follow with color.  --Manyao */
.top-bar-section ul li{background:#fff;}
.top-bar-section ul li:hover:not(.has-form)  a{background:#000; color:#fff;} /*for top-bar background and font color */
.top-bar .title-area {
    position: relative;
 margin: 0px;padding:0px;top:0px;} 
 
 .center {
  float: left;
  position: relative;
  left: 0rem;
}

 
.contain-to-grid{background-color:#b4d8bf;}
.accordion dd > a{background:#fff;color:#222222;padding:1rem;border:1px solid #e1e1e1;margin-top:5px;display:block;font-size:1rem;}
.accordion .accordion-navigation > a, 
.accordion dd > a{font-family:'Roboto', sans-serif;}
.accordion .content.active{display:block;background:white;border:1px solid #e1e1e1;border-top:0px;}
.orbit-container .orbit-slides-container > * .orbit-caption{background-color:rgba(51, 51, 51, 0.4);color:white;width:100%;padding:0.625rem 0.875rem;font-size:0.875rem;}
.white{color:#fff;}
.gray{color:#3D4149;}
.blue{color:#3449aa;} 
.green{color:#3C5D44;}   /* was #74b687 24/4/2024*/
.black{color:#000000;}
.lightgr{color:#b4d8bf;}
.lightgr2{color:#e6f2ea;} /*this light green is lighter than b4d8bf--Manyao 160808*/
.dark-blue{color:#252c34;}
.heightlight{color:#ffffff;}
.blue-bg{background-color:#34495e;} /*lighter blue than #252c34 --Manyao 160808*/
.dark-blue-bg{background-color:#252c34;}
.highlight-bg{background-color:#ffffff;}
#who-we-are .tabs dd.active a{background:#b4d8bf;border-right:4px solid #b4d8bf;background:transparent;}
#who-we-are .tabs dd.active a span{color:#b4d8bf;font-weight:bold;}
#who-we-are .tabs dd.active a i{color:#b4d8bf;}
.large-i{font-size:60px;}
#who-we-are i{margin:5px;}
#who-we-are .tabs dd > a:hover{border-right:4px solid #b4d8bf;background:transparent;}
#who-we-are .tabs dd > a:hover i, .tabs dd > a:hover span{color:#b4d8bf;}
#who-we-are .tabs dd > a{display:block;background:transparent;padding-top:1rem;padding-right:2rem;padding-bottom:1.0625rem;padding-left:2rem;font-size:1.2rem;border:1px solid transparent;}
.item{text-align:center;padding:10px;margin-right:10px;}
#who-we-are #tab-content{text-align:center;margin:auto;padding-left:20px;}
#who-we-are #tab-content i{color:#b4d8bf;font-size:6em;}
#who-we-are{background-color:#ffffff;}

h1 { font-style: font-weight: 400; font-size:1.5 rem; }
h2 { font-size: 1.4rem; }
h3 { font-size: 1.1rem; }
h4 { font-size: 1.0rem; }

body, a, h1, h2, h3, h4, h5, h6 {
    /* font-family: "Josefin Sans Std Light", "Times New Roman", Times, serif; */ /* Remove the original font-family */
    font-family: sans-serif; /* Use a generic sans-serif font */
    color: #252c34; /* Keep the color */
}
  
 
@media only screen and (min-width: 40.063em) {h1 {font-size: 2.5rem;}}
@media only screen and (min-width: 40.063em) {h2 {font-size: 1.4rem;}}

.intro {
    position: relative;
    background-image: url('../img/slide15-desk.jpg'); /* Default desktop image */
    width: 1800px;
    height: 490px;
    background-size: cover;
    background-position: center center;
    
}


/* Media query for mobile devices */
@media (max-width: 767px) {
    .intro {
        background-image: url('../img/slide15-mobile.jpg'); /* Mobile image */
        height: 210px; /* Adjust the height for mobile view */ 
		width: 100%;
		 /* Enable lazy loading for the background image */
    }
}


.intro-container {
    position: relative;
    width: 100%;
    padding-top: 25%; /* Adjust this value to control the aspect ratio */
}

.intro2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.overlayabs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(40, 45, 49, 0.2);
}
.intro1{height:300px;width:100%;}

.overlay {
    height: 100%; /* Set the height to 100% to cover the entire parent container */
    width: 100%;
    display: table;
    background: rgba(40, 45, 49, 0.1);
}

/* Media query for mobile devices */
@media (max-width: 767px) {
    .overlay {
        height: 210px; /* Set a fixed height for mobile view */
    }
}



.overlayabs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(40, 45, 49, 0.2);
}


.overlay2 {
  height: 400px;
  width: 100%;
  display: table;
  background: rgba(40, 45, 49, 0.2);
  position: relative; /* Add position relative */
  z-index: 1; /* Add z-index to position the overlay above the image */
}

.intro-image {
  position: relative; /* Add position relative to the image */
  z-index: 2; /* Add a higher z-index to position the image above the overlay */
}


.overlay300{height:300px;width:100%;display:table;}
.overlay1{display:table; height:385px;width:100%;} /*160813 by Manyao*/
.font-size-auto{font-size: 4vw;}
.thin{font-weight:300;}
.lines{height:1px;width:20%;margin:auto;margin-bottom:32px;background:#ffffff;}
.lines-blog{height:1px;width:20%;margin-bottom:12px;background:#ffffff;}
#first-bar{background-color:#ffffff;width:100%;height:50px;padding-top:0px;}
.line-border{border-right:solid 1px #E0E0E0 !important;}
.top-info{font-size:0.8rem;padding-right:0px;padding-top:12px;padding-bottom:18px;top:10px;position:relative;}  
/*was font-size 1.0 padding-top:0px --DHH*/
a{color:#000000;text-decoration:none;line-height:inherit; padding-top:18px;padding-bottom:18px; top:0px; position:relative;}/*was gray  padding-top:0px --DHH*/
.shadow{-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);box-shadow:0px 1px 2px rgba(0,0,0,0.2);}

.padding-10{padding:0.1rem;}
c{color:white;text-decoration:none;line-height:inherit; padding-top:12px;padding-bottom:18px; top:0px; position:relative;}/*was gray  padding-top:0px --DHH*/
.shadow{-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);box-shadow:0px 1px 2px rgba(0,0,0,0.2);}
.padding-40{padding:0.4rem;}
.padding-20{padding:0.2rem;}
.padding-10{padding:0.1rem;}
#subscribe{padding:30px;background-color:#77BED2;}
.top-offset{margin-top:95px;}   /*was 60 --DHH */
.top-offset40{margin-top:40px;}  
.th{float:right;}

.th{box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);}
.news-image{padding-bottom:8px;}
#author i{font-size:15px;margin-top:13px;margin-left:10px;}
.news-body{color:#3D4149;margin-bottom:60px;}
.news-detail{padding-bottom:10px;border-bottom:1px solid #e1e1e1;margin-bottom:40px;}
.news-date{text-align:center;border:0px solid #252c34;padding:00px;background:#ffffff;color:#252c34;}
.date{margin-top:10px;font-weight:bold;}
.day{font-size:38px;}
.featured-post{font-size:14px;color:#aaaeb8;padding:10px 0px 10px 0px;border-bottom:1px dashed #06afc3;}
.tags div{padding:10px;background:#34495e;float:left;position:relative;margin:0px 5px 5px 0px;color:#fff;}
.tags div:hover{background:#ffffff;}
#categories{margin-bottom:20px;}
#categories div{border-bottom:1px solid #e1e1e1;padding:10px 0px 10px 0px;}
#awards{background-image:url('../img/awards.jpg');width:100%;}
.awards-item{border:1px solid #906234;padding:10px;text-align:center;margin-bottom:10px;}
.staff-listing{border:1px solid #e1e1e1;margin-bottom:15px;}
.staff-listing:hover{border-color:#fff;background:#ffffff;}
.staff-listing:hover h5{color:#fff;}
.staff-listing:hover .social{border-color:#aebbe2;background:#aebbe2;color:#fff;}
.staff-details{padding:10px 0px 10px 0px;}
.social{border-top:1px solid #e1e1e1;padding:10px 0px 10px 0px;}
.social i{font-size:30px;}
#abt-intro{width:80%;margin:auto;}


#abt-intro1 {
    width: 80%;
    max-width: 1800px; /* Add a maximum width if needed */
    margin: 0 auto; 
	align-items: center;
	position: relative;
	z-index: 2;
}


#margin-top-abt{margin-top:50px;}
.abt-us-details{padding:10px;border:1px solid #e1e1e1;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;margin-top:40px;}
.abt-us-details:hover{padding-top:30px;padding-bottom:30px;border:1px solid #ffffff;background:#c2c8ce;color:#fff;}
.abt-us-line{width:40%;background:#fff;height:4px;margin:auto;margin-bottom:5px;}
.abt-us-details h4{transition:all 1s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.abt-us-details:hover h4, .abt-us-details:hover i{color:#fff;}
.abt-us-details i{font-size:70px;color:gray;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;}
.more-info{background-image:url('../img/p6.png');padding:10px 20px 10px 20px;width:100%;}
.line > div:nth-child(1){width:100%;height:1px;background-color:#9c9c9c;margin-bottom:25px;}
.line > div div{width:25%;height:1px;background-color:#ffffff;}
.display-table{display:table;}
.va-align{display:table-cell;vertical-align:middle;}
.va-align11 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.va-align1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pricing-one .pricing-table .title{background-color:#ffffff;color:#fff;font-size:24px;}
.pricing-one .pricing-table .price{background-color:#ffffff;color:#fff;}
.pricing-two .pricing-table .title{background-color:#fff;color:#34495e;font-size:22px;font-weight:300;}
.pricing-two .pricing-table .price{background-color:#34495e;color:#fff;}
.pricing-table{border:1px solid #e1e1e1;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.pricing-table:hover{border-color:#fff;-webkit-box-shadow:21px 21px 100px 0px rgba(0, 0, 0, .2);-moz-box-shadow:21px 21px 100px 0px rgba(0, 0, 0, .2);box-shadow:21px 21px 100px 0px rgba(0, 0, 0, .2);z-index:2;}
.faq-intro{background-image:url('../img/slide1.jpg');min-height:300px;color:#fff;font-size:46px;}
.faq-header{background-color:#34495e;color:#fff;padding:10px;font-family:'Roboto',calibri;border-top:15px;}
#faq{margin-top:60px;}
/* #career{width:100%;margin:auto;height:230px;background-image:url('../img/career.jpg');margin-top:60px;} */
.careers-header1{background-image:url('../img/slide19A.jpg');width="1800";min-height:400px;background-repeat:no-repeat;color:#fff;}
/* Container needs to be relative so we can position things inside it */
.careers-header {
    position: relative;
    width: 100%;
    min-height: 400px;
    overflow: hidden;
    color: #fff;
    display: flex;
    align-items: center; /* Centres text vertically */
    justify-content: center; /* Centres text horizontally */
}

/* Make the image fill the background area */
.header-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* This prevents the grapes from looking squashed */
    z-index: -1; /* Puts image behind the text */
}

/* Style for the text on top */
.header-content {
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.7); /* Makes text readable over the photo */
    padding: 20px;
}
.careers-strip{background-color:#c2c8ce;color:#fff;padding:30px;font-size:26px;font-family:'Roboto', sans-serif;font-weight:300;}
table thead tr th, table thead tr td{color:#ffffff;font-size:20px;font-weight:300;font-family:'Roboto', calibri;}
.careers-details{background-color:#fff;padding:20px;margin-bottom:30px;}
.owl-buttons div{color:#FFF;background:#c2c8ce;background-color:#c2c8ce;}
.owl-theme .owl-controls .owl-buttons div { background: #74b687;}
.owl-theme .owl-controls .owl-page span {background: #74b687;}
	
.contact-social i{color:#66907c;font-size:40px;}
.contact-social i:hover{color:#c2c8ce;}
.steps{margin-top:20px;}
.steps div{margin-top:15px;padding:10px;border-bottom:1px solid #e1e1e1;}
.steps span{font-size:35px;}
i{margin-right:5px;}
footer{min-height:50px;width:100%;background-color:#b4d8bf;padding-top:10px;color:green;}
.button{background-color:#c2c8ce;border-color:#4c9160;}
button, .button {
    background-color: #475c47;    /*was 74b687 for more contrast */
    border-color: #4c9160; 
	}
#top-footer{background:#b4d8bf;width:100%;min-height:90px;padding-top:17px;}
.sub-strip{color:#fff;padding:15px;}

#top-footer1{background:#c2c8ce;width:100%;min-height:90px;padding-top:17px;}
.sub-strip{color:#fff;padding:15px;}
.sub-stripped{color:#000000;padding:15px;}


table thead {
    background: gray;
}
.button.tiny.radius:hover{background: #4c9160}
.button:hover{background: #4c9160}

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus{background-color:#4c9160;}

/*Front page top-info-bar Font-hover-color change to black --Manyao */
.white.top-info a:hover{color:#000}
/*Front page footer Font-hover-color change to white --Manyao */
.links li a:hover{color:#fff}

.text-justify a:hover{color:#b4d8bf}
/*start of new contact page 24-09-2107 */

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*
.home-offset {
	position: relative;
    min-height: 490px; /* Ensures no height collapse 
    width: 100%;
    max-width: 1800px;
    overflow: hidden;
}
*/

@media (max-width: 767px) {
    .mobile-image {
        display: block;
    }
}

@media (min-width: 768px) {
    .desktop-image {
        display: block;
    }
}
/*start of new distilleries and why organic page 06-06-2023 */

.intro-dist {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.intro-image {
    display: none;
}

@media (max-width: 767px) {
    .intro-image-mobile {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}


.overlay-dist {
    height: 100%;
    width: 100%;
    display: table;
    background: rgba(40, 45, 49, 0.4);
}

.va-align-dist {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


/* Default styles for both PC and mobile */
.intro-dist {
    background-image: url('img/slide19-75-desktop.jpg'); /* Default background for PC */
}

/* Media query for mobile devices */
@media only screen and (max-width: 767px) {
    .intro-dist {
        background-image: url('img/slide19-75-mobile.jpg'); /* Background for mobile devices */
    }
}

img[loading="lazy"] {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}