/*
Theme Name: Ruapuke Artisan Bread
Theme URI: http://ruapukeartisanbread.com/
Description: A custom WordPress site for Ruapuke Artisan Breads, located in Raglan, New Zealand.
Author: Daniel Coats
Author URI: http://danielcoats.net/
Version: 1.0
*/

/*====== GENERAL =======*/
.clear { clear: both; }
body { font-family: Georgia, "Times New Roman", serif; color: #222; font-weight: normal; background: #FDF9F4; text-shadow: 1px 1px #fff; background-image: url('img/bg.jpg'); border-top: 5px solid rgba(193, 156, 88, 0.3); }
p { line-height: 1.4em; margin-bottom: 12px; font-size: 1em; }
a, a:visited { color: #690202; text-decoration: underline; font-style: italic; }
a:hover { color: #222; text-decoration: underline; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { text-align: center; }
ul.topnav li a.current_page_item { color: #999; }

/*====== HEADER =======*/

img#logo { max-width: 100%; margin-top: -50px; padding-left: 0; }
#header { padding-top: 80px; margin-bottom: 30px;}
ul.topnav { font-family: "Times New Roman", Georgia, serif; text-transform: uppercase; font-size: 1.0em; border-top: 2px solid rgba(193, 156, 88, 0.6); border-bottom: 2px solid rgba(193, 156, 88, 0.6); }
ul.topnav li { float: left; margin: 0; padding: 11px 0 10px 0; width: 50%; text-align: center; }
ul.topnav li a:hover { text-decoration: underline; }
ul.topnav li a { text-decoration: none; color: #222; font-style: normal; }
#tagline { margin: 18px 12px 30px 12px; border-style: solid; border-width: 1px 0 1px 0; border-color: #CEB587; }
#tagline h2 { text-align: center; margin-top: 12px; margin-bottom: 12px; font-style: italic; }
#slider { background-color: #FFFFFF; border: 1px solid #c0b289; position: relative; padding: 10px; overflow: hidden; }
.intro-box { margin-bottom: 18px; }
.intro-box p { line-height: 1.5em; }

/*====== HEADINGS =======*/

h1, h2, h3, h4, h5, h6 { line-height: 1.5em; margin: 0 0 10px 0; font-weight: normal; font-size: 22px; color: #690202; font-style: normal; }
h3 { font-style: italic; font-size: 18px; margin-top: 10px; }
h1.title { margin-top: 0; font-size: 32px; }
h4 { font-size: 24px; margin-top: -5px; }
h5 {text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 1px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-bottom: 5px; }
h2.entry-title {font-size: 24px; font-style: normal; text-decoration: none; margin-bottom: 0; padding-bottom: 0; }
h2.entry-title a { font-style: normal; text-decoration: none; }
div.large { font-size: 22px; text-align: center; padding-bottom: 12px;}
h1.large { font-size: 48px; }
h2.widgettitle { text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 1px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-bottom: 5px; }

/*====== FOOTER =======*/

footer { padding: 12px 0 30px; border-top: 1px solid #CEB587; clear: both; margin: 30px 12px; }
footer ul li a {text-decoration: none; font-style: normal; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; } 
footer ul li { display: inline; padding: 0 10px; }
footer ul li:first-child { padding-left: 0; }
footer ul.right li:first-child { padding-right: 0; }
footer ul { display:inline; float:left; }
footer ul.right { float:right; }
.credits { padding-left: 0; padding-right: 0px; }

/*====== CONTACT PAGE =======*/

form { }
textarea, input { font-family: Georgia, "Times New Roman", serif; color: #222; font-size:1em; border:1px solid #ccc; background-color:#fff; padding:6px; }
input[type="text"], input[type="email"] { width:250px; height:20px; margin: 7px 0; }
textarea {height: 150px; width: 95%; margin: 7px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } 
#sidebar form { margin: 0 0 0 0; }

/*====== OTHER =======*/

img.feature { width: 100%; background-color: #FFFFFF; border: 1px solid #c0b289; position: relative; padding: 5px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
img.banner { width: 100%; height:100%; background-color: #FFFFFF; border: 1px solid #c0b289; position: relative; padding: 5px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 20px 0; }
iframe.banner { background-color: #FFFFFF; border: 1px solid #c0b289 !important; position: relative; padding: 5px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 20px 0; }
img.thumbnail { float: left; padding: 4px; background-color: #FFFFFF; border: 1px solid #c0b289; margin-right: 20px; } 
hr { margin-bottom: 30px; margin-top: 30px; border-style: solid; border-width: 1px 0 0 0; border-color: #CEB587; }
hr.divider { border-top: 2px solid rgba(193, 156, 88, 0.6); }
address { line-height: 1.4em; font-size: 1em; }
.grid-container { overflow: hidden; }
.timedate { margin-bottom: 20px; font-size: 0.9em; color: #666; }
.product { margin-bottom: 30px; }
.article { padding-bottom: 30px; }
.widget { padding-bottom: 15px; }
span.price { font-style: italic; }
.widget label { display: none; }
img.blog-image { float:right; margin: 10px 0 20px 20px; background-color: #FFFFFF; border: 1px solid #c0b289; padding: 5px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.article ul { line-height: 1.4em; margin-bottom: 12px; font-size: 1em; list-style-type: disc; list-style-position: inside; padding-left: 5px;}
.article ul li a { font-style: normal; }
a.call-to-action { display: inline-block; background-color: rgba(105, 2, 2, 0.85); text-shadow: 0px 0px transparent; color: white; padding: 10px 12px; line-height: 1.6em; text-align: center; border-radius: 5px; margin-top: 15px; text-decoration: none; font-style: normal; font-family: arial; text-transform: uppercase; font-weight: bold; font-size: 12px; letter-spacing: 1px; }
a.call-to-action:hover { background: #222; }

/*====== SIDEBAR =======*/

#sidebar { } 
#sidebar ul li a { font-style: normal; line-height: 1.4em; }

/*====== RESPONSIVE-NESS =======*/

@media screen and (max-width: 767px) {
	img#logo { margin-top: 0; padding:10px 0; max-width: 250px; } 
	#header { padding-top: 30px; }
	.spacer { padding-top: 20px; }
	footer ul, footer ul.right { display: block; float:left; padding-bottom: 30px; }
	footer ul li { display: block; padding-left: 0; }
	img.feature { margin-bottom: 12px; }
}
@media screen and (max-width: 480px) {
	img#logo { max-width: 250px; } 
	#slider { margin-bottom: 20px; }
}

/*====== JQUERY SLIDER =======*/

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}