/*
Theme Name: dairy-farms-nz
Author: Wired
Author URI: https://www.wired.co.nz/
*/

@media screen
{

 /* Links. */
 #addresses a:link, #addresses a:visited, #footer a:link, #footer a:visited, #navbottom a:link, #navbottom a:visited { color:#fff; }

 /* Links (active/hover). */
 #addresses a:link:active, #addresses a:link:hover, #addresses a:visited:active, #addresses a:visited:hover, #footer a:link:active, #footer a:link:hover, #footer a:visited:active, #footer a:visited:hover, #navbottom a:link:active, #navbottom a:link:hover, #navbottom a:visited:active, #navbottom a:visited:hover { color:#ccc; }

 /* [shared settings] */
 #addresses p:last-of-type, #footer p, #navbottom ul li ul, #navbottom ul, .highlights h2, .highlights p, quote h2 { margin:0; }
 #addresses, #footer, .highlights { color:#fff; }
 #footer, #navbottom { background:#2065b0; }
 .callout img, .light-block .col-60p img { box-shadow:0.1em 0.1em 0.5em #333; height:auto; width:100%; }

 /* Addresses. */
 #addresses .container { display:table; }
 #addresses .logo { margin-top:9px; max-width:300px; }
 #addresses img { height:auto; width:100%; }
 #addresses p { float:left; margin:0 5em 0 0; }
 #addresses { background:#18406b; border-top:1px solid #75a0ce; padding:20px 0; }

 /* Footer. */
 #footer { border-top:1px solid #75a0ce; font-size:12px; padding:1.5em 3em; }
 #footer p { float:left;}

/* Bottom nav. */
 #navbottom ul li li { border:0; float:none; font:normal 16px 'open sans',sans-serif; line-height:1.25; padding:0; text-transform:none; width:100%; }
 #navbottom ul li li, #navbottom ul li li:first-child { margin:0.5em 0 0; }
 #navbottom ul li { border-left:1px dashed #6c9acb; float:left; font:bold 1.25em bitter,serif; margin:0 0 0 1.5em; padding:0 0 0 1.5em; text-transform:uppercase; width:calc(20% - 3em - 1px); } /* Top-level -- Left-border = height-match each lower-level */
 #navbottom ul li:first-child { border:0; margin:0; padding:0; } /* Top-level -- No border on first */
 #navbottom ul { list-style:none; }
 #navbottom { margin-top:4em; padding:0 0 2em; }
 #navbottom:before { background:url(image/navbottom-top.png) no-repeat; background-size:100%; content:''; display:block; height:87px; }

/* Site by Wired. */
 #footer p#sitebywired { float:right; }

 /* Highlights. */
 .highlights .col-half { border-bottom:1px dashed #b3c682; padding-bottom:1.35em; text-align:left; }
 .highlights .container { max-width:76em; padding-left:8.5em; padding-right:8.5em; }
 .highlights h3 + p { padding:0 0 0 124px; }
 .highlights h3 { border-top:1px dashed #b3c682; padding:1.25em 0 0; }
 .highlights h3#drainage:before { background-position:-200px 0; }
 .highlights h3#irrigation:before { background-position:-300px 0; }
 .highlights h3#leasing:before { background-position:-300px -100px; }
 .highlights h3#pasture:before { background-position:-200px -200px; }
 .highlights h3#soil:before { background-position:-200px -100px; }
 .highlights h3#valueadded:before { background-position:-300px -200px; }
 .highlights h3:before { background-image:url(image/icons.png); background-repeat:no-repeat; border-radius:50%; content:''; display:block; float:left; height:94px; margin:0 1.5em 0 0; width:94px; }
 .highlights { background-color:#8ca841; margin-top:2em; padding:2em; text-align:center; }
 .highlights:after { background-image:url(image/highlight-bottom.png); background-position:bottom; margin:0 -2em -2em; }
 .highlights:after, .highlights:before { background-repeat:no-repeat; background-size:100%; content:''; display:block; height:87px; }
 .highlights:before { background-image:url(image/highlight-top.png); margin:-2em -2em 0; }

 /* Quote. */
 .quote { background:#eee url(image/quote.png); height:calc(236px - 5.5em); margin:4em auto 0; padding:4.2em 2em 1em 2em; text-align:center; width:calc(832px - 4em); }
 
 /* Links. */
 #banner a:link.button, #banner a:visited.button { background:url(image/button-banner.png) no-repeat; display:block; font-family:bitter,serif; font-weight:bold; height:28px; padding:12px 23px 14px 29px; position:relative; text-shadow:none; width:148px; }

 #content a:link.button, #content a:visited.button  { background-color:#8ca841; color:#fff; display:inline-block; font-family:bitter,serif; font-weight:bold; height:20px; padding:15px 23px 15px 29px; position:relative; text-shadow:none;}
 #content a:link.button:after, #content a:visited.button:after, #content a:link.button:before, #content a:visited.button:before { content:''; display:block; height:50px; position:absolute; top:0; width:0; height:0; border-style:solid; border-width:25px 0 25px 16px; }
 #content a:link.button:before, #content a:visited.button:before { right:-16px; border-color:transparent transparent transparent #8ca841; }
 #content a:link.button:after, #content a:visited.button:after  { left:0; border-color:transparent transparent transparent #fff; }
 
 /* Links (active/hover). */
 #content a:link:active.button, #content a:link:hover.button, #content a:visited:active.button, #content a:visited:hover.button { background:#2065b0; }
 #content a:link:active.button:after, #content a:link:hover.button:after, #content a:visited:active.button:after, #content a:visited:hover.button:after { background-position:-13px -46px; }
 #content a:link:active.button:before, #content a:link:hover.button:before, #content a:visited:active.button:before, #content a:visited:hover.button:before { background-position:0 -46px; }

  #content a:hover.button:before { border-color:transparent transparent transparent #2065b0; transition:0.3s;}
 
 
 
 /* Other. */
 
 @keyframes slideInFromRight {
  0% { transform: translateX(50%); }
  150% { transform: translateX(0); }
}

 #banner { background-color:#8ca841; background-position:right bottom; background-repeat:no-repeat; background-size:cover; color:#fff; height:457px; overflow:hidden; margin-bottom:30px; position:relative; z-index:3; }
 #banner .container { overflow:visible; position:relative;}
 #banner .container:after { animation:0.7s ease-out 0s 1 slideInFromRight; content:url("image/banner-overlay.png"); height:100%; position:absolute; top:0; left:-1750px; width:100%; z-index:-1; }
 #banner p { font-size:1.25em; }
 #bannercontent { margin:-1em -2.25em; max-width:28em; padding:7em 4.5em; text-shadow:0.1em 0.1em 0.2em #333; z-index:8; }
 .page-template-default #banner .container #bannercontent, .page-template-page-people-profile #banner .container #bannercontent, .page-template-page-our-people  #banner .container #bannercontent{ padding:5em 4.5em;}
 .callout { padding:2em; }
 .foogallery-container { background:#ececec; margin:26px 0!important; padding:22px 24px!important;}
 .col-third .features em strong { line-height:1; }
 .col-third .features em { font-style:normal; line-height:1.1; padding:0.5em calc(0.75em + 50px) 0 1.25em; width:calc(100% - 2em - 150px); }
 .col-third .features em, .col-third .features p:before { display:block; float:left; }
 .col-third .features p { background-image:url(image/feature-right.png); background-position:center right; background-repeat:no-repeat; margin:0.3em 0; padding:15px 0 15px 1.75em; }
 .col-third .features p#features-area:before { background-position:-400px -100px; }
 .col-third .features p#features-buildings:before { background-position:-500px -100px; }
 .col-third .features p#features-herd:before { background-position:-400px -200px; }
 .col-third .features p#features-milk:before { background-position:-500px 0; }
 .col-third .features p#features-shed-h:before { background-position:-500px -200px; }
 .col-third .features p#features-shed:before { background-position:-400px 0; }
 
 .col-third .features p:after { clear:both; content:''; display:block; }
 .col-third .features p:before { background-color:#fff; background-image:url(image/icons.png); border-radius:50%; height:100px; width:100px; }
 .col-third .features p:before { background-repeat:no-repeat; content:''; }
 .col-third img, .col-40p img, .col-60p img { height:auto; width:100%; }
 .col-60p a, .col-40p a { background:#ededee; display:block; margin:0 0 2px 0; max-width:720px; padding:20px; }
 .container { padding:1em 2.25em; }
 .features #features-area strong:before { background-position:0 -100px; }
 .features #features-buildings strong:before { background-position:-100px -100px; }
 .features #features-herd strong:before { background-position:0 -200px; }
 .features #features-milk strong:before { background-position:-100px 0; }
 .features p#features-homes:before { background-position:-605px -202px; }
 .features { margin-bottom:20px; margin-top:-25px;}
 .col-third .features { margin-top:0;}
 .features .container p strong:before { background-image:url(image/icons.png); height:100px; margin:0 auto 0.125em; width:100px; }
 .features .container p strong:before, .features .container p:after { background-repeat:no-repeat; content:''; display:block; }
 .features .container p strong:before { background-image:url(image/icons.png); }
 .features .container p { margin:0 1.25% 0 0; padding:2em 2.25em; text-align:center; width:calc(19% - 4.5em); }
 .features .container p:after { background-image:url(image/feature-bottom.png); background-position:center; height:73px; margin:0 -2.25em -2em; width:calc(100% + 4.5em); }
 .features .container p:last-of-type { margin:0; }
 .mapcontainer, p.image { padding:24px; }
 ul.page-sub-menu { display:none; }
 .col-twothirds .col-third p { background:#ededed; margin:0 0 0.5em 0; padding:22px 24px;}
 .col-twothirds .col-third p img{ border:4px solid #fff; margin-left:-2px;}
 hr { border:0; border-bottom:2px dotted #dcdcdc; clear:both; margin:30px 0; background:#fff;}
 
 .farm-map { background:#dfedf2; margin:0; padding:20px 24px; position:relative; }
 .farm-map p {margin:4px 0 0 0;}
 .farm-map img { border:4px solid #fff; height:auto; margin-left:-2px; width:100%;}
 .farm-map .farm-address { background:#fff; padding:30px; position:absolute; left:24px; top:70px; width:300px;}
 .farm-map .farm-address:before, .farm-map .farm-address:after { content:""; display:block; width:0; height:0; border-style:solid; position:absolute; right:-40px;}
 .farm-map .farm-address:before {  border-width:55px 40px 0 0; border-color:#ffffff transparent transparent transparent; top:0;} 
 .farm-map .farm-address:after {  border-width:55px 0 0 40px; border-color:transparent transparent transparent #ffffff; bottom:0;} 
 .farm-map .farm-address h3 { font-size:24px; margin:0; }
 .farm-map .farm-address p { font-size:16px; font-weight:bold; margin:0;}
 
  /* Links. */
 a:link, a:visited { color:#2065b0; text-decoration:none; }
 #banner a:link.button, #banner a:visited.button { font-family:bitter,serif; font-weight:bold; white-space:nowrap; }
 #menu-main a:link, #menu-main a:visited { padding:6px; }

 /* Links (active/hover). */
 a:link:active, a:link:hover, a:visited:active, a:visited:hover { color:#8ca841; transition:0.3s; }
 #menu-main .current_page_item a:link, #menu-main .current_page_item a:visited, #menu-main a:link:active, #menu-main a:link:hover, #menu-main a:visited:active, #menu-main a:visited:hover, #menu-main .current-menu-parent a:link, #menu-main .current-menu-parent a:link { border-bottom:2px solid #8ca841; }

 /* Other. */
 #header img, .col-third img { height:auto; width:100%; }
 #header input[type='checkbox'].nav-trigger, #header input[type='checkbox'].nav-trigger + label { display:none; }
 #header p { max-width:448px; }
 #header p, #header ul.menu li ul.sub-menu li, body, .callout h2, h1 { margin:0; }
 #header ul li { margin:0 0 1em 1em; position:relative; }
 #header ul li, .col-half, .col-third, .col-twothirds, .features .container p { float:left; }
 #header ul { float:right; list-style:none; margin:2.5em 0 0; text-transform:uppercase; z-index:999; }
 #header ul.menu li ul.sub-menu li { border:0; display:block; font-size:15px; float:none; max-height:0; min-height:0; overflow:hidden; padding:0; transition:0.5s;}
 #header ul.menu li:hover ul.sub-menu li, #header ul li:active ul.sub-menu li { border-bottom:1px solid #fff; max-height:auto; min-height:40px; transition:0.5s; }
 #header ul.menu li:hover ul.sub-menu, #header ul.menu li:active ul.sub-menu { border:1px solid #fff; height:auto; min-height:60px; }
 #header ul.menu li:hover ul.sub-menu:before { background:#8ca841; content:''; height:2px; position:absolute; top:-3px; }
 #header ul.sub-menu li a:link, #header ul.sub-menu li a:visited { background:#8ca841; border-bottom:none; color:#fff; display:block; padding:10px 12px; text-transform:none; }
 #header ul.sub-menu li a:hover, #header ul.sub-menu li a:active { background:#6c840a;}
 #header ul.sub-menu li:after { display:none; }
 #header ul.sub-menu li:last-child { border-bottom:0;}
 #header ul.sub-menu { border:0; margin:8px 0 0 -1px; min-width:256px; padding:0; position:absolute; transition:0.5s; z-index:9; }
 .callout, p.image { background-color:#eee; }
 .clear { clear:both; }
 
 .light-block { background:#dfedf2; margin:auto; margin-bottom:80px; margin-top:60px; max-width:1000px; padding:40px 50px; position:relative;}
 .light-block:before, .light-block:after { background-image:url(image/light-block-frame.png); content:""; display:block; position:absolute; left:0; width:100%;}
 .light-block:before { height:42px; top:-40px; }
 .light-block:after { background-position:0 -42px; bottom:-56px; height:58px; }
 .light-block label { font:bold 1em bitter,serif;}
 .light-block input[type='text'], .light-block input[type='email'],  .light-block textarea { border:1px solid #bbc4c9; font-size:18px; margin:2px 0 8px 0; padding:10px 4%; width:92%; }
 .light-block span.btn input[type='submit'] { background-color:#8ca841; border:none; color:#fff; cursor:pointer; display:inline-block; font-family:bitter,serif; font-size:20px; font-weight:bold; line-height:20px; padding:20px 30px 20px 46px; }
 .light-block hr { border-bottom:2px dotted #fff; margin:30px 0 20px 0; background:#dfedf2;}
 .light-block span.btn { background-color:#8ca841; display:inline-block; height:60px; position:relative;}
 .light-block span.btn:before, .light-block span.btn:after  { content:''; display:block; height:60px; position:absolute; top:0; width:0; height: 0; border-style:solid; border-width:30px 0 30px 16px;}
 .light-block span.btn:before { left:0; border-color:transparent transparent transparent #dfedf2; }
 .light-block span.btn:after { right:-16px; border-color:transparent transparent transparent #8ca841;}
 
 .people-profile-wrap h2 { margin-top:0; margin:auto; max-width:1100px; text-transform:uppercase;}
 .people-profile-wrap h2 span { font-family:'open sans',sans-serif; font-weight:normal; text-transform:none; }
 .people-profile-wrap p { margin:0 0 0.75em 0;}
 .people-profile-wrap img { border:8px solid #fff; margin-bottom:20px; margin-left:-4px; }
 
 ul.people-profiles { list-style:none; margin:auto; margin-top:20px; max-width:1050px; padding:0; text-align:center; }
 ul.people-profiles li { background:#dfedf2; display:inline-block; margin:0 3px 35px 3px; padding:20px; position:relative; width:300px; }
 ul.people-profiles li:after { background:url(image/light-block-frame.png) 0 -42px; content:""; display:block; height:30px; position:absolute; left:0; bottom:-20px; width:100%;}
 ul.people-profiles li img { border:6px solid #fff; height:auto; margin-left:-3px; width:100%; }
 ul.people-profiles li h3 { margin-top:0; line-height:1.0em; text-align:left; text-transform:uppercase;}
 ul.people-profiles li h3 span { display:block; font-family:'open sans',sans-serif; font-size:0.8em; font-weight:normal; text-transform:none; }
 ul.people-profiles a:link, ul.people-profiles a:visited { color:#2c2e30;}
 ul.people-profiles a:hover, ul.people-profiles a:active { color:#2065b0!important;}
 
 ul.pdf-downloads { border-top:1px dotted #ccc; list-style:none; margin:20px 0; padding:0; }
 ul.pdf-downloads li { border-bottom:1px dotted #ccc; margin:0; padding:0; position:relative; text-align:left;}
 ul.pdf-downloads li:hover { background:#dfedf2;}
 ul.pdf-downloads li a:before { background:url(image/pdf-icon.png) 0 0; content:""; display:block; height:90px; position:absolute; top:9px; left:4px; width:90px;  }
 ul.pdf-downloads li a:link, ul.pdf-downloads li a:visited { display:block; font-family:bitter,serif; font-size:20px; padding:30px 0 30px 109px; }
 ul.pdf-downloads li a span{font-family:'open sans',sans-serif; font-size:16px;}
 
 ul.our-people { list-style:none; margin:25px 0; padding:0; text-align:center; }
 ul.our-people li { background:#efefef; display:inline-block; margin:5px; padding:130px 20px 100px 20px; position:relative; width:250px; }
 ul.our-people li:before { background:url(image/icons.png) -598px 0 no-repeat #fff; border-radius:50%; content:""; display:block; margin-left:-48px; position:absolute; top:20px; left:50%; height:96px; width:96px; }
 ul.our-people li:after { content:""; position:absolute; bottom:0; left:0; width:0; height:0; border-style:solid; border-width:0 145px 60px 145px; border-color:transparent transparent #ffffff transparent;}
 ul.our-people li h2 { font-size:24px;}
 ul.our-people li h2:after { content:"Come meet the team"; display:block; font-family:'open sans',sans-serif; font-size:16px; font-weight:normal; }
 ul.our-people li a:link, ul.our-people li a:visited { background:#8ca841; border-radius:20px; color:#fff; display:inline-block; font-family:bitter,serif; font-size:18px; font-weight:bold; padding:10px 25px 8px 25px; }
 ul.our-people li a:active, ul.our-people li a:hover { background:#2065b0;}

 .center-lone-col ul.pdf-downloads li { padding-left:20%;}
 .center-lone-col ul.pdf-downloads li a:before {left:20%;} 
 
 table { border-bottom:1px solid #dfedf2; border-collapse:collapse; margin:5px 0; width:100%;}
 table tr:nth-child(odd){background:#f4f4f4;}
 table tr:nth-child(even){background:#f9f9f9;}
 table tr:first-child { background:#dfedf2; font-weight:bold; }
 table tr td{ border-bottom:1px solid #fff; border-right:1px solid #fff; padding:8px; }
 
 .wpcf7-not-valid-tip { background:#db0000; color:#fff; font-family:'open sans',sans-serif; display:block; font-size:12px; margin:-8px 0 0 0; padding:5px 9px;}
 
 .container { margin:0 auto; max-width:89em; }
 .features p strong, h1, h2, h3 { font-family:bitter,serif; }
 .features p, .mapcontainer { background:#dfedf2; }
 .map, p.image img { border:4px solid #fff; height:auto; width:100%; }
 .mapcontainer, p { margin:0.75em 0 0; }
 .nowrap { white-space:nowrap; }
 .page-template-default #banner, .page-template-page-people-profile  #banner, .page-template-page-our-people #banner{ background-image:url(image/banner-our-farms.jpg); height:300px;}
 .page-template-default #banner .container:after, .page-template-page-people-profile #banner .container:after, .page-template-page-our-people  #banner .container:after{ top:-80px;}
 .page-template-page-home #banner { background-image:url(image/banner-home.jpg); }
 
 body { background:#fff; color:#333; }
 body, ul { font-size:16px; font-family:'open sans',sans-serif; padding:0; }
 h1 { font-size:2.5em; }
 h2 { font-size:1.75em; margin:0 0 12px 0; }
 li { margin:0.5em 0 0; }
 p + h2 { padding:1.4em 0 0; }
 p.image, h3 { font-size:1.25em; margin:1.25em 0 0; }
 ul { margin:0 0 0 2em; }
 .alignright  { float:right; }
 
 .col-half { width:48.5%; }
 .col-half:nth-child(odd), .col-third { margin-right:3%; }
 .col-third { width:32%; }
 .col-twothirds { width:65%; }
 .col-60p, .col-40p { float:left;}
 .col-60p { margin-right:4%; width:58%; }
 .col-40p { width:38%; }
 
 .col-40p .callout { overflow:hidden; max-width:700px; padding:30px 30px 80px 30px; position:relative;}
 .col-40p .callout h4{ margin-top:0;  }
 .col-40p .callout:after {  background:url(image/quote.png) -31px -185px no-repeat; content: ""; position:absolute; bottom:0; left:0; display:block; width:100%; height:50px; }

 .page-template-default .col-half { padding-bottom:20px;}
 .page-template-default .col-half  img { height:auto; width:100%;}
 .center-lone-col, .screen-reader-response, .wpcf7-response-output, .wpcf7-validation-errors { margin:auto; max-width:800px; text-align:center; }
 .features p strong { font-size:3em; } /* Full-size text */
 
 .wpcf7-validation-errors {color:#db0000; }
 .screen-reader-response ul { display:none; }
 img.big-pic { height:auto; margin:auto; max-width:1000px; width:100%;}
 .aligncenter { text-align:center;}

 /* media queries] */
 
/* (C) 0 to 1300 overwrite */
@media screen and (max-width:1300px)
{
#header { padding:0;}
#header p { position:absolute; top:20px; left:50%; margin-left:-224px; }
#header ul { float:none; margin:auto; margin-bottom:20px; margin-top:150px; text-align:center;}
#header ul li { display:inline-block; float:none; }
#addresses .logo { display:none;}
.highlights .col-half { border:none; padding:0; } /* No border or bottom-padding (avoid double-up between divs when second is below first, since "col-half" no longer has width set) */
.features p strong { font-size:2em; } /* Small text */
.col-third .features p:before { display:none;}
.col-third .features p { padding-right:40px;}
.col-third .features em { padding:0; width:auto;}
}

/* (C) 0 to 1000 overwrite */
@media screen and (max-width:1000px)
{
.features .container p { height:80px; margin-bottom:9px; overflow:hidden; padding:1.5em 15% 1.0em 0; position:relative; text-align:left; width:85%;}
.features .container p:after { height:100px; margin:0; -ms-transform:rotate(270deg); -webkit-transform:rotate(270deg); transform:rotate(270deg); position:absolute; top:15px; right:-60px; width:140px;}
.features .container p strong:before { float:left; margin:-19px 20px 0 20px;}
.features .container p#features-milk strong:before { margin-top:-17px;}
.features .container p#features-buildings strong:before { margin-top:-30px;}
.col-third .features p:before { display:block;}
.col-third .features em { padding:0.5em 40px 0.5em 20px;}
.quote { background-image:none; height:auto; margin-left:0; margin-right:0; padding:1em 2em 3em 2em; width:calc(100% - 4em); }
 .callout { margin-top:2em; }
 .col-half { width:100%; }
 .col-half:nth-child(odd), .col-third { margin-right:0; }
 .col-third { width:100%; }
 .col-twothirds { width:100%; }
 .col-60p, .col-40p { margin-right:0; width:100%;}
}


/* (C) 0 to 799 overwrite */
@media screen and (max-width:799px)
{
 /* Links. */
 #menu-main a:link, #menu-main a:visited, #menu-main .current_page_item a:link, #menu-main .current_page_item a:visited, #menu-main a:link:active, #menu-main a:link:hover, #menu-main a:visited:active, #menu-main a:visited:hover { border-bottom:none; color:#fff; display:block; padding:9px 6px; }

 /* Other. */
 #banner { height:357px; }
 #banner .container:after { top:-50px; }
 #bannercontent { margin:0; max-width:none; padding:2.25em; }
 
 .page-template-default #banner, .page-template-page-people-profile  #banner, .page-template-page-our-people #banner { height:auto;}
 .page-template-default #banner .container:after, .page-template-page-people-profile  #banner .container:after, .page-template-page-our-people #banner:after, .page-template-page-our-people  #banner .container:after { top:-140px;}
 .page-template-default #banner .container #bannercontent, .page-template-page-people-profile #banner .container #bannercontent, .page-template-page-our-people  #banner .container #bannercontent { padding:1.5em 1em;}
  
 #header {height:120px; }
 #header input[type='checkbox'].nav-trigger + label { background:url(image/icons.png) -845px 0 no-repeat; cursor:pointer; display:block; height:50px; padding:0; position:absolute; text-align:left; width:56px; z-index:999; }
 #header input[type='checkbox'].nav-trigger:checked + label { background:url(image/icons.png) -788px 0 no-repeat; height:40px;}
 #header input[type='checkbox'].nav-trigger:checked + label ~ ul.menu { display:block; top:-150px; }
 #header p { float:right; position:relative; top:20px; left:0; margin-left:0; margin-right:20px; width:350px; }
 #header ul.menu li { background:rgba(145,169,62,1); border-bottom:1px solid #fff; display:block; float:none; margin:0; width:100%; }
 #header ul.menu li:active ul.sub-menu, #header ul.menu li:hover ul.sub-menu { display:none; }
 #header ul.menu li:active, #header ul.menu li:hover { background:rgba(108,132,10,1); }
 #header ul.menu { float:none; left:0; position:absolute; top:-999px; transition:0.3s; width:100%; z-index:99; }
 .callout { padding:1em; }
 .container { padding:1.125em; }
 .features p { margin:0.75em 0.75em 0 0; min-height:4.5em; padding:1.5em; }
 
 ul.page-sub-menu { display:block;}
 .mapcontainer, p.image { padding:12px; }
 ul.page-sub-menu li a:link, ul.page-sub-menu li a:visited { background:#8ca841; border-radius:20px; color:#fff; display:block; padding:5px 15px;}
 ul.page-sub-menu li.current_page_item a:link, ul.page-sub-menu li.current_page_item a:visited { background:#2065b0;}
 ul.page-sub-menu li { display:inline-block; list-style:none; margin:0 -2px 3px 0; padding:0;}
 ul.page-sub-menu { margin:-20px 0 20px 0; padding:0;}
 
 .page-template-page-our-people ul.page-sub-menu { display:none;}

 #addresses p { float:none; margin:0 0 0.75em; text-align:center; } /* No float; bottom-margin */
 #footer { padding:1.5em; } /* Reduced horizontal padding */
 #navbottom:before { height:50px;}
 #navbottom .container { padding-top:0; }
 #navbottom ul {border-top:1px dashed #6c9acb; }
 #navbottom ul li, #navbottom ul li:first-child, #navbottom ul li:last-child { border-bottom:1px dashed #6c9acb; border-left:none; border-right:none; float:none; font-size:1.0em; margin:0; padding:0.3em; text-align:center; width:auto; } 
 #navbottom ul ul, #navbottom ul li li { display:none; } /* Hide lower-levels */
 #navbottom { padding:0; }
  
 .highlights .container { max-width:none; padding-left:2.25em; padding-right:2.25em; } /* No max-width; default padding for "container" class */
 .highlights h3 { text-align:center;}
 .highlights h3 + p { padding:0; text-align:center;} /* No padding */
 .highlights h3:before { display:none; } /* Hide icons */
 
  ul.our-people li { display:block; padding:20px; width:auto; }
  ul.our-people li:before, ul.our-people li:after { display:none; }
  
 .center-lone-col ul.pdf-downloads li { padding-left:0;}
 .center-lone-col ul.pdf-downloads li a:before {left:4px;} 
}


/* (C) 0 to 550 overwrite */
@media screen and (max-width:550px)
{
#banner { height:auto; }
#bannercontent { padding:1em; }
#bannercontent h1 { font-size:2.0em;}
.highlights .container { padding:0;}
.highlights:after, .highlights:before { height:50px;}
.light-block { padding:20px 25px;}

.farm-map { padding:10px 4%; }
.farm-map p { padding-top:60px;}
.farm-map .farm-address { padding:10px; left:12px; top:14px; width:auto;}
.farm-map .farm-address:before, .farm-map .farm-address:after { display:none;} 
.farm-map .farm-address h3 { font-size:18px; }
.farm-map .farm-address p { font-size:14px; padding-top:0;}

#footer p#sitebywired, #footer p { float:none; text-align:center;}

table.dividend tr:first-child, table.dividend-history tr:first-child { display:none; }

table.dividend tr td:nth-child(1):before { content:"Ordinary shares: ";}
table.dividend tr td:nth-child(2):before { content:"Record date: ";}
table.dividend tr td:nth-child(3):before { content:"Payment date: ";}

table.dividend tr td, table.dividend-history tr td{ display:block; padding:4px; }
table.dividend tr td:nth-child(1), table.dividend-history tr td:nth-child(1) { background:#dfedf2;}
table.dividend-history tr td:nth-child(2):before { content:"CPS: ";}
table.dividend-history tr td:nth-child(3):before { content:"Imputation Credits (CPS): ";}
table.dividend-history tr td:nth-child(4):before { content:"DPR Price: ";}
table.dividend-history tr td:nth-child(5):before { content:"Date Paid: ";}
table.dividend-history tr td:nth-child(1), table.dividend-history tr td:nth-child(2):before, table.dividend-history tr td:nth-child(3):before, table.dividend-history tr td:nth-child(4):before, table.dividend-history tr td:nth-child(5):before, table.dividend tr td:nth-child(1):before, table.dividend tr td:nth-child(2):before, table.dividend tr td:nth-child(3):before { font-weight:bold;}


.page-template-default #banner .container:after, .page-template-page-people-profile  #banner .container:after, .page-template-page-our-people #banner:after, .page-template-page-our-people  #banner .container:after { top:0;}


}


/* (C) 0 to 450 overwrite */
@media screen and (max-width:450px)
{
#header {height:auto; }
#header p { float:none; margin:0; padding:15px 15px 15px 70px; top:0; width:auto; }
#bannercontent { padding:0.5em;}
.features .container p { height:auto; padding:0.5em 15% 0.5em 5%; width:80%;}
.features .container p:after, .features .container p strong:before, .col-third .features p:before { display:none;}
.col-third .features p { background-image:none; padding-left:1.5em;}
.col-third .features em { padding:0; width:auto;}
 ul.people-profiles li { width:80%; }
 ul.pdf-downloads li a:before { display:none; }
 ul.pdf-downloads li a:link, ul.pdf-downloads li a:visited { padding:25px 0 25px 20px; }
}