/*********************************************************************************************

Project : rwdgrid - responsive grid system for your next project
URI: http://rwdgrid.com/
Version: 1.0
Author: Vineeth G S 
Author URI: http://www.gsvineeth.com
Github URI: https://github.com/gsvineeth/rwdgrid/

**********************************************************************************************

1.  Site Styles            
2.  Page Styles
3.	960px
4.  720px
5.  lt 720px 


**********************************************************************************************/
	
	
/********************************************************************************************* 

1.  SITE STYLES           

*********************************************************************************************/  

@font-face {
    font-family: 'bebas_neuelight';
    src: url('bebasneue_light-webfont.woff2') format('woff2'),
         url('bebasneue_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue_regular-webfont.woff2') format('woff2'),
         url('bebasneue_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neuebold';
    src: url('bebasneue_bold-webfont.woff2') format('woff2'),
         url('bebasneue_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html,body { min-height:100%; }

body{ font-family: 'Fira Sans', sans-serif; font-size:100%; line-height:130%; font-weight:400; margin:0px; padding:0px; background-color:#F2F2F2; color:#4B4B4B; }

h1, h2, h3, h4{ font-family: 'bebas_neuebold'; color:#4B4B4B; font-weight:400; line-height:120%; margin:0px 0px 20px 0px; }
h1{ font-size: 2em; padding-bottom:12px; border-bottom:1px solid #4b4b4b; }
h2{ font-size: 1.75em; }
h3{ font-size: 1.5em; margin-bottom:14px; }
h4{ font-size: 1.25em; }
p{ font-size:0.875em; font-weight:400; line-height:130%; margin:0px 0px 20px 0px; }
strong{ font-weight:700; }
.capitalize{ text-transform:capitalize; }

.grid-12 .grid12banner {width:100%;}
.grid-12 .main-text-content .grid12banner { padding-bottom: 20px;border-bottom: 1px solid #4b4b4b;margin:0px 0px 12px 0px;}

.main-text-content{ background-color:#FFFFFF; padding:26px; margin:0px; min-height:400px; }

.main-text-content img {max-width:100%;height:auto;}

.main-text-content a{ color:#77892a; text-decoration:none; }
.main-text-content a:hover{ text-decoration:none; }
.main-text-content ul, .text-content ol{ margin:20px 12px; padding-left:20px; }
.main-text-content ul li, .main-text-content ol li, .main-text-content li ul li, .main-text-content li ol li{ color:#4b4b4b; font-size:14px; line-height:130%; }

.main-text-content table{ width:100%; margin:20px 0px; font-size:0.875em; border-collapse:collapse; }
.main-text-content table, .main-text-content th, .main-text-content td{ border:1px solid #d4d4d4; }
.main-text-content th{ border:1px solid #77892a; }
.main-text-content table td, .main-text-content table th{ padding:12px; }
.main-text-content table th{ background-color:#77892a; color:#FFFFFF; font-weight:400; text-align:left; }

.pdf-block{ margin:20px 0px 0px 0px; }
.pdf-icon i{ display:inline-block; color:#4b4b4b; font-size:2em; padding-right:8px; }
.pdf-block a{ text-decoration:none; color:#4b4b4b; }
.pdf-text{ display:inline-block; font-weight:700; color:#4b4b4b; font-size:1em; }
.pdf-block a:hover .pdf-icon i, .pdf-block a:hover .pdf-text{ color:#77892a; }

.masthead-fw{ background-color:#FFFFFF; }
.masthead{ position:relative; }
.strapline{ padding:0px 215px 0px 255px; }
.title{ font-family: 'bebas_neuebold'; font-size:4.188em; line-height:120%; padding:26px 0px 0px 0px; color:#77892a; letter-spacing: 2px; }
.sub-title{ font-family: 'bebas_neuebold'; font-size:1.438em; letter-spacing:3.1px; line-height:120%; padding:0px 0px 26px 0px; color:#363635; }

.logo{ position:absolute; top:94px; left:0px; z-index:9999; }
.member-login-small{ display:none; font-family: 'bebas_neueregular';  }
.member-login{ position:absolute; font-family: 'bebas_neueregular'; width:205px; background-color:#F2F2F2; top:0px; right:10px; z-index:99999; }
.member-login-inner{ padding:60px 26px 18px 26px; }
.login-title{ padding:0px 0px 14px 0px; font-family: 'bebas_neuebold'; color:#8A8A8A; font-size:1.425em; line-height:120%; text-align:center; }
.login-input{ border:1px solid #B3B3B3; background-color:#FFFFFF; margin:0px 0px 12px 0px; padding:4px 0px 4px 0px; }
.login-input input{ width:100%; background-color:#FFFFFF; text-align:center; border:none; margin:0px; padding:0px; font-size:20px; line-height:100%; color:#B3B3B3; }
.login-submit{ width:80px; margin:0px auto; }
.login-submit input{ text-align:center; background-color:#77892a; color:#FFFFFF; font-size:1.25em; padding:6px 12px; line-height:100%; cursor:pointer; border:none; width:100%; }

.login-text{ text-align:center; color:#8a8a8a; font-size:0.938em; line-height:120%; padding-bottom:12px; }
.login-link-text a{ text-align:center; color:#8a8a8a; font-size:0.875em; line-height:120%; padding-bottom:12px; text-decoration:none; display:block; }
.login-link-text a:hover{ color:#77892a; }
.logout-link{ text-align:center; }
.logout-link a{ display:inline-block; background-color:#77892a; color:#FFFFFF; font-weight:700; text-align:center; font-size:0.938em; padding:6px 12px; line-height:100%; text-decoration:none; margin:6px 0px 4px 0px; }

.navigation-fw{ background-color:#77892a;background-image:
    linear-gradient(
      #77892a, #5d6c12
    ); }
	
.main-navigation{ padding:0px 215px 0px 255px; font-family: 'bebas_neueregular'; }
.main-navigation > a{ display:none; }
.main-navigation ul{ margin:0px; padding:0px; list-style:none; }
.main-navigation ul li{ float:left; margin:0px; padding:0px; list-style:none; display:block; position:relative; }
.main-navigation > ul > li{ float:left; list-style:none; }
.main-navigation ul > li > a{ float:left; display:block; margin:0px; color:#FFFFFF; font-size:1.375em; letter-spacing: 1px; font-weight:400; line-height:100%; padding:18px 12px 19px 12px; text-decoration:none; }
.main-navigation ul li:first-child a{ padding: 18px 12px 19px 0px; }
.main-navigation ul li:last-child a{ padding:18px 0px 19px 12px; }
.main-navigation a:hover, .main-navigation a.active{ text-decoration:underline; }

.main-navigation li ul.sub-1{ display:none; position:absolute; top:100%; margin-top:0px; z-index:99999; width:180px; left:0; background-color:#77892a;}
.main-navigation li ul.sub-1 li{ right:0px; border-right:none; border-bottom:1px solid #5d6c12; float:none; padding-top:0px; }
.main-navigation li ul.sub-1 li:last-child{ border-bottom:none; }
.main-navigation li ul.sub-1 li a{ padding:12px 16px; float:none; line-height:120%; text-align:left; font-size:1.125em; }
.main-navigation li:hover ul.sub-1{ display:block; left:0; right:0; }

.main-navigation ul.sub-1 li ul.sub-2{ display:none; position:absolute; top:0%; margin-top:0px; z-index:99999; width:180px; left:0; background-color:#77892a;}
.main-navigation ul.sub-1 li ul.sub-2 li{ right:0px; border-right:none; border-left:1px solid #5d6c12; border-bottom:1px solid #5d6c12; float:none; padding-top:0px; }
.main-navigation ul.sub-1 li ul.sub-2 li:last-child{ border-bottom:none; }
.main-navigation ul.sub-1 li ul.sub-2 li a{ padding:12px 16px; line-height:120%; float:none; text-align:left; font-size:1.125em; }
.main-navigation ul.sub-1 li:hover ul.sub-2{ display:block; left:100%; right:0; }

.show-menu { text-decoration: none; color: #FFFFFF; font-size:1.25em; text-align: center; line-height:100%; letter-spacing: 1px; padding: 18px 0px 19px 0px; display: none; cursor:pointer; }
.show-menu:after{ border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #FFFFFF; content: "&darr"; display: inline-block; height: 0; margin-left: 8px; margin-top: 7px; opacity: 1; text-indent: -99999px; vertical-align: top; width: 0; }
.main-navigation input[type=checkbox]{ display: none; }
.main-navigation input[type=checkbox]:checked ~ #menu{ display: block; }

.footer-fw{ background-color:#FFFFFF; /*background-image:url(../buildgfx/footer-grass.png); background-position:left bottom; background-repeat:repeat-x; min-height:102px;*/ }
.footer-cows{ display:none; padding-top:36px; }
.footer-fw-bar{ padding:0px; background-color:#77892a;background-image:
    linear-gradient(
      #77892a, #5d6c12
    ); }
.footer-links ul{ margin:0px; padding:0px; list-style:none; }
.footer-links ul li{ margin:0px; padding:0px; list-style:none; display:block; float:left; }
.footer-links ul li a{ float:left; display:block; color:#FFFFFF; font-family: 'bebas_neueregular'; line-height:120%; font-size:1.375em; text-decoration:none; padding:16px 16px 16px 0px; }
.footer-links ul li a:hover{ text-decoration:underline; }

.footer-fw-content{ background-color:#77892a; padding:24px 0px; }
.footer-title{ font-family: 'bebas_neueregular'; font-size:1.313em; color:#FFFFFF; padding:0px 0px 20px 0px; line-height:120%; }
.footer-title.right{ text-align:right; }
.footer-text, .footer-text.lrg{ font-family: 'bebas_neueregular'; font-size:1.063em; line-height:120%; padding-bottom:6px; color:#FFFFFF; }
.footer-text.lrg{ font-size:1.313em; }
.footer-text a{ color:#FFFFFF; text-decoration:none; }
.footer-text a:hover{ text-decoration:underline; }
.footer-text i{ color:#FFFFFF; padding-right:6px; }
.footer-text.right{ text-align:right; }
.footer-text-block{ padding-left:150px; }
.footer-text-block .footer-text{ line-height:150%; }
.footer-social{ padding-top:20px; }
.footer-social-icon{ display:block; float:left; margin-right:6px; }
.footer-social-icon i{ font-size:3em; color:#FFFFFF; }
.footer-form-half{ width:50%; float:left; }
.footer-input{ background-color:#FFFFFF; margin:0px 6px 6px 0px; padding:5px 8px 3px 8px;  }
.footer-input input, .footer-input textarea{ font-size:13px; line-height:120%; color:#B3B3B3; padding:0px; margin:0px; border:none; width:100%; }
.footer-submit{ margin-right:6px; }
.footer-submit input{ float:right; display:inline-block; background-color:#f2f2f2; color:#9f9f9f; font-size:14px; font-weight:700; line-height:120%; padding:6px 12px; cursor:pointer; border:none; }
.footer-fw-white{ background-color:#FFFFFF; padding:14px 0px 12px 0px; }
.footer-white-text{ font-size:0.813em; color:#4B4B4B; line-height:120%; }
.footer-white-text.right{ text-align:right; }
.footer-white-text a{ color:#4B4B4B; text-decoration:none; }
.footer-white-text a:hover{ text-decoration:underline; }

.as-field{ display:none; }

.left-nav-box-header{ position:relative; background-color:#FFFFFF; border-top-left-radius:22px; -webkit-border-top-left-radius:22px; -moz-border-radius-topleft:22px; }
.left-nav-box-header .box-icon{ display:none; }
.left-nav-box-header .box-title.nav-header{ font-size:1.5em; padding:8px 20px 8px 26px; }

.left-nav-content{ background-color:#FFFFFF; padding:20px 0px; }
.left-nav-content ul{ margin:0px; padding:0px; list-style:none; }
.left-nav-content ul li{ margin:6px 0px 0px 40px; padding:0px; list-style:none; display:block; }
.left-nav-content ul li a{ display:block; font-family: 'bebas_neueregular'; text-decoration:none; padding:0px 26px 6px 0px; margin:0px; line-height:120%; font-size:1.25em; color:#4B4B4B; clear:both; }
.left-nav-content ul li a:hover, .left-nav-content ul li a.active{ color:#77892a; }
.left-nav-content ul li.active a{ color:#77892a; }
.left-nav-content ul li a i{ font-size:10px; padding-right:6px; font-weight:400; display:block; float:left; padding-top:5px; }

.breadcrumb-fw{ background-color:#FFFFFF; padding:18px 0px 14px 0px; }
.breadcrumb-nav{ padding-left:255px; }
.breadcrumb ul{ margin:0px; padding:0px; }
.breadcrumb ul li{ padding:0px 8px 0px 0px; float:left; color:#B3B3B3; font-size:0.875em; list-style:none; }
.breadcrumb ul li a{ display:block;  float:left; color:#B3B3B3; text-decoration:none; }
.breadcrumb ul li a:hover{ color:#77892a; }
.breadcrumb-sep{ padding-left:8px; }

ul.pagination{ margin:26px 0px 0px 0px; padding:0px; }
ul.pagination li { display: inline; font-size:0.875em; list-style-type: none; font-weight:normal; }
ul.pagination li.disabled a { cursor: default; }
ul.pagination li a { display: inline-block; margin-right: 3px; padding: 6px 12px; color:#FFFFFF; text-decoration:none; margin-bottom:36px; }
ul.pagination li.selected a.page { background-color: #77892a; color:#FFFFFF; }
ul.pagination li a.page { background-color: #4B4B4B; color:#FFFFFF; }
ul.pagination li a.page:hover { background-color: #77892a; color:#FFFFFF; }
ul.pagination li a.pagination-previous{ padding-left:0px; }

.back-link a{ display:block; text-transform:lowercase; margin:26px 0px 0px 0px; font-weight:400; color:#b3b3b3; text-decoration:none; font-size:0.875em; }
.back-link a i{ padding-right:4px; }
.back-link a:hover { color:#77892a; }

/********************************************************************************************* 

2.  PAGE STYLES

*********************************************************************************************/  

.slider-fw ul, .slider-fw ul li{ margin:0px; padding:0px; list-style:none; }
.slider-fw{ position:relative; }
.join-now-disc{ position: absolute; z-index: 999; right: 16%; bottom: 12%; }

.green-fw{ background-color:#77892a; border-top:1px solid #5d6c12; border-bottom:1px solid #5d6c12; padding:36px 0px; }
.block a{ display:block; color:#FFFFFF; text-decoration:none; padding:0px 30px; text-align:center; }
.block-title{ display:inline-block; color:#FFFFFF; text-align:center; font-weight:600; font-size:1.125em; line-height:120%; padding-bottom:8px; }
.block-text{ display:block; color:#FFFFFF; text-align:center; font-size:0.938em; line-height:120%; }
.white-border{ display:block; width:50%; height:1px; border-bottom:1px solid #FFFFFF; margin:0px auto 8px auto; }

.green-bar-split .block{ border-right:4px dotted #ffffff; }
.green-bar-split .block.end{ border-right:none; }
.green-bar-split .block a{ text-align: left; padding:0px 30px 0px 20px; }
.green-bar-split .block-title{ text-align:left; font-family: 'bebas_neueregular'; font-size:1.875em; font-weight:400; }
.green-bar-split .block-text{ text-align:left; font-family: 'bebas_neuelight'; font-size:1.375em; color: #b6bf86; }
.green-bar-split .white-border{ display:none; }

.white-fw{ background-color:#FFFFFF; padding:36px 0px; }
.news-header{ text-align:center; font-family: 'bebas_neuebold'; font-size:2.875em; color:#4B4B4B; line-height:120%; font-weight:700; padding:0px 0px 36px 0px; }
.news-image, .case-study-image{ display:block; padding-bottom:14px; }
.news-item{ padding:0px 20px; /*text-align:center;*/ }
.news-item a, .case-study a{ color:#4B4B4B; text-decoration:none; }
.news-item a:hover .news-button, .case-study-item a:hover .case-study-button{ background-color:#4B4B4B; color:#FFFFFF;  }
.news-title, .case-study-title{ display:block; font-family: 'bebas_neuebold'; font-size:1.75em; padding:0px 0px 8px 0px; line-height:120%;}
.news-date, .case-study-date{ display:block; font-family: 'bebas_neuelight'; font-size:1.5em; padding:0px 0px 8px 0px; line-height:120%; }
.news-desc{ display:block; font-size:0.938em; line-height:120%; padding:0px 0px 12px 0px; }
.news-button, .case-study-button{ display:inline-block; font-family: 'bebas_neueregular'; margin:0px auto; background-color:#77892a; color:#FFFFFF; padding:8px 12px; line-height:100%; font-size:1.125em; }
.case-study-button{margin-bottom:20px; }
.grey-border{ display:block; width:50%; height:1px; border-bottom:1px solid #4B4B4B; margin:0px auto 8px auto; }
.news-item .grey-border{ margin:0px 0px 8px 0px;}

.grey-fw{ background-color:#F2F2F2; padding:36px 0px; border-top:1px solid #D4D4D4; border-bottom:1px solid #D4D4D4; }
.box-header{ position:relative; background-color:#FFFFFF; border-top-left-radius:22px; -webkit-border-top-left-radius:22px; -moz-border-radius-topleft:22px; }

/*.box-icon{ position:absolute; width:20px; height:20px; text-align:center; top:-3px; left:0; color:#FFFFFF; font-size:1.25em; background-color:#4B4B4B; border:3px solid #FFFFFF; padding:10px; border-radius: 50%; -webkit-border-top-left-radius:50%; -moz-border-radius-topleft:50%; }*/

.box-icon{ position:absolute; width:86px; height:48px; top:-1px; left:-5px; background-image:url(../buildgfx/nba-logo-2017.png); background-size: contain; background-position:0 0; background-repeat:no-repeat;}

.box-title{ font-family: 'bebas_neueregular'; color:#FFFFFF; padding:8px 20px 8px 90px; margin-left:0px; font-size:1.5em; line-height:120%; font-weight:400; background-color:#77892a;background-image:
    linear-gradient(
      #77892a, #5d6c12
    ); }
.box-title.nav-header{ font-size:1.125em; }
.box-title.nav-header a{ color:#FFFFFF; text-decoration:none; }
.box-content{ background-color:#FFFFFF; padding:26px 26px 12px 26px; }
.event-box-content{ background-color:#FFFFFF; padding:26px 26px 26px 26px; }
.border-full{ display:block; width:100%; height:1px; border-bottom:1px solid #9F9F9F; margin:0px 0px 14px 0px; }
.map img{ margin:0px auto; }

.search-box{ position:absolute; font-family: 'bebas_neueregular'; z-index:9999; width:1200px; margin:0px auto; left:0px; right:0px; top:20px; }
.search-input{ width:650px; margin:0px auto; }
.box-header.search{ background-color:transparent; border-top-left-radius:0px; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; float:left; width:28%; }
.box-header.search .box-title{ font-weight:400; padding:6px 20px 7px 90px; }
.box-header.search .box-title input{ border:none; background:transparent; color:#FFFFFF; font-size:20px; font-weight:400; padding:0px; margin:0px; }
.search-input-field{ float:left; width:72%; }
.search-input-field-inner{ background-color:#FFFFFF; border:1px solid #B3B3B3; margin:0px; padding:8px; }
.search-input-field-inner input{ width:100%; margin:0px; padding:0px; font-size:20px; line-height:100%; color:#B3B3B3; border:none; }

.box-header.grey{ background-color:#F2F2F2; }
.box-content-grey{ background-color:#F2F2F2; padding:18px 26px; }
.box-content-grey a{ display:block; text-decoration:none; color:#4B4B4B; }
.ferry-text{ display:block; width:54%; float:left; margin-right:6%; }
.ferry-text-content{ display:block; font-family: 'bebas_neuebold'; font-size:1.638em; padding:20px 0px 0px 0px; line-height:120%; }
.ferry-icon{ display:block; width:40%; float:left; }
.sheep-export{ font-size:1em; line-height:140%; }
.home-social{ text-align:center; }
.main-social{ display:inline-block; margin:0px auto; }
.social-icon{ display:inline-block; margin:0px 4px; }
.social-icon a{ display:block; }
.social-icon i{ font-size:4.75em; }
.beef-expo{ display:block; }
.beef-expo img{ margin:0px auto; }

.photo-gallery-row.top{ margin-bottom:16px; } 
.photo-block{ width:31.8%; float:left; }
.photo-block.one{ margin-right:1.5%; }
.photo-block.two{ margin-left:0.75%; margin-right:0.75%; }
.photo-block.three{ margin-left:1.5%; }
.photo-block.green{ background-color:#77892a; color:#FFFFFF; }
.photo-block.green a{ color:#FFFFFF; text-decoration:none; padding: 24px 20px; display:block; }
.photo-icon{ /*display:block; text-align:center; padding-bottom:8px;*/ display:none; }
.photo-icon i{ font-size:2.5em; }
.photo-title{ display:inline-block; color:#FFFFFF; font-family: 'bebas_neueregular'; font-size:1.5em; line-height:120%; padding-bottom:8px;  }
.photo-text{ display:block; color:#FFFFFF; color: #b6bf86; font-family: 'bebas_neuelight'; font-size:1.25em; line-height:120%; padding-bottom:12px; }
.photo-block.green .white-border{ margin:0px 0px 19px 0px; }

.box-total.white{ background-color:#FFFFFF; border-top-left-radius: 22px; -webkit-border-top-left-radius: 22px; -moz-border-radius-topleft: 22px; }
.event-item{ padding-bottom:24px; border-bottom:1px solid #4B4B4B; margin-bottom:18px; }
.event-item.no-border{ padding-bottom:0px; border-bottom:0px; margin-bottom:0px; }
.event-item a{ color:#4B4B4B; text-decoration:none; }
.event-item a:hover .event-more{ background-color:#4B4B4B; color:#FFFFFF; }
.event-title{ display:block; font-family: 'bebas_neueregular'; font-size:1.5em; line-height:120%; padding-bottom:10px; }
.event-date{ display:block; font-size:0.938em; line-height:120%; padding-bottom:16px; font-weight:700; }
.event-more{ display:inline-block; font-family: 'bebas_neueregular'; margin:0px auto; background-color:#77892a; color:#FFFFFF; padding:8px 12px; line-height:100%; font-size:1.125em; font-weight:600; }

.onethird{ width:33.3%; float:left; }
.onehalf{ width:50%; float:left; }
.image-row{ margin:0px 0px 20px 0px; }
.onethird .imageone{ margin-right:4px; }
.onethird .imagetwo{ margin:0px 2px; }
.onethird .imagethree{ margin-left:4px; }
.onehalf .imageone{ margin-right:6px; }
.onehalf .imagethree{ margin-left: 6px; }
.middle{ max-width:620px; margin:0px auto; }
.page-image-caption{ background-color:#f2f2f2; padding:8px; font-size:0.75em; line-height:120%; border-top:2px solid #FFFFFF; }

.list-item{ width:48%; float:left; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #d4d4d4; }
.list-item.even{ margin-right:2%; }
.list-item.odd{ margin-left:2%; }
.list-item a{ color:#4B4B4B; text-decoration:none; }
.list-item a:hover .list-item-read-more{ color:#4B4B4B; }
.list-item-date{ display:block; font-size:0.875em; padding-bottom:8px; line-height:120%; }
.list-item-title{ display:block; font-size:1.5em; padding-bottom:10px; font-family: 'bebas_neueregular'; line-height:120%; }
.list-item-read-more{ display:block; color:#77892a; line-height:120%; font-size:1.125em; font-family: 'bebas_neueregular'; }
.list-item-logo{ display:block; float:left; width:30%; margin-right:2%; }
.list-item-logo-inner{ width:140px; height:120px; display:table-cell; vertical-align:middle; text-align:center; }
.list-item-logo-inner img{ margin:0px auto; }
.list-item-text{ display:block; float:left; width:68%; }
.list-item-bio p{ margin-bottom:0px; padding-bottom:8px; }
.list-item.two{ padding-bottom:12px; }
.list-item-image{ display:block; float:left; width:14%; margin-right:2%; }
.list-item-text2{ display:block; float:left; width:84%; }

.recipe-block{ width:48%; float:left; margin-bottom:20px; }
.recipe-block.even{ margin-right:2%; }
.recipe-block.odd{ margin-left:2%; }
.recipe-block a{ text-decoration:none; }
.recipe-block a:hover .recipe-more{ color:#4b4b4b; }
.recipe-image{ display:block; }
.recipe-text{ display:block; color:#4B4B4B; padding:12px 0px; }
.recipe-title{ display:block; font-size:1.5em; font-family: 'bebas_neueregular'; padding-bottom:8px; line-height:120%; }
.recipe-spec{ display:inline-block; padding:0px 8px 10px 0px; font-size:0.875em; line-height:120%; }
.recipe-more{ display:block; color:#77892a; font-family: 'bebas_neueregular'; line-height:120%; font-size:1.125em;  }
.recipe-image-large{ margin-bottom:20px; }

.supporter-item{ width:25%; float:left; }
.supporter-item-inner{ padding:0px 12px 0px 0px; }
.supporter-logo-wrap{ display:block; width:160px; margin:0px auto; }
.supporter-logo{ width:160px; height:160px; display:table-cell; vertical-align:middle; text-align:center; }
.supporter-logo img{ margin:0px auto; }
.supporter-title{ display:block; font-size:0.875em; font-weight:400; line-height:120%; text-align:center; color:#5b5b5b; padding:6px 0px; }
.clearfloat-big{ clear: both; height: 0; line-height: 0; font-size: 0; }

.link-block{ margin:20px 0px; }
.link-item{ margin-bottom:22px; padding-bottom:10px; border-bottom:1px solid #d4d4d4; }
.link-item a{ color:#4b4b4b; text-decoration:none; }
.link-item a:hover .link-visit{ color:#4b4b4b; }
.link-logo{ float:left; width:20%; margin-right:20px; margin-bottom:12px; }
.link-logo img{ margin:0px auto; }
.link-title{ display:block; font-size:1.5em;font-family: 'bebas_neueregular'; padding-bottom:8px; line-height:120%; }
.link-desc{ display:block; font-size:0.875em; padding-bottom:8px; line-height:120%; }
.link-visit{ display:block; color:#77892a; font-family: 'bebas_neueregular'; line-height:120%; font-size:1.125em; margin-bottom:12px; }

.list-news-item{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #d4d4d4; }
.list-news-item.two{ padding-bottom:12px; }
.list-news-item a{ color:#4b4b4b; text-decoration:none; }
.list-news-item a:hover .list-news-more{ color:#4b4b4b }
.list-news-date, .list-news-region, .list-news-desc{ display:block; font-size:0.875em; padding-bottom:8px; line-height:120%; }
.list-news-title{ display:block; font-size:1.5em; font-family: 'bebas_neueregular'; padding-bottom:10px; line-height:120%; }
.list-news-more{ display:block; color:#77892a; font-family: 'bebas_neueregular'; line-height:120%; font-size:1.125em; }
.list-news-image{ width:20%; float:left; }
.list-news-text{ width:78%; float:left; margin-left:2%; }
.blog-image-main{ max-width:620px; margin:0px 0px 20px 0px; }

.comments-block{ margin:20px 0px; }
.comment-form .label{ font-size:0.875em; color:#4b4b4b; line-height:120%; padding-bottom:6px; }
.comment-form .input{ border:1px solid #d4d4d4; padding:6px; width:70%; margin:0px 0px 20px 0px; }
.comment-form .input input, .comment-form .input textarea, .comment-form .input select{ border:none; padding:0px; margin:0px; width:100%; outline:none; color:#4b4b4b; font-size:14px; font-weight:400; line-height:120%; }
.form-error{ color:#AE0900; }
.help-block{ font-size:0.813em; }
.text-content p.success{ font-weight:700; color:#4b4b4b; }
.text-content p.error{ font-weight:700; color:#4b4b4b; }
.text-content p.error ul{ font-size:14px; }
.comment-form input.standard-submit{ border:none; background-color:#77892a; color:#FFFFFF; font-size:14px; line-height:120%; padding:12px; cursor:pointer; }
.comment-item{ background-color:#f2f2f2; padding:20px; margin:8px 0px 20px 0px; }
.comment-comment{ font-size:0.875em; color:#4b4b4b; line-height:124%; padding-bottom:12px; }
.comment-comment p{ font-size:14px!important; margin:0px!important; }
.comment-name{ text-align:right; font-size:0.875em; line-height:130%; }

.gallery-block{ width:48%; float:left; margin-bottom:20px; }
.gallery-block.even{ margin-right:2%; }
.gallery-block.odd{ margin-left:2%; }
.gallery-block a{ text-decoration:none; }
.gallery-block a:hover .gallery-more{ color:#4b4b4b; }
.gallery-image{ display:block; }
.gallery-text{ display:block; color:#4B4B4B; padding:12px 0px; }
.gallery-title{ display:block; font-size:1.5em; padding-bottom:8px; font-family: 'bebas_neueregular'; line-height:120%; }
.gallery-more{ display:block; color:#77892a; font-family: 'bebas_neueregular'; line-height:120%; font-size:1.125em; }

.breed-left{ width:66%; margin-right:4%; float:left; }
.breed-right{ width:30%; float:left; }
.breed-logo{ padding:12px 0px 20px 0px; }
.breed-logo img{ margin:0px auto; }
.breed-contact-title{ font-size:1.375em; font-family: 'bebas_neueregular'; padding-bottom:10px; line-height:120%; text-align:center; }
.breed-contact-text{ font-size:0.875em; padding-bottom:8px; line-height:120%; text-align:center; }
.breed-contact-text a{ color:#4b4b4b; }
.breed-contact-text.website a{ text-transform:lowercase; font-weight:600; color:#77892a; }
.breed-contact-text.website a:hover{ color:#4b4b4b; }
.breed-contact-whole{ padding:0px 20px; }

.contact-form .label{ font-size:0.875em; color:#4b4b4b; line-height:120%; padding-bottom:6px; }
.contact-form .input{ border:1px solid #d4d4d4; padding:6px; margin:0px 0px 20px 0px; }
.contact-form .input input, .contact-form .input textarea, .contact-form .input select{ border:none; padding:0px; margin:0px; width:100%; outline:none; color:#4b4b4b; font-size:14px; font-weight:400; line-height:120%; }
.contact-form .submit-button input{ border:none; font-family: 'bebas_neueregular'; background-color:#77892a; color:#FFFFFF; font-size:1.125em; line-height:100%; padding:8px 12px; cursor:pointer; }

.home-recipe a{ text-decoration:none; color:#4B4B4B; }
.home-recipe-title{ display:block; font-family: 'bebas_neueregular'; padding-bottom:16px; font-size:1.5em; line-height:120%; }

.event-calendars{ margin-bottom:20px; }
.calendar-month{ color:#4B4B4B; line-height:120%; font-size:1.5em; font-family: 'bebas_neueregular'; }
table.calendar{ table-layout:fixed; }
table.calendar td{ padding:0px; height:120px; width:100%; vertical-align:top; }
table.calendar td.calendar-day-head{ height:auto; padding:5px; background-color:#77892a; color:#FFFFFF; text-align:center; font-weight:700; font-size:1.125em; }
table.calendar td .td-content{ display:block; background-color:#f2f2f2; padding:5px; border-bottom:1px solid #b3b3b3; }
table.calendar td#calendar-today .td-content{ background-color:#4B4B4B; color:#FFFFFF; }
table.calendar td a.highlight{ display:block; width:100%; color:#4b4b4b; text-decoration:none; }
table.calendar td a.highlight:hover{ background-color:#77892a; color:#FFFFFF; }
table.calendar td a.highlight:hover .td-content{ color:#4b4b4b; }
table.calendar td a .cal-event-title{ display:block; padding:8px; font-size:1.375em; font-family: 'bebas_neueregular'; line-height:120%; }

.calendar-month .prev-month a, .calendar-month .next-month a{ display:block; float:left; width:25%; color:#B3B3B3; text-decoration:none; font-size:0.75em; font-weight:400; }
.calendar-month .prev-month a:hover, .calendar-month .next-month a:hover{ color:#77892a; }
.calendar-month .next-month a{ text-align:right; }
.calendar-month .prev-month a i{ padding-right:8px; }
.calendar-month .next-month a i{ padding-left:8px; }
.calendar-month .actual-month{ width:50%; float:left; display:block; text-align:center; }

.member-form{ margin-bottom:26px; }

.news-image-page{ float:right; width:400px; margin:0px 0px 20px 30px; }
.news-image-caption{ background-color:#f2f2f2; padding:8px; font-size:0.75em; line-height:120%; border-top:2px solid #FFFFFF; }

/********************************************************************************************* 

4.  720px 

*********************************************************************************************/ 

@media only screen and (min-width: 960px) and (max-width: 1199px) {

	.title{ font-size:3.063em; letter-spacing: 2px; }
	.sub-title{ font-size:1.3135em; letter-spacing:1.1px; }
	.main-navigation, .strapline{ padding:0px 170px 0px 255px; }
	.main-navigation ul li a{ padding:18px 7px 19px 7px; font-size:1.188em; }
	.main-navigation ul li:first-child a{ padding:18px 7px 19px 0px; }
	.main-navigation ul li:last-child a{ padding:18px 0px 19px 7px; }
	.member-login{ width:170px; }
	.member-login-inner{ padding:40px 16px 18px 16px; }
	.box-title{ font-size:1.375em; }
	.ferry-text{ width:60%; }
	.ferry-icon{ width:34%; }
	.ferry-text-content{ padding:0px; font-size:1.5em; }
	.sheep-export{ font-size:0.875em; }
	.social-icon i{ font-size:3.25em; }
	.photo-block.green a{ padding:15px 8px; }
	.photo-icon i{ font-size:1.75em; }
	.photo-title{ font-size:1.5em; }
	.photo-text{ font-size:1.25em; padding-bottom:0px; }
    .photo-block.green .white-border{ margin:0px 0px 15px 0px;}
	.footer-fw{ background-size:25%; }
	
	.supporter-item{ width:33.3%; }
	.clearfloat-small{ clear: both; height: 0; line-height: 0; font-size: 0; }
	.clearfloat-big{ clear:none; height: auto; line-height: auto; font-size: auto; }
	
	.list-news-image{ width:30%; }
	.list-news-text{ width:68%; }
	.list-item-image{ width:19%; }
	.list-item-text2{ width:78%; }
	
	.search-box{ width:960px; }
	.search-input{ width:540px; margin:0px auto; }
	.box-header.search{ width:30%; }
	.search-input-field{ width:70%; }
    .box-header.search .box-title { padding: 8px 20px 7px 90px; }
    
    .logo{ top:70px; }
	
}

@media only screen and (min-width: 720px) and (max-width: 959px) {
	
	.grid-3.green-bar-split, .grid-3.box-split{ width:340px; padding-bottom:20px; }
	.green-fw, .white-fw{ padding:36px 0px 16px 0px; }
	.news-item{ padding:0px 0px 20px 0px; }
	.grid-8.image-block{ width:700px; }
	.grid-4.events-block{ width:700px; margin-top:26px; }
	.photo-block.green a{ padding:16px 18px; }
	.box-total{ height:auto!important; }
	.footer-text{ font-size:0.813em; }
	.footer-text-block{ padding:0px; }
	.footer-social{ padding-top:12px; }
	.footer-fw{ background-size:20%; }
    .footer-text.lrg, .footer-text{ font-size:1em;}
	.main-navigation{ padding:0px; }
	
	.member-login{ display:none; }
	.member-login-small{ display:block; position:relative; width:auto; background-color:#F2F2F2; }
	.member-login-inner{ float:right; padding:12px 26px; }
	
	.logo{ position:relative; top:0px; width:23%; float:left; padding:30px 0px; }
	.grid-12.top-text{ width:73%; float:left; margin:0px 0px 0px 4%; }
	
	.login-title{ float:left; padding:3px 12px 0px 0px; }
	.login-input{ margin:0px 12px 0px 0px; float:left; }
	.login-submit{ float:left; }
	.login-submit input{ padding:6px 12px 7px 12px; }
	
	.login-text, .login-link-text, .logout-link{ float:left; text-align:left; }
	.login-text{ font-size:0.875em; padding:6px 12px 0px 0px; }
	.login-link-text{ padding:6px 12px 0px 0px; }
	.logout-link a{ margin:0px; }

	.strapline{ padding:0px 0px 0px 0px; }
	.title{ font-size:2.5em; }
    .sub-title{ font-size:1.25em; letter-spacing: 2px; }
	.breadcrumb-nav{ padding-left:0px; }
	
	.supporter-item{ width:33.3%; }
	.clearfloat-small{ clear: both; height: 0; line-height: 0; font-size: 0; }
	.clearfloat-big{ clear:none; height: auto; line-height: auto; font-size: auto; }
	
	.breed-left{ width:56%; margin-right:4%; float:left; }
	.breed-right{ width:40%; float:left; }
	
	.search-box{ width:720px; }
	.clearfloat-home-small{ clear: both; height: 0; line-height: 0; font-size: 0; }
    .green-bar-split .block.end{ border-right:4px dotted #ffffff; }
    .green-bar-split .block a{ padding:0px 30px 0px 0px; }
	
}
 

/********************************************************************************************* 

5.  lt 720px 

*********************************************************************************************/ 

@media only screen and (max-width: 719px) {
	
	.block{ padding-bottom:20px; }
	.green-fw{ padding:36px 0px 16px 0px; }
	.news-item{ padding:0px 0px 30px 0px; }
	.white-fw{ padding:36px 0px 6px 0px; }
	.text-box{ margin-bottom:26px; }
	.box-content{ height:auto!important; }
	.grid-3.box-split{ width:49%; float:left; margin-bottom:30px; }
	.grid-3.box-split.left{ margin-right:1%; }
	.grid-3.box-split.right{ margin-left:1%; }
	.box-title{ font-size:1.25em; }
	.photo-block.green a{ padding:13px 8px; }
	.photo-icon i{ font-size:1.75em; }
	.photo-title{ font-size:1.25em; }
	.photo-text{ font-size:1em; }
	.box-total{ height:auto!important; }
	.grid-4.events-block{ margin-top:26px; }
	.footer-links ul li a{ font-size:1.25em; }
	.footer-social{ padding:12px 0px 30px 0px; }
	.footer-title.right{ text-align:left; }
	.footer-text.right{ text-align:left; }
	.footer-form{ padding-bottom:30px; }
	.footer-text-block{ padding-left:0px; }
	.footer-submit input{ float:left; }
	.footer-fw{ background-size:25%; }
	.footer-white-text.right{ text-align:left; padding-top:6px; }
	
	.main-navigation{ padding:0px; }
	.main-navigation ul li a{ font-size:1.25em; padding:18px 10px 19px 10px; }
	.main-navigation ul li a:first-child a{ padding:18px 11px 19px 0px; }
	.main-navigation ul li a:last-child a{ padding:18px 0px 19px 11px; }
	.member-login{ display:none; }
	.member-login-small{ display:block; position:relative; width:auto; background-color:#F2F2F2; }
	.member-login-inner{ float:right; padding:12px 26px; }
	
	.logo{ position:relative; top:0px; width:23%; float:left; padding:23px 0px; }
	.grid-12.top-text{ width:73%; float:left; margin:0px 0px 0px 4%; }
	
	.login-title{ float:left; padding:3px 12px 0px 0px; font-size:1.313em; }
	.login-input{ margin:0px 12px 0px 0px; float:left; }
	.login-submit{ float:left; }
	.login-submit input{ padding:6px 12px 7px 12px; }
	
	.login-text, .login-link-text, .logout-link{ float:left; text-align:left; }
	.login-text{ font-size:0.875em; padding:6px 12px 0px 0px; }
	.login-link-text{ padding:6px 12px 0px 0px; }
	.logout-link a{ margin:0px; }

	.strapline{ padding:0px 0px 0px 0px; }
	.title{ font-size:2em; }
    .sub-title{ letter-spacing: 1px; font-size:1.25em; }
	.breadcrumb-nav{ padding-left:0px; }
	
	.list-item{ width:100%; float:none; height:auto!important; }
	.list-item.even{ margin-right:0; }
	.list-item.odd{ margin-left:0; }
	
	.recipe-block{ width:100%; float:none; }
	.recipe-block.even{ margin-right:0; }
	.recipe-block.odd{ margin-left:0; }
	
	.gallery-block{ width:100%; float:none; }
	.gallery-block.even{ margin-right:0; }
	.gallery-block.odd{ margin-left:0; }
	
	.supporter-item{ width:50%; }
	.clearfloat-tiny{ clear: both; height: 0; line-height: 0; font-size: 0; }
	.clearfloat-big, .clearfloat-small{ clear:none; height: auto; line-height: auto; font-size: auto; }
	
	.comment-form .input{ width:auto; }
	.list-news-image{ width:auto; float:none; margin-bottom:20px; display:block; }
	.list-news-text{ width:auto; float:none; margin-left:0px; }
	
	.breed-left{ width:auto; margin-right:0; float:none; }
	.breed-right{ width:auto; float:none; }
	.breed-logo img{ margin:0px; }
	.breed-contact-whole{ padding:0px; }
	.breed-contact-title{ text-align:left; }
	.breed-contact-text{ text-align:left; }
	
	.onethird{ width:auto; float:none; }
	.onehalf{ width:auto; float:none; }
	.onethird .imageone{ margin-right:0px; margin-bottom:20px; }
	.onethird .imagetwo{ margin:0px; margin-bottom:20px; }
	.onethird .imagethree{ margin-left:0px; margin-bottom:20px; }
	.onehalf .imageone{ margin-right:0px; margin-bottom:20px; }
	.onehalf .imagethree{ margin-left: 0px; margin-bottom:20px; }
	
	.list-item-image{ width:auto; float:none; margin-right:0; margin-bottom:16px; }
	.list-item-text2{ width:auto; float:none; }
	
	.news-image-page{ float:none; width:100%; margin:0px 0px 20px 0px; }
	
	.search-box{ width:100%; }
	.search-input{ width:90%; margin:0px 30px; }
	.box-header.search{ width:25%; }
	.search-input-field{ width:75%; }
    
    .green-bar-split .block { border-right:none; border-bottom: 4px dotted #ffffff; margin-bottom: 20px; height:auto!important; }
    .green-bar-split .block a{ padding:0px 0px 0px 0px; }
	
}

@media only screen and (max-width: 655px) {
	
	.login-title{ padding:5px 12px 0px 0px; font-size:1.313em; }
	.login-input{ width:126px; }
	.title{ font-size:1.75em; }
	.sub-title{ font-size:1.25em; }
	.show-menu{ display:block; }
	.main-navigation{ float:none; }
	.main-navigation ul{ position:static; display:none; }
	.main-navigation ul li{ list-style:none; display:block; float:none; }
	.main-navigation ul li:first-child a{ padding:12px 0px; }
	.main-navigation ul li:last-child a{ border:none; padding:12px 0px; }
	.main-navigation ul li a{ display:block; float:none; width:100%; text-align:center; color:#FFFFFF; text-decoration:none; font-size:1.25em; padding:12px 0px; line-height:100%; border-bottom:1px solid #5d6c12; border-left:none; }
	.main-navigation ul li a:hover, .main-navigation ul li a.active{ text-decoration:underline; }
	.social-icon i{ font-size:3.75em; }
	.main-navigation li:hover ul.sub-1{ display:none; }
	.main-navigation ul.sub-1 li:hover ul.sub-2{ display:none; }
	
	/*.main-navigation li ul.sub-1, .main-navigation li ul.sub-1 li ul.sub-2{ display:block; background-color:transparent; position:static; padding:0px; margin-top:0px; width:auto; }
	.main-navigation li ul.sub-1 li, .main-navigation li ul.sub-1 li ul.sub-2 li{ padding:0px; }
	.main-navigation li ul.sub-1 li a, .main-navigation li ul.sub-1 li ul.sub-2 li a{ text-align:center; padding:12px 0px; }*/
}

@media only screen and (max-width: 570px) {

	.grid-3.box-split{ width:auto; float:none; }
	.grid-3.box-split.left{ margin-right:0; }
	.grid-3.box-split.right{ margin-left:0; }
	.grid-3.box-split .box{ margin-bottom:30px; }
	.box-content-grey{ height:auto!important; }
	.photo-block{ width:auto; float:none; margin:0px 0px 16px 0px; }
	.photo-block.one{ margin-left:0px; margin-right:0px; }
	.photo-block.two{ margin-left:0px; margin-right:0px; }
	.photo-block.three{ margin-left:0px; margin-right:0px; }
	.photo-gallery-row.top{ margin:0px; }
	.footer-fw{ min-height:0px; }
	.title{ font-size:1.313em; }
	.sub-title{ font-size:1em; }
	.member-login-inner{ float:none; }
	.login-title{ float:none; text-align:left; padding:5px 12px 12px 0px; }
	.link-logo{ float:none; width:100%; margin-right:0px; display:block; margin-bottom:20px; }
	.link-logo img{ margin:0px; }
	.box-header.search{ width:34%; }
	.search-input-field{ width:66%; }
	.event-calendars{ display:none; }

}