/*
Theme Name: saco
Theme URI: http://sacoranch.com
Author: Kim Marquardt
Author URI: http://kmarq.com
Description: Saco Ranch
Version: 1.0
*/

@charset "utf-8";
/* CSS Document */

    /**
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
    */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
	
	img {
	max-width:100%;
	vertical-align: top;
	}

a img { vertical-align: top; }

/* Set background and font master  */
body {
text-align:center;
font-family: 'Lato', sans-serif;
background-color:#f5f2e9;
}


/* Set text masters */
p, ul, ol  {
color:#563725; 
font-size:24px; 
text-align:left;
line-height:1.5em;
margin: 0 0 1em 0;
font-weight:400;
}

ul, ol {
margin: 0 0 1.2em 25px;
}

li {
margin-bottom:0.6em;
list-style:disc;
}

h1  {
color:#563725;
font-family:'Ovo', serif;
font-size:60px; 
text-align:center;
margin: 20px 0 40px 0;
font-weight:400;
line-height:1.2em;
}

h2  {
color:#d17923;  
font-size:36px; 
text-align:left;
line-height:1.2em;
margin: 20px 0 10px 0;
font-weight:700;
}

h3  {
color:#d17923; 
font-size:28px; 
text-align:left;
margin: 20px 0 10px 0;
font-weight:700;
line-height:1.2em;
}

h4  {
color:#d17923; 
font-size:28px; 
text-align:left;
margin: 0 0 10px 0;
font-weight:700;
line-height:1.2em;
}



a {
font-weight:400; 
color:#d17923;
text-decoration:underline; 
margin:0;
}
a:hover {
color:#374f2a;
}

a.white {
font-weight:400; 
color:#ffffff;
text-decoration:underline;
margin:0;
}
a.white:hover {
color:#ffffff;
text-decoration:underline; 
}
a.brown-button {
  display:inline-block;
  margin: 20px auto;
  color: #fff;
  background-color: #563725; 
  text-align:center;
  font-weight:400;
  text-decoration:none;
  padding: 10px 20px 10px 20px;
  text-transform:uppercase;
}

a.brown-button:hover {
  background-color: #d17923;
  text-decoration:none;
}


.responsive-menu li a{
	font-size:16px;
}

strong {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
}

em {
font-family: 'Lato';
font-style: italic;
font-weight: 400italic;
}

.small {
	font-size:16px;
}

.right {
text-align:right; 
}

.center {
text-align:center; 
}

.center-pic {
text-align:center; 
margin:0;
padding:0;
}

.subhead {
	text-align:center;
padding: 0 0 10px 0;
}

.brown-sub {
	color:#563725;
	text-transform:uppercase;
	text-align:center;
}

.center-img {
text-align:center; 
line-height:1em;
margin: 0;
}

.form {
margin: 0;
}


.ruled {
border-top: solid 1px #d17923;
margin-top:36px;
padding-top:9px;
border-bottom: solid 1px #d17923;
margin-bottom:36px;
padding-bottom:9px;
}

.ruled-top {
border-top: solid 1px #d17923;
margin-top:42px;
padding-top:30px;
}

.boxed {
	background-color:#eddac1;
	padding:30px;
	margin-bottom:30px;
	margin-top:30px;
}

.faq-q {
	background-color:#eddac1;
	padding:20px;
	margin-bottom:20px;
	margin-top:40px;
	color:#563725;
}

.boxed-centered {
	background-color:#d05730;
	padding:30px;
	margin-bottom:30px;
	margin-top:30px;
	color:#FFF;
	text-align:center;
}

.grey-border {
	border:1px #666666 solid;
}

.middle {vertical-align:middle;} 

/* two columns with a margin in the middle */
.two-column{
	width:100%;
}
.two-column-left{
	width:45%;
	float:left;
	display:block;
}
.two-column-center{
	width:10%;
	float:left;
	display:block;
}
.two-column-right{
	width:45%;
	float:right;
	display:block;
}

/* highlight with pic on left */
.highlight{
	width:100%;
	background-color:#eddac1;
	margin-top:40px;
	margin-bottom:40px;
}
.highlight-wrapper{
text-align:left;
margin:20px auto;
position:relative;
width:100%;

}
.highlight-left{
	width:30%;
	float:left;
	display:block;
}

.highlight-right{
	width:70%;
	float:right;
	display:block;
}

.highlight-left-reverse{
	width:70%;
	float:left;
	display:block;
}

.highlight-right-reverse{
	width:30%;
	float:right;
	display:block;
}
/* the clear-fix hack to force an element to clear its children -- add group to the parent element */

.group:after {
  content: "";
  display: table;
  clear: both;
}

/* End hide from IE-mac */


/* three equal columns */
.three-column{
	width:100%;
}
.three-column-first{
	width:33.3%;
	float:left;
	display:block;
}
.three-column-second{
	width:33.3%;
	float:left;
	display:block;
}
.three-column-third{
	width:33.3%;
	float:right;
	display:block;
}

/* three equal columns for home page */
.home-three-column{
	width:100%;
}
.home-three-column-first{
	width:31.33%;
	float:left;
	display:block;
	background-color:#a4b878;
}
.home-three-column-second{
	width:31.33%;
	float:left;
	display:block;
	background-color:#dfa972;
}
.home-three-column-margin{
	width:3%;
	float:left;
	display:block;
}
.home-three-column-third{
	width:31.33%;
	float:right;
	display:block;
	background-color:#abc0cd;
}

/* two equal columns */
.half-left{
	width:50%;
	float:left;
	display:block;
	padding-bottom:30px;
}
.half-right{
	width:50%;
	float:right;
	display:block;
	padding-bottom:30px;
}

