/*
Theme Name: Family Farmed
Description: Custom responsive theme for Family Farmed
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700);
@import url(http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css);

body { font-family: "Lato", arial, sans-serif; font-size: 15px; line-height: 24px; color: #484848; }

a { color: #b51900; text-decoration: none; }
a:hover { color: #666; text-decoration: none; }
a:focus { outline:none; }

h1 { font-size: 40px; line-height: 42px; color: #135181; font-weight: normal; margin: 0 0 20px 0; }
h2 { font-size: 28px; line-height: 32px; color: #135181; font-weight: normal; padding: 0;  margin: 0 0 22px 0; text-transform: uppercase;}
h3 { font-size: 22px; line-height: 26px; font-weight: 400; margin: 0 0 14px 0; }
h4 { font-size: 18px; line-height: 24px; font-weight: normal; margin: 0 0 14px 0; padding: 0; }

h2.short-headline { font-size: 30px; line-height: 33px; border-bottom: 1px solid #c0c0c0; margin:0 0 24px 0; padding-bottom: 8px; line-height:normal; text-transform: none; }
.short-headline span { border-bottom: 2px solid #678841; padding-bottom: 8px; }

/****FONTS*****/



/****GLOBAL STYLES****/

p { margin-bottom: 26px; }
ul { margin-bottom: 20px; }
ol li { margin-bottom: 20px; }
hr { margin: 16px 0; border: 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #fff; }
hr.bigspace { margin: 32px 0; }
.lgtxt { font-size: 20px; line-height: 30px; }
.smtxt { font-size: 12px; }
.readmore { font-size: 13px; }

.alignleft { float: left; margin: 0 22px 12px 0; }
.alignright { float: right; margin: 0 0 12px 22px; }

.glow { box-shadow: 0 0 5px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5); }

.padtop-20 { padding-top: 20px; }
.mar-bot-30 { margin-bottom: 30px; }

