/*
Theme Name:Natures
Theme URI:http://www.viewport.co.za
Author:John Mc / Brendan P
Author URI:http://www.viewport.co.za
Description:Natures garden custom theme development
Version:1.0
*/

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}



body {background:white; color:#444; font-size:100%; font-family:'Montserrat', Helvetica, Arial, sans-serif; font-stretch:normal; text-rendering:optimizeLegibility !important; -webkit-font-smoothing:antialiased !important; -webkit-text-size-adjust:none;}
* { box-sizing:border-box;}



h1, h2, h3, h4, h5, h6 {color:#111; line-height:125%; letter-spacing:1px; font-weight:700; padding:0.5em 0; text-transform:uppercase;}
h1 {font-size:250%; letter-spacing:2px; position:relative;}
h2 {font-size:200%; position:relative; letter-spacing:2px;}
     h1:after, h2:after {content:''; background:black; height:3px; width:50px; display:bold; position:absolute; bottom:-3px; left:45%; left:calc(50% - 25px);}
h3 {font-size:150%;}
h4 {font-size:125%; font-family:'Baskervville', serif; font-style:italic; text-transform:none; font-weight:400;  padding:1em 0;}
h5 {font-size:90%; color:#666; padding:3em 0;}
h6 {font-size:75%; }
p {line-height:150%; padding:0.5em 0;}
em {font-style:italic; font-family:'Baskervville', serif;}
strong {font-weight:700;}
small{font-size:80%;}

	@media screen and (max-width:1024px){
		h1 {font-size:200%; letter-spacing:1px;}
		h2 {font-size:160%; letter-spacing:1px;}
		h3 {font-size:140%;}
		h4 {font-size:115%;}
		
	}

/* Images */   
img {max-width:100%;}

/* Buttons/Links */
a, a:hover, .burger, #tabs li, input[type=submit] {-webkit-transition:all 0.25s ease; -moz-transition:all 0.25s ease; -ms-transition:all 0.25s ease; -o-transition:all 0.25s ease; transition:all 0.25s ease}    
a {text-decoration:none; color:#222; }
a:hover {color:#79992a}
.btn, input[type=submit] {border:1px solid black; color:#222; text-transform:uppercase; font-weight:700; cursor:pointer; outline:none; padding:1.25em 1em !important; background:transparent; display:inline-block; text-align:center; }  
     .btn:hover, input[type=submit]:hover {color:white; background:black; border-color:#222; opacity:1 !important;}






/* Header */ 
header {width:100%; position:relative; z-index:100;}
    header #logo {float:left; z-index:100;}
     
     
     @media screen and (min-width:1025px) {
          header {position:fixed; top:0px; left:0px; padding:1.5em 2em; background-color:white; transition:all 0.5s ease;}
          header.sticky {background-color:white;}
          header #logo {height:65px;}
               header #logo img {height:65px;}    
      }
     @media screen and (max-width:1024px) {
          header {padding:0em;}
          header #logo {height:55px; padding:0.5em 1em 0;}
               header #logo img {height:55px;}    
      } 
            
          
     /* Desktop Menu */            
     @media screen and (min-width:1025px){         
          .desktopMenu {position:relative; z-index:100; float:right; clear:right; margin:15px 0 0; font-size:90%}
          .desktopMenu ul {list-style-type:none; margin:0; padding:0; position:static; z-index:100; float:right; text-transform:uppercase; letter-spacing:1px; font-weight:700;}
               .desktopMenu li {display:inline-block; float:left; position:relative; z-index:100;}
               .desktopMenu li a {display:block; height:40px; padding:0 1em; line-height:40px; color:#111; text-decoration:none; text-shadow:0 0 5px rgba(255,255,255,1);}
                  .desktopMenu li.current-menu-item:after {content:''; background:black; height:3px; width:30%; display:bold; position:absolute; bottom:-3px; left:35%;}
               .desktopMenu li.current-menu-item:hover a {background:white; color:#111;}
                  .desktopMenu li:hover a {background:white;}
               .desktopMenu li:hover ul a {background:white; font-weight:400;}
               .desktopMenu li:hover ul a:hover {background:#f5f5f5;}
               .desktopMenu li ul {position:absolute; top:40px; left:0px; display:none; z-index:100; box-shadow:0 1px 1px 0 rgba(0,0,0,0.3);}
               .desktopMenu li ul li {display:block; float:none; position:relative; z-index:100;} 
               .desktopMenu li ul li a {width:auto; min-width:200px; height:auto; padding:1em; line-height:125%;}  
               .desktopMenu ul li a:hover + .sub-menu, .desktopMenu .sub-menu:hover {display:block} 
               .desktopMenu li.current-menu-item li:after {display:none !important;}
			   
          .mobileMenu {display:none;}        
     }
          
     /* Mobile Menu */             
     @media screen and (max-width:1024px){
          header {float:left; width:100%;}   
          .mobileMenu {}         
          .mobileMenu ul {list-style-type:none; margin:0; padding:0; position:static; text-transform:uppercase;}
          .desktopMenu, .mobileMenu ul {display:none}
          .mobileMenu li {margin:0; border-top:1px solid #ddd; display:inline-block; float:left; position:relative; }
          .mobileMenu li ul {display:none; font-size:100%;}
          .mobileMenu ul li, .mobileMenu li a {width:100%; }
          .mobileMenu li a {display:block; font-weight:700; background:white; color:#222; text-decoration:none; padding:1em; letter-spacing:1px;}
          .mobileMenu .show-menu {font-size:32px; cursor:pointer; text-decoration:none; color:#222; padding:0 0.5em; height:75px; width:auto; line-height:75px; text-indent:0; display:inline-block; float:right; text-align:center;} 
          .mobileMenu .show-menu.open {background:#79992a; color:white;}                     
          .mobileMenu li:hover a, .mobileMenu li:hover ul a {background:#79992a; color:white;}
          .mobileMenu li li {display:block; float:none; border:0;}
          .mobileMenu li li a {padding:0.5em 2em 1em; font-weight:normal;}                
          .mobileMenu ul li a:hover + .sub-menu, .mobileMenu .sub-menu:hover {display:block;}
          .mobileMenu input[type=checkbox] {display:none;-webkit-appearance:none}
          .mobileMenu input[type=checkbox]:checked ~ #menu {display:block}
     }         
     
     
     




/* Home Banner */ 
.home-banner {width:100%; display:block; position:relative; clear:both; z-index:1;}
     
.home-banner .copy {position:absolute; left:10%; top:0; text-align:center; z-index:5; width:80%; height:100%; color:white; text-shadow:0 1px 2px rgba(0,0,0,0.5);}   
     .home-banner .centerit {position:absolute; width:100%; padding:0; top:50%; transform:translateY(-50%);}
     .home-banner .copy h1 {color:white; font-size:375%; line-height:110%; text-transform:uppercase; font-weight:bold; display:inline-block; padding:0; margin-bottom:0.5em; letter-spacing:0.05em;}
     .home-banner .copy h1:after {display:none;}
     .home-banner .copy h4 {padding:0; font-size:225%; line-height:100%; font-style:italic; font-weight:bold; color:white;}
	 .home-banner .copy i {font-size:60px; color:white; display:inline-block; margin:0.5em 0 0;}
	 	.home-banner .copy a {opacity:1; color:white; -webkit-transition:all 0.25s ease; -moz-transition:all 0.25s ease; transition:all 0.25s ease}
		.home-banner .copy a:hover {opacity:0.75;}
		.home-banner .dark h1, .home-banner .dark a {color:#111; text-shadow:none; }
		
    @media screen and (max-width:1024px) {
        .home-banner .copy h1 {font-size:275%;}
    }     
	@media screen and (min-width:768px) {
        .scroll-down {position:absolute; z-index:10; bottom:0px; left:0px; width:100%; display:block; text-align:center; color:white; font-size:50px; background:rgba(0,0,0,0.4);}     
		
	}
    @media screen and (max-width:767px) {
        .scroll-down {display:none;}     
		
		  .home-banner .copy h1 {font-size:200%; line-height:100%;}
	      .home-banner .copy h4 {font-size:150%; line-height:100%;}

     }    
    
     




/* Farmer Banner */ 
.shortcodeContain {margin:0 auto; max-width:1200px; padding:4em 0;}        
.farmer-banner, .imgStretch {width:100%; display:block; position:relative; clear:both; z-index:1;}
     .farmer-banner img, .imgStretch img {width:100%;}
     .farmer-banner .close {position:absolute; z-index:2; top:1.5em; left:2em;}
          .farmer-banner .close a {color:white; font-size:350%;}
      
          /* Shortcodes */
          .imgStretch {padding:4em 0; float:left;}          
          .imgLeft, .imgRight {display:block; clear:both; position:relative; width:100%; float:left;}
          .shortcodeContain img {width:100%;}
          .shortcodeContain .copy {height:100%; width:40%; position:absolute; top:0px; text-align:center;}
                .shortcodeContain .copy .centerit {position:absolute; width:100%; padding:0; top:50%; transform:translateY(-50%);}
                .shortcodeContain .copy h1, .shortcodeContain .copy h2 {padding-top:0;}
                    .shortcodeContain .copy h2 {margin-bottom:0.5em;}
                    .shortcodeContain .copy p {text-align:left;}
          .shortcodeContain .image {width:50%;}
          
          .imgLeft .image {float:left;}
          .imgLeft .copy {right:4.5%;}
          
          .imgRight .copy {left:4.5%;}        
          .imgRight .image {float:right;}      
      
    @media screen and (max-width:1024px) {
          .farmer-banner .close a {font-size:300%;}
            .shortcodeContain {padding:2em 0;}        
            
             .imgLeft, .imgRight {float:none; margin:0 auto;}
            .shortcodeContain .image {width:auto;}
          .shortcodeContain .copy, .shortcodeContain .copy .centerit {height:auto; padding:0 1em; width:auto; position:relative; top:auto; transform:none; text-align:center;}
            .shortcodeContain .copy p {text-align:center;}
            .imgRight .image, .imgLeft .image {float:none; padding:1em;}
          .imgLeft .copy {right:0;}          
          .imgRight .copy {left:0;} 
    }
    @media screen and (max-width:767px) {
          .farmer-banner .close {top:1em; left:1.5em;}
          .farmer-banner .close a {font-size:250%;}
    }     
          
     
     





/* Farmer Banner */ 
.banner {width:100%; display:block; position:relative; clear:both; z-index:1;}
     .banner img {width:100%;}
      .banner .copy {height:100%; width:100%; position:absolute; top:0px; text-align:center; text-shadow:0 1px 2px rgba(0,0,0,0.3);}
      .banner .copy .centerit {position:absolute; width:100%; padding:0; top:50%; transform:translateY(-50%);}
      .banner .copy h1 {color:white; font-size:300%; text-transform:uppercase; font-weight:bold; display:inline-block; border:3px solid white; padding:0.3em 0.6em; margin:0; }
      .banner .copy h1:after {display:none;}
	  
	@media screen and (min-width:1025px) {
		 .banner {margin-top:110px;}
	}
	@media screen and (max-width:1024px){
        .banner .copy h1 {font-size:250%;}  		
  	}
  	@media screen and (max-width:767px){
        .banner .copy h1 {font-size:175%;}  		
  	}
          




     
     
/* Blockquotes */
blockquote {margin:1em auto; max-width:70%;}
blockquote:before {content:'\201C'; font-size:2em; color:#222;}
blockquote:after {content:'\201D'; font-size:2em; color:#222;}
blockquote p {display:inline; font-family:'Baskervville', serif; color:#222; font-size:175%;}
     
     




/* Content Areas */
.contain {margin:0 auto; max-width:1200px;} 
.wide {margin:0;}  
.wrapper {margin:0 auto; max-width:1000px;} 
.content {display:block; clear:both; margin:0 auto; padding:2em; text-align:center; position:relative;}
.content.farmer-landing {padding:2em 0;}
     
     @media screen and (min-width:1025px) {
          .contain, .wide {margin-top:110px;}
		  .contain.nomargintop {margin-top:0;}
     }
     @media screen and (max-width:1024px) {
          .content {padding:1em;}          
     }
    
     






/* Column Shortcodes */    
.content-column {text-align:left;}






/* Lists */
.content ul {list-style:disc; padding:0 1em 1em; line-height:150%;}
	.content ul li {list-style:disc; margin:0.75em;}	
.content ol {list-style:decimal; padding:1em 2em; line-height:150%;}
	.content ol li {list-style:decimal; margin:0.75em;}



     

/* Blog Banner */ 
.blog-banner {width:100%; display:block; position:relative; clear:both; z-index:1; margin:0; text-align:center;}

	@media screen and (min-width:1025px) {
		.blog-banner {margin-top:110px;}
	}

     /* FlexSlider Necessary Styles */ 
     .flexslider .slides > li {display:none; -webkit-backface-visibility:hidden}
     .flexslider .slides img {width:100%; display:block; }
     .flex-pauseplay span {text-transform:capitalize}
     .slides:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0} 
     html[xmlns] .slides {display:block} 
     * html .slides {height:1%}
     .no-js .slides > li:first-child {display:block}

     /* FlexSlider Theme */
     .flexslider {display:block; width:100%; margin:0; clear:both; position:relative; zoom:1}
     .flex-viewport {min-height:150px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease}
     .flexslider .slides {zoom:1}
     .loading .flexslider {position:relative;}
      .loading .flexslider:after {content:"\f1ce"; font-size:50px; font-family:FontAwesome !important; color:white; display:inline-block; width:60px; height:60px; position:absolute; top:48%; left:48%; }

     /* Direction Nav */
     .flex-direction-nav {*height:0}
     .flex-direction-nav a {width:50px; height:50px; margin:0; display:block; position:absolute; left:0px; top:43%; z-index:10; cursor:pointer; text-indent:-9999px; -webkit-transition:all .5s ease; opacity:0; }
     .flexslider:hover .flex-direction-nav a {opacity:1;}   
     .flex-direction-nav .flex-prev {left:0px; }
     .flex-direction-nav .flex-next {left:auto; right:0px; }
          .flex-direction-nav .flex-prev:after, .flex-direction-nav .flex-next:after {text-indent:0; font-size:50px; content:'\f104'; text-align:center; display:inline-block; width:50px; height:50px; position:absolute; z-index:10; top:0px; right:0px; color:white; font-family:FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif !important; text-shadow:0 1px 2px rgba(0,0,0,0.25);}
          .flex-direction-nav .flex-next:after {content:'\f105';}

     /* Control Nav
     .flex-control-nav {position:absolute; z-index:2; bottom:20px; left:0px; width:100%; text-align:center;}
     .flex-control-nav li {margin:0 8px; display:inline-block; zoom:1; *display:inline}
     .flex-control-paging li a {width:12px; height:12px; display:block; background:transparent; cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; border-radius:20px; border:2px solid white;}
     .flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background:white; }
     .flex-control-paging li a.flex-active { cursor:default; } */
	  .flex-control-nav {display:none;}

     /* Slide Elements */
     .slides li {position:relative; z-index:1; max-height:600px; overflow:hidden;}
.home-banner .slides li{max-height:inherit}
     /* Slideshow Copy */
     .slides li .copy {position:absolute; text-align:center; z-index:5; left:10%; top:0; width:80%; height:100%; color:white; text-shadow:1px 1px 3px rgba(0,0,0,0.5);}         
          .slides li .copy .centerit {position:absolute; width:100%; padding:0; top:75%; transform:translateY(-75%);}
          .slides li .copy h2 {color:white; padding:0.25em; font-weight:700; font-size:250%;}
		  	.slides li .copy h2:after {display:none;}  
          .slides li .copy p {padding:0; font-size:130%; line-height:125%; font-style:italic; font-family:'Baskervville', serif;}
     
          @media screen and (max-width:1024px) {
               .slides li .copy h2 {font-size:250%;}
          }
          @media screen and (max-width:767px) {
               .slides li .copy h2 {font-size:175%;}
          }
          @media screen and (max-width:580px) {
               .slides li .copy {width:70%; left:15%;}
               .slides li .copy .centerit {top:55%; transform:translateY(-50%);}
               .slides li .copy h2 {font-size:150%;}
               .flex-control-nav {display:none;}
          }
             
     
     

     

/* Blog Feed (Home Page) */
.blog-feed {width:100%; display:block; clear:both; text-align:center; padding:0;}
.blog-feed h2 {position:relative;}
.blog-feed h2:after {content:''; background:black; height:3px; width:2%; display:bold; position:absolute; bottom:0px; left:49%;}
     .blog-feed article {display:inline-block; width:30%; margin:1.5em 1.5%; background:#eee;}
     .blog-feed article div {position:relative; z-index:1; }
          .blog-feed article img {z-index:1;}
          .blog-feed article .copy {display:inline-block; text-align:left; width:100%; height:65px; overflow:hidden; position:absolute; bottom:0px; left:0px; background:#eee; z-index:2; transition:all 0.4s ease;}
          .blog-feed article .height {height:65px; display:block;}
		  .blog-feed article:hover .copy { height:210px;}
		  		
               .blog-feed article .copy h3 {padding:12px 15px 0; font-size:100%; line-height:100%;}
			   .blog-feed article .copy h4 {padding:10px 15px 0; font-size:80%; line-height:100%;}
               .blog-feed article .copy p {margin:0 15px; position:relative; padding-top:1em;}
          .blog-feed article .date {display:block; clear:both; text-align:right; padding:20px; color:#222; font-size:85%; border-top:1px solid #ccc;} 
               .more {text-align:right; clear:both; display:block; padding:1em 0;}

     @media screen and (min-width:1025px) {
          .blog-feed article {float:left; width:31%; margin:1.5em 3.5% 1.5em 0; }
          .blog-feed article:nth-of-type(3n) {margin-right:0; }
     }
     @media screen and (min-width:768px) and (max-width:1240px) {
          .blog-feed article, blog-feed article:nth-of-type(3n) {float:left; width:30.33%; margin:1em 1.5%; }
     }
     @media screen and (max-width:900px) {
          .blog-feed article, blog-feed article:nth-of-type(3n) {float:left; width:45%; margin:1em 2.5%; }
          .more {text-align:center; padding:1em 2.5% 0;}
     }
     @media screen and (max-width:640px) {
          .blog-feed article, blog-feed article:nth-of-type(3n) {float:none; width:auto; margin:1em 2.5%; }
     }
   
   
   
   
   
/* Blog Elements */
.content.blog-article {margin:0; max-width:100% !important; text-align:center; padding:2em 0;} 	 
	.content.blog-article img {width:100%;}
.content.blog-article .full_width {margin:0 auto; width:auto !important; float:none !important; max-width:1000px; display:block; clear:both;} 
	.content.blog-article .full_width  img {width:auto;} 
	
.content.blog-article blockquote {margin:1.5em auto; max-width:100%; text-align:center;}   
.content.blog-article section {font-family:'Baskervville', serif; text-align:left;}    
.comments-area {display:block; clear:both; padding:2em 0;}
.comment-form {padding:0; max-width:500px; margin:0 auto;}
.comment-form p {text-align:left;}
	.comment-form label {font-weight:bold; color:black; text-align:left;}
	.form-submit {text-align:center;}
		.form-submit input {margin:0 auto; display:inline-block;}
		
       @media screen and (min-width:1025px) {
		   .content.blog-article {margin-top:110px;}
	   }
       @media screen and (max-width:767px) {
		   .content.blog-article .full_width {padding:0 2em;} 
		  
	   }
		
		

/* Farmers */    
.our-farmers {margin:0; padding:5em 0 3em 0; display:block; clear:both; text-align:center;}
     .our-farmers h3 {padding:0; color:white; margin-bottom:20px; text-shadow:0 1px 2px rgba(0,0,0,0.5);}
     .farmer h4 {margin-bottom:1em; text-shadow:0 1px 2px rgba(0,0,0,0.5);}
          .our-farmers .farmer {margin:0; width:33.33%; float:left; position:relative; z-index:5; overflow:hidden;  background:black;}
          .our-farmers .farmer img, .our-farmers .farmer video {width:100%; float:left; z-index:5; overflow:hidden; transition:all 0.5s ease;}
               .our-farmers .farmer .copy {position:absolute; text-align:center; z-index:10; left:0px; top:0px; width:100%; height:100%; color:white;} 
               .our-farmers .farmer:hover img {opacity:0.45;}
             .our-farmers .farmer .copy .centerit {position:absolute; width:100%; padding:0; top:50%; transform:translateY(-50%);}
                 .our-farmers .farmer .copy .centerit blockquote {margin:0 auto 1em; max-width:100%;}
               .our-farmers .farmer .copy h3 {position:relative; margin:0.5em 0; padding:0.5em 0; font-size:175%;} 
                    .our-farmers .farmer .copy h3:after {content:''; background:white; height:3px; width:34px; display:bold; position:absolute; bottom:-3px; left:45%; left:calc(50% - 17px);}
               .our-farmers .farmer .copy h4 {padding:0.5em 0; margin:0 0 1em; font-size:100%; line-height:100%; font-style:italic; color:white;}                 
          .our-farmers .farmer i {color:white; font-size:2em; margin-bottom:0.5em;}
     .our-farmers .farmer a.btn:hover {color:#222; background:white; border-color:white;}
	 .our-farmers .farmer:last-of-type .copy {display:none;}

    @media screen and (max-width:767px) {
		.our-farmers {padding:2em 0;}
          .our-farmers .farmer {width:50%;}  
          .our-farmers .farmer .copy {top:auto; bottom:0px; width:100%; height:auto; background:rgba(0,0,0,0.5); opacity:1;} 
              .our-farmers .farmer .copy .centerit {position:relative; width:auto; padding:0; top:auto; transform:none;}
              .our-farmers .farmer .copy h4 {margin:0; }                 
                    
    }
    @media screen and (max-width:480px) {
          .our-farmers .farmer {width:auto;}           
    }

   
     
      
     
     
      
/* Embedded Videos */
.videoWidth {max-width:80%;	margin:0 auto; display:block;}
.videoWrapper {position:relative; padding-bottom:56.25%; padding-top:4px; height:0; margin:2em 0;}
     .videoWrapper iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
     .content iframe {margin:1em 0;}
  




/* Video Loops */
::-webkit-media-controls {display:none !important;}
video::-webkit-media-controls {display:none !important;}
video::-webkit-media-controls-enclosure {display:none !important;}
.custom-video-controls {z-index:2147483647;}







/* Range Page */

/* Range Banner */ 
.range-banner {width:100%; display:block; position:relative; clear:both; z-index:1;}
     .range-banner img {width:100%;}
     .range-banner .copy {position:absolute; left:0; top:0; text-align:center; z-index:5; width:100%; height:100%; color:white; text-shadow:0 1px 2px rgba(0,0,0,0.5);}   
          .range-banner .centerit {position:absolute; width:100%; padding:0; top:50%; transform:translateY(-50%);}
          .range-banner .copy h1 {color:white; font-size:300%; display:inline-block; border:3px solid white; padding:0.3em 0.6em; margin:0;}
               .range-banner .copy h1:after {display:none;}

     /* Isotope */
     .button-group {margin:2em 0; }
     .button-group:after {content:''; display:block; clear:both}
          .button {display:inline-block; outline:none; padding:0.5em 1em; font-size:90%; color:#222; letter-spacing:1px; font-weight:700; position:relative; text-transform:uppercase; cursor:pointer;  -webkit-appearance:none; background:white; border:0;}
          .button:active:after, .button.is-checked:after, .button:hover:after {content:''; background:black; height:3px; width:30%; display:bold; position:absolute; bottom:-3px; left:35%;}
          
     /* ---- grid ---- */
     .grid {margin:1em auto;}
          .grid:after {content:''; display:block; clear:both;}
          .grid-item {float:left; position:relative; width:400px; height:400px;}
               .grid-item a {outline:none;}
               .grid-item img {max-width:300px;}
     
	.foodservice, .greens {clear:both; position:relative; }

     @media screen and (min-width:1025px) {
          .range-banner {margin-top:110px;}		  
		  #greens, #foodservice {padding-top:110px;}
	  	.foodservice:before, .greens:before {content:""; height:3px; width:90%; left:5%; top:2em; position:absolute; background:black;}
		  
     }
     @media screen and (max-width:1024px) {
          .range-banner .copy h1 {font-size:250%;}
     }
     @media screen and (max-width:767px) {
          .range-banner .copy h1 {font-size:150%;}
          .button {padding:0.5em;}
          
     }
     







/* Footer */
footer {clear:both; display:block; padding:2em; position:relative; z-index:2;}
	footer div {font-size:14px; line-height:20px; opacity:0.7;}
	footer div:hover {opacity:1;}
     footer .social {float:right; width:200px; text-align:right; min-height:60px; font-size:100%; opacity:1;}
     footer .social a {display:inline-block; padding:0 10px; font-size:200%;}
  
     @media screen and (max-width:767px) {
          footer {text-align:center;}
            footer .social {float:none; width:auto; text-align:center;}     
     }
     





/* Form Elements */ 
input, select, textarea {font-family:'Montserrat', Helvetica, Arial, sans-serif; font-weight:bold;}
input, textarea {background:white; display:block; width:100%; padding:1em 0; margin:0; text-indent:1em; border:1px solid #444; color:black; font-size:100%;}
input[type=checkbox] {padding:0; background:white; width:auto; color:black; display:inline-block; margin-right:10px;}
input[type=submit] {cursor:pointer; width:auto; text-indent:0; outline:none; padding:1.25em 0; background:black; color:white; font-weight:bold;display:block; text-align:center;}
input[type=submit]:hover {text-decoration:none; background:black; color:white;}     
::-webkit-input-placeholder {color:black;}
:-moz-placeholder {color:black;}
::-moz-placeholder {color:black;}
:-ms-input-placeholder {color:black;}

/* Contact Form 7 output */
div.wpcf7-response-output {font-weight:bold; border:0 !important; padding:1em 0 !important; margin:0 !important; color:red;}
div.wpcf7-mail-sent-ok {font-size:150%; color:#79992a; font-weight:bold;}
.wpcf7-not-valid-tip {padding:0.5em;}
form.sent p, form.sent div.column {display:none !important;}

     @media only screen and (min-width:768px) {
          .wpcf7-form .column {width:49%; padding:1em 0; display:inline-block;}
          .wpcf7-form .column.right {float:right;}
     }
     @media only screen and (max-width:767px) {
          .wpcf7-form {text-align:center;}
          .wpcf7-form .column {padding:0 0 1em;}
     }
	 
	 


@media only screen and (min-width:768px) {
	.one_half {padding:0 20px;}
}
@media only screen and (max-width:767px) {
	.one_half {padding:0px; float:none !important; width:auto !important;}
}






.mailchimp {display:block; clear:both; margin:0 auto; max-width:1200px; padding:5em 2em; text-align:center;}
	.mailchimp h2 {margin:0 0 1em; font-size:150%;}
	.mailchimp input {display:inline-block; width:20%; margin:0 5px;}
	.mailchimp span.wpcf7-not-valid-tip {display:inline-block; }
	form .wpcf7-response-output {text-align:center; padding:0 !important;}
	
	@media only screen and (max-width:767px) {
		.mailchimp {padding:1em; text-align:center;}
		.mailchimp input {display:block; width:99%; margin:5px 0;}
	}
	








/* Pagination */	
.pagination {text-align:center; display:block; clear:both; padding:3em 0;}
	.pagination a {font-weight:normal; padding:4px 6px; margin:0; display:inline-block; color:#666; border:1px solid white; text-decoration:none;}
	.pagination a i {margin:0 4px; font-size:75%;}
	.pagination a.prev {float:left; margin:0;}
	.pagination a.next {float:right; margin:0;}
	.pagination a:hover, .pagination a.active {text-decoration:none; color:#222; border:1px solid #222;}
	.pagination a.disabled, .pagination a.disabled:hover {opacity:0.2;}

	@media screen and (max-width:767px) {
		.pagination a {padding:0.2em 0.3em; font-weight:normal; margin:0 1px;}	
		.pagination a.prev:before, .pagination a.next:after {display:none;}
	}	







/* Brendan's Custom Styles */
.mfp-content .copy {display:inline-block; width:50%; text-align:left; margin-right:-5px; vertical-align:middle; }
.mfp-content .copy h2 {font-size:175%; text-align:center; font-weight:400; padding-top:0; margin:0 1em 0.5em 0;}
.mfp-content .copy h4 {padding:0 0 0.5em; margin:0 1em 0 0;}
	.mfp-content .copy h2:after {width:30px; left:calc(50% - 15px);}
	.mfp-content .copy .scroller {max-height:500px; overflow-y:auto; font-size:85%;}
		.scroller p {padding:0.5em 0; line-height:140%;}
		
		/* Table */
		.scroller table, .content table {margin:0.5em 0;}
		.scroller table tr, .content table tr {border-bottom:1px solid #e0e0e0;}
		.scroller th, .scroller td, .content th, .content td {padding:0.6em 0.25em; line-height:120%;}
		.scroller table tr:first-of-type td, .content table tr:first-of-type td {font-weight:bold; vertical-align:bottom;}

.mfp-content .image {display:inline-block; width:50%; text-align:center; margin-right:-5px; vertical-align:middle;}
	.mfp-content .image img {max-width:85%;}


@media all and (max-width:767px) {
	.mfp-content .copy, .mfp-content .image {display:block; width:auto; margin-right:0px; }
	.mfp-content .image img {max-width:40%;}
	.mfp-content .copy .scroller {max-height:1000px;}
	.scroller th, .scroller td {padding:0.4em;}
}



.blog-article table {margin:0.5em auto;}
.full_width table {border:1px solid #e0e0e0; margin:1.5em 0;}
.full_width table th, .full_width table td {padding:0.75em 1em; line-height:120%;}
.full_width table th {font-weight:700; color:#111; }
.full_width table tr:nth-of-type(even) td {background:#fafafa; }
.full_width table tr td:first-of-type {width:30%;}
.full_width table h3 {font-size:100%; letter-spacing:0;}



#home-posts {display:block; width:100%; text-align:center}
#home-posts .home-entry{display:inline-block; width:22%; margin:1em 1%; text-align:left; vertical-align:top}
#home-posts .home-entry img{height:auto}
#home-posts .home-entry .home-entry-description{font-style:italic}
#home-posts .home-entry .home-entry-description h3{font-style:normal; padding:1em 0 0;}
#home-posts .home-entry.middle-post{display:inline-block; width:100%; margin:1em 0; text-align:left; clear:both}
#home-posts .home-entry.middle-post a.image-link{display:table-cell;  width:50%; vertical-align:top; position:relative}
#home-posts .home-entry.middle-post .home-entry-description{display:table-cell; width:50%; vertical-align:middle; padding:5%; }
#home-posts .home-entry.middle-post .home-entry-description p {font-style:normal; font-size:125%; font-style:italic; font-family:'Baskervville', serif; line-height:150%;}

#home-posts .home-entry.middle-post a img{visibility:hidden}
#home-posts .home-entry.middle-post .home-entry-description h3{display:none}
.home-blog h2{margin-top:30px; margin-bottom:30px}
#home-posts .home-entry.middle-post a.image-link{color:#fff!important; text-align:center}
#home-posts .home-entry.middle-post h2{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.5);}
#home-posts .home-entry.middle-post h2:after{background:#fff}
#home-posts .home-entry.middle-post .post-overlay{  position:absolute;  top:50%; left:50%;  transform:translate(-50%, -50%); width:70%; z-index:1}
#home-posts .home-entry.middle-post .post-overlay p {font-size:125%; line-height:150%; color:white; font-weight:bold; font-style:italic; font-family:'Baskervville', serif; ;text-shadow:0 1px 1px rgba(0,0,0,0.5);}
#home-posts h4 {font-size:130%; line-height:100%; padding:0 0 2em;  font-style:italic; }
.home-blog .btn-viewmore, #home-posts .home-entry.middle-post a.readmore {display:inline-block; clear:both; margin:2em auto; padding:0.75em 1.25em; border:1px solid #222; text-align:center; text-transform:uppercase; letter-spacing:1px; font-weight:bold; font-size:125%}
#home-posts .home-entry.middle-post a.readmore {font-size:75%}
	
	.home-blog .btn-viewmore:hover, #home-posts .home-entry.middle-post a.readmore:hover {background:#222; color:white;}
#home-posts .post-date{display:block; font-style:normal; font-weight:bold; color:#222; font-size:90%; text-transform:uppercase; letter-spacing:1px; padding:1em 0 0;}
#home-posts .home-entry.middle-post .post-date{display:none}

@media all and (max-width:767px)  {
	#home-posts .home-entry{width:80%; margin:0 auto; margin-top:15px; margin-bottom:15px}
	#home-posts .home-entry.middle-post a.image-link{width:auto; display:block;margin:0 auto;}
	#home-posts .home-entry.middle-post .home-entry-description{width:80%;margin:0 auto;}
}



/* Covid-19 Notice */
.corona-notice {display:block; text-align:center; padding:1em; border-top:1px solid #ddd; border-top: 4px solid #006532;}
	.corona-notice .image, .corona-notice .numbers {padding:0.5em;}
	.corona-notice .numbers {line-height:160%;}
	.corona-notice .image img {max-width:90%;}
	.corona-notice a {text-decoration:underline;}
	
	@media all and (min-width:768px)  {
		.corona-notice .image, .corona-notice .numbers {display:inline-block; vertical-align:middle;}
		.corona-notice .image, .corona-notice .numbers {padding:1em;}
		.corona-notice .numbers {text-align:left;}
		.corona-notice .numbers a {font-weight:bold;}
	}
	
	
	
/* Policy Pages */
.content.left-align {text-align:left;}
.content.left-align h1 {text-align:center;}	
	
	
	

/* Added by Brendan 3 May 2021 (Home Page Changes) */
.intro {display:block; width:100%; text-align:center; padding:3em;}
	.intro h4 {font-style:italic;}
	
.home-content {display:block; width:100%; text-align:left; max-width:1500px; margin:0 auto;}
.home-content .wp-block-column h2 {text-align:center; padding:1em 0;}
.home-content h2 {text-transform:none; font-family:'Baskervville', serif; font-size:250%; font-weight:400; padding:0 !important;}
.home-content h2 em {text-transform:none;}
.home-content h2:after {display:none;}

.home-content h3 {color:#7d9a2b;}
.home-content .wp-block-column h2:after{display:none;}
.home-content .wp-block-column h4 {text-align:center;}
.home-content p.indent {padding-left:5%;}
.home-content p em {font-family:'Montserrat', Helvetica, Arial, sans-serif; opacity:0.75; font-size:90%;}
.home-content ol, .home-content ul {line-height:150%; margin:0 0 1em 2.5em;}
.home-content ol li, .home-content ul li { text-align:left; margin:0.75em; line-height:150%; font-size:125%;}
.home-content ol {list-style-type:decimal;}
.home-content ol li {list-style-type:decimal;}
.home-content ul {list-style-type:none; margin:0 0 1em 1.5em;}
.home-content ul li {list-style-type:none; }	
.home-content .wp-block-image {text-align:center;}

.darkblock p {color:white !important; letter-spacing:1px; line-height:160%;}

figure.wp-block-image.size-large {text-align:center; position:relative; z-index:1;margin:0;}
figure.wp-block-image.size-large img {height:auto !important;}
.rotate img { max-width:100%;height:auto !important; margin:0 auto; transform: rotate(10deg);}


@media all and (max-width:1024px)  {
	.home-content .wp-block-image.size-full img {height:auto !important;}
	.home-content h3, .home-content p {padding:0.5em 1em;}
	.home-content h2 {font-size:200%;}
	
}








/* Cookie Notice */
.cli-bar-message {font-size:85%;}

footer .by {color:black; opacity:0.05 !important; padding:1em 0 0; font-size:75%;}
footer .by a {color:black;}