table {
  border-collapse: collapse;
  width: 100%;
  font-size:20px;
  line-height:1.2em;
}

th, td {
  padding: 20px 5px 20px 5px;
  text-align: left;
  margin:0;
}

tr:last-child {

}



#top{
width:100%;
background-color:#d17923;
}
#top-wrapper{
text-align:left;
margin:0 auto;
position:relative;
max-width:1600px;
width:80%;
}
#top-logo{
	width:30%;
	display:block;
	background-color:#563725;
	float:left;
}
#top-nav{
	width:70%;
	display:block;
	float:right;
}

#nav{
	display:block;
}
#home-picture{
	width:100%;
	background-color:#f5f2e9;
}


#content{
width:100%;
background-color:#f5f2e9;
}
#content-wrapper{
text-align:left;
margin:60px auto 20px auto;
position:relative;
max-width:1600px;
width:80%;
}

#content-wrapper-home{
text-align:left;
margin:30px auto 20px auto;
position:relative;
max-width:1600px;
width:80%;
}

#photo-bar{
width:100%;
background-color:#f5f2e9;
}
#photo-bar-wrapper{
text-align:left;
margin:40px auto;
position:relative;
max-width:1600px;
width:80%;
}


#footer{
width:100%;
background-color:#563725;
}
#footer-wrapper{
text-align:left;
margin:0 auto;
position:relative;
max-width:1600px;
width:80%;
}
#footer-padding{
	padding-top:20px;
	padding-bottom:20px;
	display:block;
}
#footer-wrapper p{
	color:#ffffff;
	text-align:center;
	font-size:18px;
}




.clear {
	clear:both;
}

.inner10{
	padding:10px;
}
.inner15{
	padding:15px;
}
.inner20{
	padding:20px;
}


/* Additional WP styles */
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 14px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 8px;
}
.wp-caption {
	background: #eddac1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 24px;
	text-align: center;
}
.wp-caption img {
	margin: 0 5px 0;
}
.wp-caption p.wp-caption-text {
color:#563725; 
font-size:20px; 
	margin: 12px;
	text-align:left;
}

.test-caption {
	background: #eddac1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 24px;
	text-align: center;
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 0;
	witdth: 40%;
}

.test-caption img {
	margin: 0 5px 0;
}
.test-caption p.wp-caption-text {
color:#563725; 
font-size:24px; 
	margin: 12px;
	text-align:left;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}
.entry-post {
	border-bottom: solid 1px #333333;
}
.next-posts {
Font-family:arial,helvetica,sans-serif; 
color:#000000; 
font-size:0.9em; 
text-align:left;
line-height:1.4em;
margin: 0;
}

.prev-posts {
Font-family:arial,helvetica,sans-serif; 
color:#000000; 
font-size:0.9em; 
text-align:right;
line-height:1.4em;
margin: 0;
}




@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */


/* Forms */
input[type=text],
input[type=password],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}
input#s {
	background: url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit {
	display: none;
}


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

p, ul, ol  {
font-size:20px; 
line-height:1.4em;
}

h1  {
font-size:40px; 
margin: 20px 0 30px 0;
}

h2  {
font-size:26px; 
margin: 30px 0 6px 0;
}

h3  {
font-size:24px; 
}

table {
  font-size:18px;
}

#top-logo{
	width:40%;
}
#top-nav{
	width:60%;
}

#nav{
	display:none;
}

.home-three-column-first{
	width:100%;
	float:none;
	display:block;
	background-color:#a4b878;
}
.home-three-column-second{
	width:100%;
	float:none;
	display:block;
	background-color:#dfa972;
}
.home-three-column-margin{
	width:100%;
	float:none;
	display:block;
}
.home-three-column-third{
	width:100%;
	float:none;
	display:block;
	background-color:#abc0cd;
}
}

@media only screen and (max-width:799px) {
#top-wrapper{
width:100%;
}
#top-logo{
	width:60%;
}
#top-nav{
	width:40%;
}
	
#photo-bar-wrapper{
width:100%;
margin:40px auto 10px auto;
}

.half-left{
	width:100%;
	float:none;
	display:block;
	padding-bottom:30px;
}
.half-right{
	width:100%;
	float:none;
	display:block;
	padding-bottom:30px;
}

.highlight-left{
	width:100%;
	float:none;
	display:block;
}

.highlight-right{
	width:100%;
	float:none;
	display:block;
}

.highlight-left-reverse{
	width:100%;
	float:none;
	display:block;
}

.highlight-right-reverse{
	width:100%;
	float:none;
	display:block;
}

.two-column-left{
	width:100%;
	float:none;
	display:block;
}
.two-column-center{
	width:100%;
	float:none;
	display:block;
}
.two-column-right{
	width:100%;
	float:none;
	display:block;
}
.alignleft {
	display: block;
	float: none;
	margin-right: 0;
	margin-top: 4px;
}
.alignright {
	display: block;
	float: none;
	margin-left: 0;
	margin-top: 0;
witdth: 100%;
}

#content-wrapper{
margin:40px auto 20px auto;
width:90%;
}

#content-wrapper-home{
text-align:left;
margin:30px auto 20px auto;
width:90%;
}




.test-caption {
	background: #eddac1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 24px;
	text-align: center;
	display: block;
	float: none;
	margin-left: 0;
	margin-top: 0;
	witdth: 100%;
}
}

/* for the phone number to appear on iphone */
.tel,.tel:visited { /*for small screens */
color:#fff;
text-decoration:underline;
}
.tel:hover,.tel:focus {
color:#fff;
}
@media screen and (min-width: 28.5em) { /* for larger screens */
.tel,.tel:visited {
background:none;
cursor:default;
text-decoration:none;
}
.tel,.tel:focus {
color:#fff;
}
}