/*
Theme Name: tempSlate 2
Theme URI: http://www.newharvest.ca
Description:  (Mostly) unstyled responsive structure.
Author: Karyl Gilbertson, New Harvest Media
Author URI: 
Version: 2.0
License: GPLv2
License URI: https://wordpress.org/about/gpl/
Text Domain: new-harvest
Tags: light, responsive-layout
*/

/* ==== GENERAL ==== */

body {
	margin: 0;
	padding: 0;
	background: #FFF;
	font-family: 'ErasITC','Open Sans', sans-serif;
    color:#660000;
    font-weight:300;
	/* font: 16px "Helvetica Neue", "Helvetica", "Arial", sans-serif; */
	}
.row-wrapper > div {
	max-width: 1000px;
	margin: 0 auto;
	overflow: auto;
	background: #fff;
}
.alignleft {
	float: left;
	margin: 1em 1em 1em 0;
}
.aligncenter {
	text-align: center;
	margin: 0 auto;
}
.alignright {
	float: right;
	margin: 1em 0 1em 1em;
}
img {
	border: 0;
	max-width: 100%;
	height: auto !important;
}
iframe {max-width:100% !important;}
a, a:link, a:visited {
	color: #660000;
    font-weight:700;
}
a:hover {
	color: #660000;
}
/* Remove list styling where lists are usually navigational elements */
#top-nav ul,
#main-nav ul,
#sidebar ul,
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Duplicated in editor-style.css for previewing purposes. */
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 { clear:left; padding-top:1em; margin-bottom:.3em; }

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

#site-title {
	float: left;
	margin: 1em;
}
#site-title h1,
#site-title h2 {
	margin: 0;
}
#site-title img {
	display: block;
}
#call-to-action {
    text-align: right;
    margin: 3em 1em 0;
}
#call-to-action h2 {
    font-style: italic;
    font-weight:300;
}
#call-to-action a {
    font-weight:700;
    font-size:1.50em;
    text-decoration: none;
    margin:0 .2em;
    font-style:normal;
}

/* ==== NAVIGATION ==== */

.top-wrapper {
	background: #777;
}
.top-wrapper > div {
	background: none;
	overflow: auto;
	font-size: 75%;
	text-align: right;
}
.nav-wrapper,
#main-nav {
	background: #660000;
}
#top-nav ul li,
#main-nav ul li {
	display: inline-block;
}
#top-nav ul li {
	margin: 1em 1em 1em 0;
}
#main-nav ul li {
	margin: 1em 0 1em 1em;
}
#top-nav ul li a,
#main-nav ul li a {
	color: #fff;
    text-decoration: none;
    font-weight:300;
    font-size:1.4em;
    font-style:italic;
    margin:0 .1em;
}
#top-nav ul li a:hover,
#main-nav ul li a:hover {
    text-decoration: underline;
}
#main-nav > ul > li > ul {
    display:none;
    position:absolute;
    padding:0;
    background:#660000;

}
#main-nav > ul > li:hover ul {
    display:block;
}
#main-nav > ul > li > ul > li {
    display:block;
	margin: 1em;
}
#main-nav > ul > li > ul a {
    font-size:1.2em;
}

/* === PHOTO BANNER BELOW NAV    === */
.main-wrapper div#feature-image {max-width:none; overflow:hidden;}
.main-wrapper #feature-image img {width:100%; height:auto !important;}

/* ==== MAIN CONTENT AREAS ==== */

#content {
    padding: 1.5em 1em 1em;
    width:64%;
	line-height: 1.5;
    float:left;
}
.entry-title {
	margin: 0 0 .5em;
	line-height: 1;
}
.sticky,
.bypostauthor {
	background: #eee;
	padding: 1em;
}

blockquote {
    float: right;
    max-width: 50%;
    box-sizing: border-box;
    padding: 1px 1em;
    background: #eee;
    font-size: .8em;
}
.entry-content blockquote h4 {
	padding-top: 0;
}

/* ==== IMAGES / CAPTIONS ==== */

.wp-caption {
    text-align: center;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 75%;
    margin: 0;
    padding: 0;
	font-style: italic;
	color: #777;
}

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

#sidebar {
	float: right;
	padding: 30px;
	width: 26%;
	font-size: 1em;
	line-height: 1.77;
    background:#600;
    color:#FFF;
    min-height:350px;
    margin-top:48px;
}
#sidebar #widget_sp_image-5 img, #sidebar #widget_sp_image-13 img, #sidebar #widget_sp_image-12 img 
    {background:#FFF;}
#sidebar a, #sidebar a:visited {color:#FFF;}
#sidebar .widget-title {
	line-height: 1;
	margin: 0 0 .7em;
    font-size:1.5em;
}
#sidebar .widget_nav_menu {line-height:2;}

#sidebar .widget-title, #sidebar .widget_nav_menu li a {opacity:.7;}
#sidebar .widget_nav_menu li a:hover {opacity:1;}


/* ==== FOOTER ==== */
.footer-wrapper {background:#660000; padding:1.5em;}
#footer {
	background: transparent;
	color: #fff;
	font-size: 85%;
    opacity:.7;
}
#footer #text-2.widget-container {
	width: 60%;
	padding: 0 1em;
	float: left;
}
#footer .widget-title {
    font-size:1.7em;
    margin:0 0 .5em;
}
#footer .widget-container a {
    color:#FFF;
    font-weight:300;
}
#footer .widget-container a:hover {
    text-decoration:underline;
}
#footer .widget-container:last-child {
	border: none;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* * * 877px and less * * */
/* * * Touch Layout & Menus * * */
@media touch and (max-device-width:877px), (max-width:877px) {
    
    a.tel {text-decoration: underline !important;}
    
    #site-title {float:none;}
    #site-title img {margin:0 auto;}
    #call-to-action {margin:1em 0 0;}
    #call-to-action h2 {font-size:1em;text-align:center;}
    
    #main-nav {text-align:center;}
    
    #main-nav ul li {margin:.5em;}
    #top-nav ul li a,
    #main-nav ul li a {
        margin:0;
    }
    #content {
        width:auto;
        float:none;
    }
    #sidebar {
        float:none;
        width:auto;
    
        margin-top:0;
        min-height:inherit;
    }
    #footer #text-2.widget-container {
        float:none;
        width:auto;
    }
    #footer .divider {display:none;}
    #footer .mobile-line-break {display:block; clear:both;}
    
    #widget_sp_image-4 {text-align:center;padding:5em 0 4em;}
    #widget_sp_image-4 img.alignright {
        float:none;
        margin:0 auto;
    }
}

/* Page-Specific Styles */
body.home #content {
    width:auto;

    padding: .6em 1em 1em;
}
body.home .metaslider .caption-wrap {
    background:#600;
    font-size:1.3em;
    font-weight:700;
    height:62px;
    line-height:1.1;
    opacity:.8;
}
body.home .metaslider .ms-image:hover .caption-wrap {
    opacity:1;
}
body.home .metaslider .caption-wrap .caption {padding:0;}
body.home .metaslider .caption-wrap .caption a {
    color:#FFF;
    text-decoration:none; 
    display:block;
    padding:9px 10px;
    height:44px;
}