blockquote { padding: 10px 20px; margin: 20px 0; font-size: 14px; border-left: 7px solid #eee; background-color: #fbfbfb; }


/***BUTTONS***/

.btn { font-family: "Lato", arial, sans-serif; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.btn-red { background: #922716; border: 0; color: #fff; text-shadow: none; text-transform: uppercase; font-weight: 700; }
.btn-red:hover { background: #7d1909; border: 0; color: #fff; text-shadow: none; }

/****HEADER****/

header { background: url(/wp-content/themes/family-farmed/images/header_bluegradient.jpg) top center repeat-x; border-top: 6px solid #135181; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .25); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, .25); box-shadow: 0 1px 8px rgba(0, 0, 0, .25); margin: 0; }
.navbar .container { position: relative; }

.navbar-brand { height: auto; padding: 0; margin-left: -30px; margin-top: 12px; }
.navbar { margin: 0; border: 0; }
.navbar-default { background-color: transparent; border: 0; border-color: transparent; }
.navbar-default .navbar-toggle .icon-bar { background-color: #922716; font-size: 23px; }
.navbar-default .navbar-toggle { border-color: #922716; }

.navbar .nav { margin: 75px 0 0 0; }
.navbar .nav > li { text-transform: uppercase; }
.navbar .nav > li > a { display: block; font-size: 15px; font-weight: normal; color: #000; min-height: 40px; padding: 0 15px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.navbar .nav > li > a:hover { background: transparent; }
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color: #666; }
.navbar .nav > li > a span { display: none; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { color: #666; background-color: transparent; }

.dropdown-menu { background-color: #135181; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; min-width: 240px; }
.dropdown-menu > li > a { color: #fff; line-height: 20px; white-space: normal; padding: 6px 20px; }
.navbar .nav > li > .dropdown-menu:after { border-bottom: 6px solid #135181; }
.navbar .nav > li > .dropdown-menu:before { color: #135181; }
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus { color: #ffffff; background-color: #fff; border-color: #fff; }
.navbar .nav > li > .dropdown-menu { text-transform: none;  }
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle { color: #555555; background-color: #fff; }
.dropdown-menu:before { position: absolute; top: -7px; left: 12px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
.dropdown-menu:after { position: absolute; top: -6px; left: 13px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; }
.navbar .pull-right > li > .dropdown-menu:before,.navbar .nav > li > .dropdown-menu.pull-right:before { right: 10px; left: auto; }
.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after { right: 11px; left: auto; }

/*Search Box*/
.navbar-collapse .search-open { right: 15px; bottom: -57px; display: none; padding: 14px; position: absolute; background-color: #135181; box-shadow: 0 1px 3px #333; z-index: 100; }
.navbar .nav > li.menu-item-3105 > a { color: #aaa; cursor: pointer; padding: 0px 4px 10px; }
.navbar .nav > li.menu-item-3105 > a:hover { color: #135181; }
.navbar .search-open form { margin: 0; }
.menu-item-3105 a [class^="fa-"], .menu-item-3105 a [class*=" fa-"] { width: 1.25em; text-align: center; display: inline-block; }
.search-open:before { position: absolute; top: -7px; right: 10px; display: inline-block; border-right: 7px solid transparent; border-bottom: 6px solid #135181; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
.search-open:after { position: absolute; top: -6px; right: 11px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #135181; border-left: 6px solid transparent; content: ''; }

/*Social Media*/
.social-media-wrapper { background: #135181; display: inline-block; position: absolute; top: 0px; right: 20px; overflow: hidden; padding: 0; color: #fff; }
.social-links { float: left; height: 34px; line-height: 32px; padding: 0 14px; border-right: 1px solid #0e3a5d; }
.social-links p { float: left; color: #fff; margin: 0 14px 0 0; }
.social-links a { color: #fff; text-align: center; display: block; float: left; margin-left: 12px; font-size: 24px; line-height: 24px; }
.social-links a:hover { color: #ccc; }
.social-links i { padding-top: 4px; }
.donate-btn { float: left; display: block; text-transform: uppercase; font-size: 12px; line-height: 12px; font-weight: 300; padding: 0 14px 2px 14px; }
.donate-btn a { display: inline-block; color: #fff; }
.donate-btn a span { font-size: 22px; line-height: 20px; color: #ffd200; font-weight: 700; }
.donate-btn i { display: inline-block; padding: 0 0 0 12px; margin-top: 0px; }



/****HOME****/ 

.hm-background { background: url(/wp-content/themes/family-farmed/images/hm-background.jpg) repeat-x top center; }

section#hm-cta { margin: 0 0 0px 0; padding-top: 32px; }
#hm-cta .carousel { border: 5px solid #fff; }
#hm-cta .carousel img.wp-post-image { padding: 0; border: 0; background:none; }
.carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background: #333; background: rgba(0, 0, 0, 0.75); text-align: left; }
.carousel-caption h4 { font-size: 18px; font-weight: 700; }
.carousel-caption p { font-size: 14px; margin-bottom: 24px; }
.carousel-caption a { color: #00a8e7; font-weight: 700; }
.carousel-indicators { top: auto; bottom: 5px; left: auto; right: 15px; text-align: right; width: auto; margin: 0; }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 20%; }
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 20%; }

.cta-box { position: relative; margin-bottom: 32px; height: 415px; border: 5px solid #fff; background-color: #922716; text-align: center; -moz-box-shadow:    inset 0 0 10px #480808; -webkit-box-shadow: inset 0 0 10px #4808088; box-shadow: inset 0 0 10px #4808088;}
.vert-text { position: absolute; top: 0px; left: 0px; height: 415px; display: table; }
.vert-text-container { display: table-cell; vertical-align: middle; padding: 0 40px; }
.vert-text h1 { font-size: 42px; line-height: 45px; color: #fff; font-weight: 300; margin: 0 0 14px 0; text-shadow: -1px 1px 8px #49130b; }
.vert-text p { color: #fff; margin: 0; }

.white-bg { background-color: #fff; background: rgba(255, 255, 255, 0.8); }

#hm-news { margin: 0 0 24px 0; }
.news-title { font-size: 17px; line-height: 20px; color: #b51900; margin: 14px 0 6px 0; }


/***INTERIOR****/

section#int-header { background-color: #922716; color: #fff; margin-bottom: 32px; -moz-box-shadow: inset  0  8px 8px -8px #480808, inset  0 -8px 8px -8px #480808; -webkit-box-shadow: inset  0  8px 8px -8px #4808088, inset  0 -8px 8px -8px #480808; box-shadow: inset  0  8px 8px -8px #480808, inset  0 -8px 8px -8px #480808; }
section#int-header h1 { font-size: 26px; line-height: 29px; font-weight: 300; color: #fff; margin: 0; padding: 12px 0; }
section#int-header .textwidget { display: none; }

section#interior { margin: 0 0 40px 0; min-height: 450px; }

h3.widget-title { display: none; }
.widget_nav_menu ul { margin: 14px 0 40px; padding: 0; list-style-type: none; }
.widget_nav_menu ul li a { display: block; border-bottom: 1px dotted #ccc; padding: 12px 10px; transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; }
.widget_nav_menu ul li a:hover { padding-left: 16px; }
.widget_nav_menu ul li.current-menu-item a { color: #666; }

.col-md-9 .well { margin: 32px 0; }

.row.board-of-directors, .row.staff { border-bottom: 1px dotted #ccc; margin-bottom: 22px; padding-bottom: 22px; }
.board-of-directors img, .staff img { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7); }
.board-of-directors h3, .staff h3 { font-weight: 700; color: #414c22; margin-bottom: 2px; }
.board-of-directors p:last-child, .staff p:last-child { margin: 0; }

/***NEWS/POST***/

article.post, article.page { margin-bottom: 30px; }
.post h1 { font-size: 22px; line-height: 24px; font-weight: 700; margin-bottom: 8px; }
.post .entry-meta { /*border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;*/ padding: 4px 0; margin-bottom: 14px; font-size: 13px; }
.post .entry-meta .categories-links, .post .entry-meta .tags-links { display: none; }
.edit-link { padding-left: 12px; }
.post h3 { font-size: 14px; font-weight: 700; background-color: #f8f8f8; padding: 4px 8px; }
img.wp-post-image { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7); }
#news-nav h3.widget-title { display: block; font-size: 18px; line-height: 20px; font-weight: 400; margin: 0 0 0 0; }

.paging-navigation { border-top: 1px solid #414c22; margin-top: 14px; padding-top: 12px; }
.paging-navigation h1 { display: none; }

.next-prev-post { font-size: 12px; }
.wp-caption { background-color: #f8f8f8; border: 1px solid #ccc; text-align: center; }
.wp-caption img { padding: 4px 0; }
.wp-caption-text { font-size: 12px; line-height: 16px; padding: 4px 12px; margin: 0; }

#categories-3 li.cat-item-7 { display: none; }

ul.wp-tag-cloud { margin: 14px 0 0 0; padding: 0; list-style-type: none; }
ul.wp-tag-cloud li { float: left; display: block; margin-right: 4px; }
ul.wp-tag-cloud li a { float: left; display: block; border: 1px solid #ccc; padding: 4px; }
ul.wp-tag-cloud li a:hover { background-color: #f0f0f0; }

/***SEARCH***/

.search-result-title { font-weight: 700; margin-bottom: 22px; }
.search h1 { font-size: 22px; line-height: 24px; font-weight: 700; margin-bottom: 8px; }


/***FOOTER***/

#footer-banners { background-color: #333c1b; padding: 24px 0; text-align: center; }
#footer-banners img { border: 5px solid #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5); }
#footer-banners h1 { display: none; }


#footer { padding: 24px 0; background: #678841 url(/wp-content/themes/family-farmed/images/dropshadow_top.png) top center no-repeat; color: #fff; }
#footer h3 { font-size: 14px; font-weight: 700; color: #f8eeaf; border-bottom: 1px solid #4a6d21; padding-bottom: 6px; margin-bottom: 14px; }
#footer p { margin-bottom: 14px; }

#footer hr { margin: 16px 0; border: 0; border-top: 1px solid #4a6d21; border-bottom: 1px dotted #678841; }

ul.footer-nav { margin: 0; padding: 0; list-style-type: none; }
ul.footer-nav li { float: left; margin-bottom: 6px; }
ul.footer-nav li.menu-item-3089 { width: 18%; margin-right: 2%; }
ul.footer-nav li.menu-item-3184 { width: 26%; margin-right: 2%; }
ul.footer-nav li.menu-item-3091 { width: 26%; margin-right: 2%; }
ul.footer-nav li.menu-item-3182 { width: 10%; margin-right: 0; }
ul.footer-nav li.menu-item-3379 { width: 14%; margin-right: 0; }
ul.footer-nav li.menu-item-3105 { display: none; }
ul.footer-nav li a { display: block; color: #fff; font-size: 12px; line-height: 14px; font-weight: 700; padding: 0; border-bottom: 0; }
ul.footer-nav li a:hover { color: #333c1b; }
ul.footer-nav ul.sub-menu { margin: 6px 0 0 0; padding: 0; list-style-type: none; }
ul.footer-nav ul.sub-menu li { float: none; display: block; }
ul.footer-nav ul.sub-menu li a { display: block; color: #fff; padding: 0; margin: 0; font-size: 11px; line-height: 14px; font-weight: 400; }

.address { font-size: 15px; }
.address a { color: #fff; }
.address a:hover { color: #135181; }
.address i { color: #333c1b; margin: 0 8px; }
.address .span3 { text-align: right; }
a.sm-footer i { font-size: 22px; color: #fff; transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -webkit-transition:all .25s ease-in-out; }
a:hover.sm-footer i { color: #135181; }
.copyright { font-size: 12px; margin: 12px 0 0 0; }

.safe-subscribe { float:right; width:60%; font-size:11px; line-height:13px; text-align:right; color:#ccc; }


/*
********************************************************************************
/*	BEGIN MEDIA QUERIES
********************************************************************************
*/


/*==================================================== 
******************************************************
/*	DEVICES up to 1200 pixels wide 
******************************************************
====================================================== */


@media (max-width: 1200px) {

.navbar-brand { width: 330px; }
.navbar-brand img { max-width: 100%; }

.navbar .nav { margin: 68px 0 0 0; }
.navbar .nav > li > a { font-size: 14px; min-height: 40px; padding: 0 10px; }


.cta-box { height: 340px; }
.vert-text { height: 340px; }
.vert-text-container { padding: 0 32px; }
.vert-text h1 { font-size: 32px; line-height: 34px; }
.vert-text p { font-size: 13px; }

.address span { display: block; }

}
 

/*==================================================== 
******************************************************
/*	DEVICES less than 979 pixels wide 
******************************************************
====================================================== */

@media (min-width: 768px) and (max-width: 979px) {

.pull-left, .pull-right { display: block; float: none !important; margin-bottom: 0px; }

.social-links p { float: left; color: #fff; margin: 0 4px 0 0; }
.social-links a { color: #fff; text-align: center; display: block; float: left; margin-left: 8px;  }

.navbar-header { margin-top: 0; }
.navbar .container { width: 100%; margin: 0; padding: 0; }

.navbar .nav { width: 100%; margin: 6px 0 12px 0; border-top: 1px dotted #ccc; padding-top: 6px; }
.nav-collapse .nav > li { background-color: #fff; border-bottom: 1px dotted #ccc; }
.navbar .nav > li > a { min-height: 20px; padding: 0 24px; }
.dropdown-menu { top: 30px; }
.dropdown-menu:before { top: -7px; left: 18px; }
.dropdown-menu:after { top: -6px; left: 19px; }

li.menu-item-3105 { display: none; }

.carousel-caption { padding: 2px 10px; }
.carousel-inner .container { width: 100%; }
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right { top: 40%; }

.cta-box { height: auto; margin-top: 12px; }
.vert-text-container { padding: 20px 40px; }
.vert-text { position: relative; top: 0px; left: 0px; height: auto; display: block; }

#hm-news p { font-size: 13px; line-height: 15px; }

.address span { display: block; }

.safe-subscribe { float:none; width:100%; font-size:11px; line-height:13px; text-align:left; color:#ccc; margin-bottom: 14px; }

}



/*==================================================== 
******************************************************
/*	DEVICES less than 767 pixels wide 
******************************************************
====================================================== */

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

body { padding-right: 0; padding-left: 0; }
.container { width: 90%; margin: 0 auto; }
.row [class*="col-"] { margin-bottom: 12px; }
.pull-left, .pull-right { display: block; float: none !important; margin-bottom: 0px; }

.hm-background { background: url(/wp-content/themes/family-farmed/images/page_bg_gradient.jpg) repeat-x top center; }

.social-links { float: left; height: 34px; line-height: 32px; padding: 0 10px; border-right: 1px solid #0e3a5d; }
.social-links p { float: left; color: #fff; margin: 0 4px 0 0; }
.social-links a { color: #fff; text-align: center; display: block; float: left; margin-left: 12px; font-size: 18px; }
.social-links i { padding-top: 8px; }
.donate-btn { float: left; display: block; text-transform: uppercase; font-size: 12px; line-height: 12px; font-weight: 300; padding: 0 14px 2px 14px; }
.donate-btn a { display: inline-block; color: #fff; }
.donate-btn a span { font-size: 20px; line-height: 20px; color: #ffd200; font-weight: 700; }
.donate-btn i { display: inline-block; padding: 0 0 0 12px; margin-top: -10px; }

.navbar-brand { width: 320px; }
.navbar-brand img { max-width: 100%; }

.navbar-header { margin-top: 40px; }
.navbar-toggle { margin-top: 32px; }
.navbar-collapse { margin-top: 0; border: 0; max-height: 500px; }
.navbar-collapse .nav > li { background-color: #fff; border-bottom: 1px dotted #ccc; }
.navbar .nav { margin: 12px 0; }
.navbar .nav > li > a { line-height: 32px; padding: 0 15px; font-size: 15px; }
li.menu-item-3105 { display: none; }
.dropdown-menu:before,.dropdown-menu:after { display: none; }
  
.carousel-inner .container { width: 100%; }
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right { top: 40%; }

.cta-box { height: auto; }
.vert-text { position: relative; top: 0px; left: 0px; height: auto; display: block; }
.vert-text-container { padding: 20px 40px; }
.vert-text h1 { font-size: 34px; line-height: 38px; display: block; }

#int-header .col-lg-12 { margin-bottom: 0; }

#footer-banners .img-responsive { display: inline; max-width: 100%; }

#footer .site-map { display: none; }
.address { text-align: center; font-size: 13px; }
.address span { display: block; }
.address .col-xs-12 { text-align: center !important; }

}


/*==================================================== 
******************************************************
/*	DEVICES less than 480 pixels wide 
******************************************************
====================================================== */

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

.social-media-wrapper { position: relative; padding: 0; color: #fff; width: 100%; margin: 0; right: 0; }
.social-links { display: none; }
.donate-btn { float: none; text-align: center; }


.carousel-inner .container { width: 100%; margin: 0; padding: 0; }
.carousel-caption { position: static; width: 100%; right: 0; bottom: 0; left: 0;
padding: 15px; }
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right { top: 30%; }

section#int-header h1 { font-size: 17px; line-height: 18px; }
.vert-text h1 { font-size: 26px; line-height: 30px; display: block; }

}


/*==================================================== 
******************************************************
/*	DEVICES 320 pixels wide 
******************************************************
====================================================== */

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

/*.navbar-brand { width: 240px; }*/
section#int-header h1 { font-size: 14px; line-height: 14px; font-weight: 400; }

}