/*
Theme Name: Urban Forage
Theme URI: http://urbanforagewinery.com
Author: Eben Laurie
Author URI: https://optimizeguys.com/
*/

/* ----------------------/
/* GENERALS
/* ----------------------*/

body { font-family: 'Open Sans', sans-serif; background: url(images/bg-main.jpg) repeat; }
h1, h2, h3, h4 { color: #57241D; font-family: 'Veneer', sans-serif; }
h1 { font-size: 36px; }
a, a:hover, a:focus { color: #854005; }
img.alignright { float: right; margin: 0 0 1em 1em }
img.alignleft { float: left; margin: 0 1em 1em 0 }
img.aligncenter { display: block; margin-left: auto; margin-right: auto }
a img.alignright { float: right; margin: 0 0 1em 1em }
a img.alignleft { float: left; margin: 0 1em 1em 0 }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 2px dotted #9e8467; }
.screen-reader-text { position: absolute !important; left: -999em; }

/* ----------------------/
/* HEADER
/* ----------------------*/
.header { height: 150px; }
.block-search { margin: 25px 10px 40px 0; width: 200px; float: right; }
.block-search .btn { background-color: #9e8466; }
.block-search .btn .glyphicon-search { color: #f0eee2; }
.block-search .search-input { background-color: #FFF9EC; }
.block-search .form-control { border: none; }
.searchbar { margin: 0; }
.logo { width: 100%; }
.navbar-brand { padding: 10px 0 0; }

/* ----------------------/
/* HERO
/* ----------------------*/
.hero-wrap { background: url(images/bg-brown-wood.jpg) repeat-x; }


/* ----------------------/
/* CAROUSEL
/* ----------------------*/
.carousel .carousel-control { width: 5%; }

/* ----------------------/
/* NAVBAR
/* ----------------------*/
.navbar { margin-bottom: 0; border: none; }
.navbar-nav > li > a { font-family: 'Veneer', sans-serif; font-size: 24px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
.nav > li > a:focus, .nav > li > a:hover { background: none; color: #63390A; -webkit-transition: color 1.5s ease-in; -moz-transition: color 1.5s ease-in; -o-transition: color 1.5s ease-in; transition: color 1.5s ease-in; }
.navbar-nav > li.current-menu-item>a { color: #63390A; }
.navbar-nav > li.current-menu-item.menu-item-775 a { color: #854005; }
.navbar-nav > li.current-menu-item.menu-item-775 a:hover { color: #63390A; }
.navbar-toggle { background: #9e8466; }
.navbar-toggle .icon-bar { position: relative; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; background-color: #f0eee2; }
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

/* ----------------------/
/* MAIN CONTENT
/* ----------------------*/
.main-content { padding: 20px 0 30px; }
.main-content h1 { font-size: 38px; }
.main-content ul { padding-left: 15px; }
.page-header { border: none; margin: 10px 0 0; }

/* ----------------------/
/* FEATURED CONTENT
/* ----------------------*/
.featured-content { background: url(images/bg-patt-light.jpg) repeat; padding: 60px 0 50px; border-top: 1px solid #EBE0C4;  }
.featured-content h4 { color: #9e8467; font-size: 25px; }

/* ----------------------/
/* SIDEBAR
/* ----------------------*/
.sidebar { margin-top: 40px; font-size: 13px; }
.sidebar h2, .sidebar h3 { font-size: 30px; background: url(images/bg-header-sidebar.jpg) repeat-x; padding: 6px; height: 42px }
.sidebar .widget { margin: 5px 0 30px; }
.sidebar .widget ul { padding: 10px 5px 10px; }
.sidebar .widget ul li { margin-bottom: 12px; overflow: visible; margin-left: 0; padding-left: 18px; background: url(images/bullet.png) 0 5px no-repeat; }
.sidebar .widget ul li a { font-weight: bold; }
.sidebar .widget .post-date { color: #815F38; }

/* ----------------------/
/* Image Styles
/* ----------------------*/
.main-content img, .featured-content img { margin: 0 20px 10px 0; height: auto; padding: 5px; background: url(images/bg-frame.jpg) repeat; border: 1px solid #dddad1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.page-template-page-events .entries img  { max-width: 160px;}

/* ----------------------/
/* WIDGETS
/* ----------------------*/
.widget ul li { list-style: none; }
.widget ul { padding: 0; }
.widget { margin: 10px 0 30px }
.widget select#archives-dropdown-3 { background-color: rgba(235, 227, 204, 0.55); border-color: #e7dfc9; color: #63390A; }

/* ----------------------/
/* EMAIL SIGNUP
/* ----------------------*/
#mc_embed_signup .input-email { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; background-color: #FFF9EC; width: 200px; padding-left: 5px; color: #63390A; height: 30px;  margin-bottom: 15px;}
#mc_embed_signup .button-subscribe { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none;  color: #f0eee2; background-color: #9e8467; display: block; margin-bottom: 30px; }
#mc_embed_signup .input-hidden {position: absolute; left: -5000px}

/* ----------------------/
/* BLOG
/* ----------------------*/
.post { margin: 20px 0; }
.post h2 a { font-size: 24px; }
.single-post a, .blog a, .post a { overflow-wrap: break-word; word-wrap: break-word; }
.blog-pagination { margin-bottom: 30px; }

/* ----------------------/
/* SEARCH RESULTS
/* ----------------------*/
.search-results h2 a { font-size: 24px; }

/* ----------------------/
/* FOOTER
/* ----------------------*/
.footer { background: url(images/bg-dark-wood.jpg) repeat; color: #dddad1; }
.footer a { color: #DCCCAA; }
.footer h3, .footer h4 { color: #9e8467; }
.copyright { background: rgba(158, 132, 103, .8); padding: 10px 0; color: #000; }
.social-media li { float: left; margin-right: 5px; }
#wpstats { display: none; }

/* ----------------------/
/* MEDIA QUERIES
/* ----------------------*/
@media (min-width:768px) and (max-width:991px) {
    .block-search { margin: 10px 10px 20px 0; }
    .header { height: 120px; }
    .sidebar { font-size: 14px; }
}


@media (max-width:767px) {
    .logo { width: auto; }
    .navbar-brand { float: none; padding-left: 15px; }
    .navbar-brand > img { padding: 0 15px; }
    .header { height: auto; }
    .navbar-nav > li > a { font-size: 22px; }
    .mobile-search { margin: 10px 0 15px 15px; }
    .mobile-search .search-input { background-color: #FFF9EC; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border: none; height: 32px; padding-left: 10px; }
    .mobile-search .search-button { background-color: #9e8467; font-size: 12px; color: #f0eee2; vertical-align: top; }
    .carousel-indicators { bottom: -8px;}
	.main-content img, .featured-content img { margin: 0 auto; }
}
@media only screen and (max-width:480px) {
    img.alignright, img.alignleft, a img.alignright, a img.alignleft { float: none; display: block; }
}