/*
Theme Name: Sprowt
Theme URI:
Version: 1
Description: A theme by Sprowt
Author: 
Author URI: 
*/

/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

@font-face {
    font-family: 'Cabrito';
    src: url('insigne_-_cabrito-conbol-webfont.eot');
    src: url('insigne_-_cabrito-conbol-webfont.eot?#iefix') format('eot'),
         url('insigne_-_cabrito-conbol-webfont.woff2') format('woff2'),
         url('insigne_-_cabrito-conbol-webfont.woff') format('woff'),
         url('insigne_-_cabrito-conbol-webfont.ttf') format('truetype'),
         url('insigne_-_cabrito-conbol-webfont.svg#cabrito_cond_boldcond_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

a {color: #638b3c;text-decoration:none;}
a:hover {color: #a6be47;}

body {
	background: #f9f8f3 url('img/bg.png');
	color: #595045;
	font: normal 62.5% Cabin, Arial, sans-serif
}

p,code,ul {padding-bottom: 10px;}

li {list-style: none;}

h1 {
	font: normal 1.3em Cabin, Arial,sans-serif;
	margin-bottom: 4px;
	color: #595045;
	text-transform:uppercase;
letter-spacing:0.1em;
}
h2 {font: normal 1.2em "Cabrito", Cabin, Arial,sans-serif;color:#638b3c;letter-spacing:0.03em;}
h3 {font: normal 1em "Cabrito", Cabin, Arial,sans-serif;color:#638b3c;letter-spacing:0.03em;padding:0;margin:0;}

h1, h2, h3 {padding-top: 6px;
			padding-bottom: 10px;
}

label {
	display: block;
	font-size: 0.9em;
}

/* misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}

/* structure */
.container-inner {

	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 0 0;
	width: 940px;


}

.container {
margin-top:5px;
width:100%;
	background: #FFFFFF;
}
/* header */
.top {
	padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:0;

}
/* title */
#header {
clear:both;
	background: url('img/header.png') no-repeat;
	height: 243px;
	margin: 0 auto;
	padding: 0px 0px 0px;
	width: 940px;
	over: hidden;
	z-index: 100;
}

#social {
width:940px;
height:32px;
margin:0 auto;
text-align:right;
}


#social img.instagram{
margin-right:5px;
}
.hours {
width:640px;
float:right;
text-align:center;
padding-top:10px;
color:#638b3c;
}

/* navigation */
#navigation {	
width:560px;
float:right;
	height: 38px;
	z-index: 200;
margin-top:99px;
}



#navigation ul{

	margin: 0;
	padding: 0;
	list-style: none;

}
#navigation li {
  float: left;
  display: inline-block;
  position: relative;
	
}

#navigation li:after{
content: '\2022';
line-height:38px;
}

#navigation li li:after{
content: '';
line-height:0px;
}

#navigation li:last-child:after{
content: '';
}


#navigation a {
	display: block;
color:#595045;
	float: left;
	text-decoration: none;
	font: 700 1.15em Cabin, Arial,sans-serif;
	line-height: 38px;
	padding: 0 20px;
	text-transform:uppercase;
	letter-spacing:0.06em;
}
#navigation a:hover {
color:#638b3c;
}

/* sub-menu */
#navigation li ul {

	width: 370px;
	position: absolute;
	left: 0px;
	top: 37px;
	padding: 0px 10px 0px 0px;
	margin: 0;
	z-index: 200;
	display:none;
}

#navigation ul li:hover > ul {
		display: block;
	}
#navigation li ul li{
width: 370px;
background:#595045;
padding: 5px 0 5px 10px;
margin: 0;
	
}

#navigation li ul li#menu-item-31{
width: 210px;
}
#navigation li ul li#menu-item-31 a{

	width: 210px;

}

#navigation li ul a{
	background: transparent;
	display: block;
	width: 370px;
height:17px;
	line-height: 17px;
padding:0;
margin:0;
	font: 500 0.9em Cabin, Arial,sans-serif;
color:#FFF;
}

#navigation li ul a:hover{

}
/* main */
.main {
	background:#FFFFFF;
	z-index: 50;
padding-bottom:25px;
}


/* SIDEBAR --------------------------------------------------*/

.rightcol{
float:right;
width:285px;
margin-right:28px;
}


.rightcol .border{
margin-top:10px;
border:2px solid #595045;
padding:7px;
text-align:center;

width:100%;
}
	



