@charset "UTF-8";
/* CSS Document */

body {
	/*background-color: #AEA8A8;*/
	font-family: 'Roboto', sans-serif;
}
nav .breadcrumb {background-color:rgba(200,200,200,0.0);}
/*section {margin-top:30px; margin-bottom:30px;}*/
footer {font-size:0.7em;}
/* 
START COLOURS 
rgba(41,37,91,1.0) DARK BLUE
rgba(0,166,225,1.0) BLUE
rgba(0,166,225,0.5) LIGHT BLUE
*DELETE* rgba(41,37,91,1.0) PURPLE *DELETE*
rgba(159,189,51,1.0) GREEN
rgba(216,217,218,1.0) LIGHT GRAY
rgba (118,117,112,1.0) GRAY
END COLOURS 
*/

/* GAF COLOURS 
rgba (159,189,51,1.0) GREEN
rgba (41,37,91,1.0) BLUE
*/

.grass { background-image: url("../img/grass-background.png");
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center !important;
}

.hero {text-align: center; padding-top:250px; }
.hero h1 {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 700; font-size: 5em; color: rgba(41,37,91,1.0);}
.hero h3 {font-family: 'Shadows Into Light', cursive, sans-serif; font-weight: 400; font-size: 3.25em;}

.blue { background-color:#29255B; color:#ffffff;}
.blue h1, h2, h3 {color:#ffffff;}

.greenGrass { background-color:#9FBD33; color:#ffffff;}
.greenGrass h1, h2, h3 {color:#ffffff;}

.GAF-White {color:rgba(255,255,255,1.0);}
.GAF-Blue {color:rgba(41,37,91,1.0);}
.GAF-Blue-Background {background-color:rgba(41,37,91,1.0);}

.GAF-BlueDark-Background {background-color:rgba(41,37,91,1.0);}

.GAF-Grey-Border {color:rgba(216,217,218,1.0); border:1px solid;}

.GAF-Grey-Border-thick {color:rgba(216,217,218,1.0); border:4px solid;}

.background-image { background-image: url("../img/background-main.jpg"); background-repeat: no-repeat;
	min-height: 468px !important;
  background-size: cover;
	background-position: center;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px; 
z-index: -1000;}

.background-image-graze { background-image: url("../img/background-main-grazing.jpg"); background-repeat: no-repeat;
	min-height: 468px !important;
  background-size: cover;
	background-position: center;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px; 
z-index: -1000;}

.background-icecream { background-image: url("../img/background-icecream.jpg"); background-repeat: no-repeat;
	min-height: 468px !important;
  background-size: cover;
	background-position: center;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px; 
z-index: -1000;}


.background-image-stay { background-image: url("../img/background-stay.jpg"); background-repeat: no-repeat;
	min-height: 468px !important;
  background-size: cover;
	background-position: center;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px; 
z-index: -1000;}

.background-image-shop { background-image: url("../img/background-shop.jpg"); background-repeat: no-repeat;
	min-height: 468px !important;
  background-size: cover;
	background-position: center;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px; 
z-index: -1000;}

.background-stock { background-image: url("../img/background-stock.jpg"); background-repeat: no-repeat;
	min-height: 468px !important;
  background-size: cover;
	background-position: center;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px; 
z-index: -1000;}




.div-wrapper {
    position: relative;
    width: 100%;
	min-height: 268px !important;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.div-wrapper img {
    position: absolute;
    left: 0;
    bottom: 0;
	
}



.GAF-List-Blue li {
    list-style-type: disc rgba(41,37,91,1.0);
}

.GAF-Product li {padding-left:0px; margin-left:-20px; margin-bottom:10px; font-family: 'Open Sans', sans-serif; font-weight: 300;}
.GAF-Product p {font-family: 'Open Sans', sans-serif; font-weight: 300;}
.GAF-Product h3 { margin-bottom: 25px; color:rgba(159,189,51,1.0);}

/*h1 {font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 700;}
*/
h1 {font-family: 'Shadows Into Light', cursive, sans-serif; font-weight: 400; padding-bottom:20px; font-size: 3.5em; color:rgba(41,37,91,1.0);}
h2 {font-family: 'Shadows Into Light', cursive, sans-serif; font-weight: 400; padding-bottom:20px; font-size: 3.5em; color:grey;}
h4 {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 400; color:rgba(41,37,91,1.0);}
h5 {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 300; color:rgba(159,189,51,1.0); text-transform: uppercase; letter-spacing: 1px;}

/*PRE HEADER*/
/*.preheader {background-color: rgba(0,166,225,1.0); height: 30px; margin-top:0px; padding-top:2px; }
.preheader .custompreheader {color: #ffffff; font-size: 0.75em; text-align: center; position: relative; padding-top:2px;}
.left {text-align:left;}
.right {text-align:right;}*/


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 0rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 518px !important;
  background-color: #777;
}
.carousel-item > img {
  position: center !important;
  top: 0;
  left: 0;
  width: cover;
  height: 518px !important;
}

/* TESTIMONIAL */

.testimonial {margin-top:75px; margin-bottom:75px;}
.testimonial h6 {color:rgba(41,37,91,1.0); line-height: 1.4em; font-size: 2em}
.testimonial p {font-family: 'Shadows Into Light', cursive, sans-serif; font-weight: 400;}


/* OUTLETS */
.outlets h3 {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 700; color:rgba(41,37,91,1.0);}



/* ANIMATION */
 .slideanim {visibility:hidden;}
  .test {
    animation-name: test;
    -webkit-animation-name: test;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
  }
  @keyframes test {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes test {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }


/* FOOTER */
#footer {background-image: url("../img/footer blue curve.svg"); background-repeat: no-repeat-y; background-size: contain; min-width: 100% !important; height: 200px; bottom:0px; }


	.div-main {
    /*position: relative;*/
    height: 300px;
    min-width: 100% !important;
}

.div-main img {
    position: absolute;
    left: 0;
    bottom: 0;
}





/*PRE FOOTER*/
.prefooter {/*background-color: rgba(41,37,91,1.0);*/ min-height: 60px !important; margin-top:0px; padding-top:20px; padding-bottom:20px; }
.prefooter .customprefooter {color: #ffffff; font-size: 0.75em; text-align: center; position: relative; padding-top:2px;  }
.left {text-align:left;}
.right {text-align:right;}
#prefooter { /*background-image: url("img/footer blue curve.svg");*/ background-color:rgba(159,189,51,1.0); background-repeat: no-repeat; background-size: 100% !important;}
.prefooter dl { margin-left: 0px; text-align: left;}
.prefooter dt {}
.prefooter dd { padding-top:5px; padding-bottom: 3px;}
.prefooter dd:last-child {/*border-bottom: 1px solid rgba(255,255,255,0.5); padding-bottom: 10px;*/ padding-bottom:20px;}
.prefooter a:link {text-decoration: underline; color: rgba(255,255,255,1.0);}
.prefooter a:visited {text-decoration: none; color: rgba(255,255,255,1.0);}
.prefooter a:active {text-decoration: none; color: rgba(41,37,91,1.0);}
.prefooter a:hover {text-decoration: none; color: rgba(159,189,51,1.0);}



/*POST FOOTER*/
.postfooter {background-color: rgba(161,144,76,1.0); min-height: 40px !important;}
.postfooter .custompostfooter {color: rgba(255,255,255,1.0); font-size: 0.75em; text-align: left !important; position: relative; padding-top:10px; letter-spacing: 0.025em;}
.left {text-align:left;}
.right {text-align:right;}


.customtopmainimage {
	background: url(../img/home-image-main.png);
  background-repeat: no-repeat;
	height: 518px !important;
  background-size: cover;
	background-position: center !important;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px;
}
.GAF-z-index {	
	height: 518px !important;


z-index: 999;
}

.customtoppageimage {
	background: url(../img/home-image-main.jpg);
  background-repeat: no-repeat;
	height: 308px !important;
  background-size: cover;
	background-position: center !important;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px;
}

.card {border-top-right-radius:0;
border-bottom-right-radius:0;
border-top-left-radius:0;
	border-bottom-left-radius:0;}

.card-header {background-color: rgba(200,200,200,0.3) ;}



/* DEFAULT STYLING */
a{color:rgba(159,189,51,1.0);text-decoration:underline;background-color:transparent;-webkit-text-decoration-skip:objects}
a:hover{color:rgba(159,189,51,0.5);text-decoration:none}
a:active{color:rgba(159,189,51,0.5);text-decoration:none}
a:vistied{color:rgba(41,37,91,0.7);text-decoration:none}
a:not([href]):not([tabindex]){color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus{outline:0}

.custom-link a {color: red !important;}
.custom-link a:link { color:rgb(183,146,0); border-bottom: 1px solid rgb(183,146,0);}
.custom-link a:hover { color:rgb(159,189,51); text-decoration:none;}
.custom-link a:active { color:rgb(159,189,51); text-decoration:none; border-bottom: 1px solid rgba(159,189,51)}


.customcontent h1 {font-weight: 300; color: rgba(41,37,91,1.0); text-align: center; padding-bottom:15px;}
.customcontent h2 {font-weight: 300; color: rgba(145,145,145,1.0); text-align: center; padding-bottom:20px;}
.customcontent p { text-align:center;padding-bottom:15px;}

.custom-list-bullet li { list-style-type:circle; }

.customsponsor {text-align:center;}

.customquote {background-color: rgba(41,37,91,1.0); color:#ffffff; text-align:center; padding-top:30px; padding-bottom:30px;}

.custom-card {padding:20px; border:none; font-size: 0.85em;}

#about {padding-top:20px;}
#farm {padding-top:20px;}
#milk {padding-top:20px;}
#outlets {padding-top:20px;}
#vision {padding-top:20px;}
#ourjourney {padding-top:20px;}
#contactus {padding-top:20px;}

/* HERO IMAGE */

h1 {font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 500; font-size: 36px;}
h3 {font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 300; font-size: 21px;}


/*Specific Cases*/

.btn.btn-custom-lg,
.btn.btn-custom-sm,
.btn.btn-custom-xs {
  border-radius: 0;
}
/*Global*/

.btn.btn-square {
  border-radius: 0;
}
.btn.btn-GAF {font-size: 14px; text-align:center; border:none; text-decoration: none; }
.btn.btn-GAF-grey { background-color: rgba(216,217,218,1.0); color:#272727;}
.btn.btn-GAF-grey a:hover { background-color: rgb(118,117,112); color:#272727;}
.btn.btn-GAF-grey a:active { background-color: rgb(118,117,112); color:#272727;}

.btn.btn-GAF-blue { background-color: rgba(0,166,225,1.0); color:#ffffff; }
.btn.btn-GAF-blue a:hover { background-color: rgba(0,166,225,0.5); color:#272727; border:none; }
.btn.btn-GAF-blue {border:none;}


.btn.btn-GAF-green { background-color: rgba(159,189,51,1.0); color:#ffffff; }
.btn.btn-GAF-green a:hover { background-color: rgba(159,189,51,0.5); color:#272727; }
.btn.btn-GAF-green {border:none;}



/* NAVIGATION CUSTOMISATION*/

/*.customnav {
margin-top:30px;
}*/

/* MAIN BAR STYLES */
.navbar {
	/*background-color: transparent !important;*/
	background-color: rgba(255,255,255,0.9);
	/*height: 60px;*/
	font-size: 1.3em;
	font-family:'Shadows Into Light', cursive, sans-serif; font-weight: 400;
	/*letter-spacing: 1px;*/
}

.navbar .navbar-brand {
	
}

.navbar .navbar-nav {
	margin: 0 auto;
	
}

.navbar .nav-item a { text-decoration: none; 
}

.navbar .nav-item a:active{
	color: rgba(41,37,91,1.0);
}

.navbar .nav-item a:link{
	margin:auto 0;
	color: rgba(118,117,112,1.0);
	padding-right: 10px ;
	padding-left: 10px ;
}
.navbar .nav-item a:visited {
		color: rgba(118,117,112,1.0) !important;
	font-weight: 400;
}
.navbar .nav-item a:hover {
	color: rgba(41,37,91,1.0) !important;
	font-weight: 400;
}



.navbar .dropdown-menu {
	background-color: rgba(0,0,0,0.4);
}

.dropdown-item:hover {
	background-color: rgba(0,0,0,0.4);
}

.navbar form button {
	color:#686666;
	background-color: #ffffff;
	border:0;
}

.navbar form button:hover {
	color:#ffffff;
	background-color: #686666;
}

.navbar form button:link {
	color:#ffffff;
	background-color: #686666;
}

.navbar form button .active {
  color:#ffffff;
	background-color: #686666;}

.navbar-dark-text {color: #777777;}

.now { color:rgba(159,189,51,1.0); }


/* HAMBURGER STYLES DROPDOWN */
.navbar-collapse { margin-top:20px; text-align: center;}
.navbar-collapse li {padding-top:3px; padding-bottom:3px;}

/* HAMBURGER STYLES */
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(41,37,91,0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgba(0,174,239,0.0);
} 


/* TAB NAV STYLING */
.nav-tabs {border:none;}

.nav-tabs a {
	border-bottom:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
padding:/*T*/15px /*R*/15px /*B*/5px /*L*/15px;
height: 50px;
}

.nav-tabs a:active{
	color: rgba(41,37,91,1.0);}

.nav-tabs a:link{
	margin:auto 0;
	color: rgba(0,166,225,1.0);
	
}

.nav-tabs a:hover {
	color: rgba(41,37,91,1.0) !important;
	font-weight: 600;
	text-decoration: none;
	
}

.tab-pane {border:none;}

/* TAB  STYLING */
.tab-content h3 { color: rgba(41,37,91,1.0) !important;}
.tab-content h4 { color: rgba(41,37,91,1.0) !important;}


/* BACK TO TOP */
#backtotop {
  display: none;
  position: fixed;
  bottom: 0px;
  right: 40px;
  z-index: 151;
  font-size: 14px;
  border: none;
  outline: none;
  background-color: rgba(0,166,225,1.0);
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 0px;
	width: 60px;
		height:40px;
}

#backtotop:hover {
  background-color: rgba(159,189,51,1.0);color: #ffffff;
}


/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
	right:0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	z-index: 150;
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 12px 16px 12px 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}


/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: rgba(159,189,51,1.0);
}

.contact {
  background-color: rgba(0,166,225,1.0);
  color: #ffffff;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}


.customBlog h1 { color: rgba(41,37,91,1.0); font-weight: 400; font-family: 'Roboto', sans-serif;}
.customBlog h2 { color: rgba(0,166,225,1.0); font-weight: 400; font-family: 'Roboto', sans-serif;}
.customBlog h3 { color: rgba(41,37,91,1.0); font-weight: 300;}
.customBlog h4 { color: rgba(0,166,225,1.0); font-weight: 300;}
.customBlog h5 { color: rgba(216,217,218,1.0); font-weight: 600;}
.customBlog h6 { color: rgba(216,217,218,1.0);font-weight: 600;}
.customBlog p {font-family: 'Open Sans', sans-serif; font-weight: 300;}
.customBlog ul {font-family: 'Open Sans', sans-serif; font-weight: 300;}
.customBlog li {padding-bottom:14px;}

.showsomething {display:none;}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 40em) {
  #preheader {display: none;}	
	.customnav {margin-top:0px;}
	.customtopmainimage {margin-top:-30px;}
	.customcontent h1 {font-size: 1.4em; font-weight: 700;}
	.customcontent h2 {font-size: 1.1em;}
	.customcontentheader {padding-right:20px; padding-left:20px; }
	.shownothing {display:	none;}
	.showsomething {display:block; height: 30%;}
	/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
	left: 0px;
  bottom: 0;
  -webkit-transform: translateY(66%);
  -ms-transform: translateY(66%);
  transform: translateY(66%);
	z-index: 150;
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}
	
	/* FOOTER */
#footer {background-image: url("../img/footer blue curve.svg"); background-repeat: no-repeat; background-size: contain; min-width: 100% !important; height: 200px; position: absolute;
    left: 0;
    bottom: 0; }
	
	.background-image { background-image: url("../img/background-main.jpg"); background-repeat: no-repeat;
	max-height: 248px !important;
  background-size: cover;
	background-position: center;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px; 
z-index: -1000;}

.background-image-graze { background-image: url("../img/background-main-grazing.jpg"); background-repeat: no-repeat;
	max-height: 248px !important;
  background-size: cover;
	background-position: center;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px; 
z-index: -1000;}

.background-icecream { background-image: url("../img/background-icecream.jpg"); background-repeat: no-repeat;
	max-height: 248px !important;
  background-size: cover;
	background-position: center;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px; 
z-index: -1000;}


.background-image-stay { background-image: url("../img/background-stay.jpg"); background-repeat: no-repeat;
	max-height: 248px !important;
  background-size: cover;
	background-position: center;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px; 
z-index: -1000;}

.background-image-shop { background-image: url("../img/background-shop.jpg"); background-repeat: no-repeat;
	max-height: 248px !important;
  background-size: cover;
	background-position: center;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px; 
z-index: -1000;}

.background-stock { background-image: url("../img/background-stock.jpg"); background-repeat: no-repeat;
	max-height: 248px !important;
  background-size: cover;
	background-position: center;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 0px; 
z-index: -1000;}

	.div-wrapper {
    position: relative;
    width: 100%;
	min-height: 28px !important;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.div-wrapper img {
    position: absolute;
    left: 0;
    bottom: 0;
	
}

}



@media (max-width: 62em) {
	#preheader {display: none;}
	.customnav {margin-top:0px;}
	.customtopmainimage {margin-top:-30px;}
	.shownothing {display:	none;}
	.showsomething {display:block; height: 30%}
	/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
	left: 0px;
  bottom: 0px;
  -webkit-transform: translateY(80%);
  -ms-transform: translateY(80%);
  transform: translateY(80%);
	z-index: 150;
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
	width:50px;
}
/* FOOTER */
#footer {background-image: url("../img/footer blue curve.svg"); background-repeat: no-repeat; background-size: contain; min-width: 100% !important; height: 200px; }
	
	.div-footer {
    position: relative;
    height: 300px;
    min-width: 100% !important;
}

.div-footer img {
    position: absolute;
    left: 0;
    bottom: 0;
}
	
		/* MAIN */
#header {background-image: url("../img/footer blue curve white.svg"); background-repeat: no-repeat; background-size: contain; min-width: 100% !important; height: 200px; position: absolute;
    left: 0;
    bottom: 0; }


	.div-main {
    position: relative;
    height: 300px;
    min-width: 100% !important;
}

.div-main img {
    position: absolute;
    left: 0;
    bottom: 0;
}
	
}