.sidenav {
	float: right;
	width: 200px;
	margin-right:28px;
}
.sidenav h2 {

}
.sidenav ul {
	padding: 0;
	border-top: 0px solid #EAEADA;
}
.sidenav li {border-bottom: 0px solid #EAEADA;}
.sidenav li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidenav li a:hover {
	background: #F0F0EB;
	color: #fff;	
}


.sidenav .readmore {
float:left;
	font: 700 0.9em Cabin, Arial,sans-serif;
text-transform:uppercase;
}
/* CONTENT --------------------------------------------------*/

.content {
	float: left;
	margin: 0px 0;
	padding: 0 0 0 28px;
	width: 680px;
}
.content .descr {
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li { list-style-type: disc; line-height: 120%; padding: 0 0 12px 6px; }
.content p {
       font-family: Cabin, Arial,sans-serif;
	line-height: 115%;
font-size:1.07em;	}
	
/* CONTENT HOME --------------------------------------------------*/

.contenthome {
	float: left;
	margin: 0px 0 0 28px;
	padding: 0 0 28px 0;
	width: 235px;
}
.contenthome .descr {
	color: #000;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.contenthome li { list-style-type: disc; line-height: 120%; padding: 0 0 12px 6px; }
.contenthome p {
    font-family: Cabin, Arial,sans-serif;
	line-height: 115%;
font-size:1.07em;
	}
	
.contenthome h1{
border:2px solid #638b3c;
padding:7px;
text-align:center;
margin-bottom:20px;
margin-top:0;
}
	
.readmore {
float:right;
	font: 700 0.9em Cabin, Arial,sans-serif;
text-transform:uppercase;
}

.slideshow{
width:625px;height:414px;float:right;margin-right:28px;
}



.contentabout {
width:580px;
float:left;
margin-left:28px; font-family: Cabin, Arial,sans-serif;
	line-height: 115%;
font-size:1.07em;
}
.contentabout ul {
margin-left:12px;margin-bottom:5px;
padding:0;
}
.contentabout li { list-style-type: disc; line-height: 115%; padding: 0 0 2px 6px; }
.contentabout p {
   
	}
.contentfull {
width:884px;
margin:0 auto;
 font-family: Cabin, Arial,sans-serif;
	line-height: 115%;
font-size:1.07em;
}
.contentfull ul {
margin-left:12px;margin-bottom:5px;
padding:0;
}
.contentfull li { list-style-type: disc; line-height: 114%; padding: 0 0 10px 6px; }
.contentfull {
line-height: 115%;
}

.form{
width:460px;
float:left;
}

.contactlinks{
width:395px;
float:right;
}
/* IMAGE STLES --------------------------------------------------*/

img.alignright {float:right; margin:0 0 0 40px;}
img.alignleft {float:left; margin:0 25px 0 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}
a img {border:none;}

/* FOOTER --------------------------------------------------*/

.footer {
	border-top:1px solid #aba7a2;
	
	font: normal 1.1em Cabin, Arial, sans serif;
	padding: 10px 0 10px 0;
	
	width:940px;
	line-height:1.6em;
	margin:20px auto 0 auto;
	text-align:center;
}

.footer span {
color: #638b3c;
}
.footer a{color: #595045;text-decoration:none;}

.footer a:hover {color: #638b3c;}


/* POSTS --------------------------------------------------*/

.post h1 a {text-decoration:none;}
.post h1 a:hover {text-decoration:underline;}

.post {margin: 0px;}


.info a {text-decoration: none;}
.info a:hover {text-decoration: underline;}

/* COMMENTS --------------------------------------------------*/
.content ol li {list-style: none; background: none;}

#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
	list-style: none;
}
#commentform {
	margin: 1em 0;
	width: 280px;
}
.commentmetadata {padding: 2px 0 4px;}
.commentmetadata a {color: #664;}

/* COMMENT FORM FIELDS --------------------------------------------------*/

textarea.styled {width: 280px;	background: #F4F5F0;border:none;
 font-family: Cabin, Arial,sans-serif;
	line-height: 115%;
font-size:1.07em;
color: #595045;
}

.styled {
	font-size: 1.1em;
width:280px;
	background: #F4F5F0;
	border:none;
padding:5px;
 font-family: Cabin, Arial,sans-serif;
	color: #595045;
font-size:1.07em;

}
.styled:hover {
	background: #F4F5F0;
	border:none;
}
.styled:focus {
	background: #F4F5F0;
	border:none;
}

#commentform input {margin-bottom: 3px;}

.boxes {
width:884px;
margin:0 auto;
}
.boxes li{
width:283px;
height:330px;
float:left;
margin-right:17px;
display:inline-block;
   font-family: Cabin, Arial,sans-serif;
	line-height: 114%;
font-size:1.07em;
}

.boxes img{
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;
}
.boxes img:hover{
opacity:0.8;
-webkit-opacity:0.8;
-moz-opacity:0.8;
transition: all linear 0.2s;
}
.boxes li.last {
margin-right:0;
float:right;
}

.boxes h1{
	font: normal 1.4em Cabin, Arial,sans-serif;
	margin-bottom: 4px;
	color: #638b3c;
	text-transform:uppercase;
letter-spacing:0.1em;

}

.form input.large, .form textarea.medium {
background:#f4f5f0;
font: normal 1.2em Cabin, Arial, sans serif;
border:none;
}
#responsive-menu {display:none}
#logo {position:absolute; width: 235px; height:140px; left:40px; top:73px;text-indent:-99999px; overflow:hidden; display:block}
	#logo a{display:block;width: 235px; height:140px;display:block;text-indent:-99999px; overflow:hidden;}
#logo {display:none}