/*
Theme Name: eyesite
Theme URI: http://www.trekthemes.com/eyesite
Author: Georgia Tang
Author URI: http://www.trekwebdesign.com.au
Description: A simple and professional WordPress theme for small businesses, optometrists, and health and medical practices.  The theme enables business owners to easily create an informative page based website.  Eyesite is cleanly coded, translatable, fully mobile responsive and customizable (using the WordPress customizer).  A premium version with a greater range of options is available at trekthemes.com.
Version: 1.54
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eyesite
Tags: accessibility-ready, right-sidebar, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, one-column, theme-options, featured-images, rtl-language-support, sticky-post, translation-ready

This is the free version of eyesite.
To upgrade to premium with added features visit trekthemes.com/shop/

This theme, like WordPress, is licensed under the GPL.
eyesite is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/

Fonts sourced through google fonts (see customizer.php and functions.php) are under the SIL Open Font License (OFL)
*/

/*--------------------------------------------------------------
Contents
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 General Links
	5.2 Navigation for posts and pages
	5.3 Menus
		5.31 Main menu (and main menu media queries)
		5.32 Main menu small screens
		5.33 Social media menu
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Site Header
14.0 Site Footer
15.0 Widget areas (sidebars)
	15.1 Main widget area ('sidebar')
	15.2 Footer widget area ('sidebar-footer')
	15.3 Header widget area ('sidebar-header')
16.0 Plugin support
	16.1 Woocommerce
	16.2 Mailchimp
17.0 Site structure and its Media queries
--------------------------------------------------------------*

/*see separate css sheets in css folder for the theme color schemes (blue, black, white, olive, grey, dark - blue is default. only blue and white
selections are available in the free version), 
and customizer layout options (right and full-width, premium theme only - left is default and styled within this style sheet)
the customizer also sets styles for widget borders in the premium version*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
/*google fonts are added using enqueue google fonts in functions.php
helvetica is the default body font and righteous (google font) is the default heading font
the body and heading fonts can be altered using the customizer*/

body,
button,
input,
select,
textarea {
	color: #222;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}


/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #666;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
	background-color: #f2f2f2;
}

input[type="search"]:focus {
	border: 2px solid #f2f2f2;
	background-color: #f2f2f2;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	color:#000;
	max-width: 100%;
	padding: 3px;
	padding-right:0;
}

.search-field { /*need to find a different selector for this*/
margin-bottom: 1em;
}

textarea {
	height: 150px;
	max-width: 500px;
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

button.menu-toggle {
	background: url(nav-three-lines-white.png) no-repeat scroll;
	border: none;
	box-shadow: none;
	padding: 1.3em;
	position: absolute;
	right: 1em;
	top: -1em;
	z-index: 99999;
}

button.menu-toggle:focus {
	outline: 1px dotted #ccc;
}

label {
	padding-right: 10px;
	padding-bottom: 10px;
}

/*links styled to look like buttons (as putting buttons within links does not validate)*/
.button {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	font-size: 12px;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
}

.button:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

.button:focus {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 General links
--------------------------------------------------------------*/
a {
	-webkit-transition: color 0.25s ease-in-out;
	-moz-transition: color 0.25s ease-in-out;
	-ms-transition: color 0.25s ease-in-out;
	-o-transition: color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out;
	text-decoration: none;
}

/*--------------------------------------------------------------
5.2 Navigation for posts and pages
--------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.cat-links, 
.comments-link, 
.posted-on {  /*'posted in' and 'leave a comment' in the post footer, and 'posted on' in the post header*/
	font-style: italic;
	font-weight: bold;
}

.cat-links {
	margin-right:3em;
}

.tags-links {
	margin-right: 2em;
}

.cat-links a {
	margin-left: 0.2em;
}

/*--------------------------------------------------------------
5.3 Menus
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.31 Main Menu
--------------------------------------------------------------*/
.main-navigation {
	float: right;
	max-width: 60%;
	position: absolute;
	right:1em;
	top: 1em;	
}

.main-navigation ul { /*main navigation block of links*/
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}

.main-navigation ul li { /*each first level link*/
	float: left;
	position: relative;
}

.main-navigation ul li:hover, 
.main-navigation ul li.hover { /*the js in footer.php adds a class .hover to links with tabbed focus.  the link then behaves same on focus as when hovered over with the mouse*/
z-index: 100;
}

.main-navigation ul a { /*each first level link*/
	display: block;
	font-size: 1em;
	height: 2.5em;
	letter-spacing:0.01em;
	line-height: 2.5em;
	padding-left: 18px;
	padding-right: 18px;
	position:relative;	
	text-decoration: none;
	text-transform: uppercase;
}

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation a:active
.main-navigation li.hover a {
	-webkit-transition: background-color 0.25s ease-in-out;
	-moz-transition: background-color 0.25s ease-in-out;
	-ms-transition: background-color 0.25s ease-in-out;
	-o-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
	text-decoration: none;
}

.main-navigation ul ul { /*each list block of child links*/
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	position: absolute;
	margin-left: -999em;/*hidden off the page until hover or focus over the parent link*/
	top: 2.5em;
}

.main-navigation ul ul ul { /*each list block of grandchild links*/
	position:absolute;
	margin-left: -999em;
	top: 0;
}

.main-navigation ul li:hover > ul, /*>sign is important, it causes only the child link to appear on hover of its parent rather than both child and grandchild links*/
.main-navigation ul li.hover > ul  {
	margin-left: 0;
	right: 0;
}

.main-navigation ul ul li ,
.main-navigation ul ul ul li {
float: none;
}

.main-navigation ul ul a,
.main-navigation ul ul ul a {
	background-color:#fff;
	color:#222;
	font-size: 0.9em;
	height: 2em;
	line-height: 2em;
	white-space: nowrap;
	width: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.hover > ul { /*this line not working for tabbing - grandchild links not responding to the js*/
	margin-left: 100%;
	right: 100%; /*makes the grandchild links open to the left so they don't go off screen*/
}

li.current-menu-item > a {
	border-bottom: 2px solid white;
}

/*--------------------------------------------------------------
5.31 Main Menu (including its media queries)
--------------------------------------------------------------*/

.menu-toggle {
	display: none;
}

@media screen and (max-width: 1025px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation {
		max-width: 50%;
		z-index: 9999;
		right: 0;
	}

	.main-navigation ul {
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		clear:both;
		display: none;
		float:right;
		margin-right: 0.5em;
		margin-top: 2em;
	}
	
	.main-navigation li {
		display:block;
		clear:both;
		width:100%;
	}
	
	.main-navigation ul a {
		background-color: #fff;
		color: #000;
		min-width: 10em;
		line-height: 1.5em;
		padding: 8px 5px;
	}

	.main-navigation a:hover,
	.main-navigation a:focus,
	.main-navigation a:active {
		background-color: #fff;
		color: #1d264d;
		-webkit-transition: color 0.25s ease-in-out;
		-moz-transition: color 0.25s ease-in-out;
		-o-transition: color 0.25s ease-in-out;
		-ms-transition: color 0.25s ease-in-out;
		transition: color 0.25s ease-in-out;
	}

	li.current-menu-item a {
		background-color: #fff;
		border-bottom: none;
		color: #1d264d;
	}
}

/*5.33 Social media menu styles - n/a in free version***********************
----------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.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: 1.4rem;
	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 */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.5em;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.post-edit-link {
	font-weight: bold;
	margin-left: 1em;
	text-decoration: underline;
}

.attachment-post-thumbnail { /*the photo that goes next to search results and archive results if uploaded via the dashboard*/
	float: left;
	margin: 0.5em 1em 2em 0;
}

.post-navigation {
	display: none;
}


/*headings and other styles for text within posts*/
h1.entry-title, 
h1.page-title {
	padding: 0em 0.5em 0em 0;
}

h1.entry-title {
	font-size: 1.8em;
	font-family: "Righteous";
}

h1.page-title { /*this is the title of search pages etc*/
	font-size: 1.2em;
	margin-top: 0.5em;
	padding-bottom: 1em;
}

.entry-content h1 {
	font-size: 1.5em;
	margin-bottom:0.4em;
}

.entry-content h2 {
	font-size: 1.4em;
	font-family: "Righteous";
	margin-bottom:0.4em;
}

.entry-content h3 {
	font-size: 1.3em;
	margin-bottom:0.4em;
}

.entry-content h4 {
	font-size: 1.2em;
	margin-bottom:0.4em;
}

h4.no-clear {
	clear:none;
	float: left;
}

.entry-content h5 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom:0.4em;
}

.entry-content h6 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom:0.4em;
}

p.form-allowed-tags {
	display:none;
}

.post {
	border-bottom: 1px dotted #ccc;
	overflow: hidden; /*added this to push the post border-bottom under the post image on search excerpts where the post content was shorter than the image*/
	padding-bottom: 2em;
}

.entry-footer {
	margin-top: 1em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comment-content {
	margin: 1.5em 0 0.5em 1.5em;
}

.comment-author {
	margin-top: 2em;
}

.comment-metadata,
.comment-metadata p {
	font-size: 0.9em;
	margin: 0.3em 0;
}

.comments-title {
	font-size: 1.2em;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}

.comment {
	margin-left: 0.5em;
}

.comment-list {
	list-style-type: none; /*deletes the numerical ordered list on comments*/
}

.comment-reply-title {
	font-weight:bold;
	margin-bottom:1em;
	margin-top: 1em;
}

.comment-reply-link {
	border: 1px dotted;
	margin-bottom: 5px;
	padding: 8px;
}

#cancel-comment-reply-link {
	margin-left: 0.8em;
}

.avatar {
	margin-right: 15px;
}

.byline {
	margin-left: 0.4em;
}

.comment-awaiting-moderation {
	color: #590015;/*deep red*/
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

.wp-post-image {
	margin-top: 1em;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	margin-bottom: 2em;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
13.0 Site header
--------------------------------------------------------------*/
 
.site-header {
	position: relative; /*so can position sidebar three absolutely within the header*/
	width: 100%;
}

.site-title {
	font-size: 3.5em;
	letter-spacing: 0.05em;
	line-height: 1.2em;
}

.site-branding, .site-logo {
	max-width:40%;
	padding: 1em;
	padding-left: 3em;
	text-align:left;
}

.site-description {
	margin-top: 0.5em;
	margin-left: 0.2em;
}


.site-header-img{
	text-align:center;
}

.header-img {
	margin-bottom: 1em;
	max-width: 100%;
}

/*--------------------------------------------------------------
14.0 Site Footer
--------------------------------------------------------------*/
.site-footer {
	clear:both;
	text-align:right;
	width:100%;
}

.copyright {
	clear: both;
	font-size: 0.9em;
	padding-top: 0.5em;
	width: 95%;
}

.copyright a {
	text-decoration: underline;
}

/*--------------------------------------------------------------
15.0 Widget Areas (sidebars)
--------------------------------------------------------------*/
/*Core widget styles - fixing irregularities*/
#secondary .widget_search { /*Removes the border around the search widget within the main sidebar (if a border option has been selected)*/
	border: none!important;
}

#wp-calendar th {
	text-align: right;
}

#wp-calendar caption {
	padding-bottom: 0.5em;
}

#wp-calendar {
	padding: 5px;
}

/*moving search 'submit' button off screen but keeping it around so it can be read by screen readers*/
.search-submit {
	left: -9999em;
    margin-left: 1em;
    position: absolute;
}

/*--------------------------------------------------------------
15.1 Main widget Area ('sidebar')
this is located in div#secondary (positioned left or right of main content and not present if full width layout is selected
--------------------------------------------------------------*/

.widget-title {
	font-weight: bold;
}

.widget-area ul {
	list-style-type:none;
	margin-left:0.5em;
}

#secondary .widget {
	border: 1px dotted #000;
	padding: 1em;
}

/*--------------------------------------------------------------
15.2 Footer widget area ('sidebar footer')
--------------------------------------------------------------*/
#sidebar-footer {
	overflow:hidden;
	width:100%;
}

#sidebar-footer .widget {
	float: left;
	margin-left: 5%;
	min-height: 15em;
	max-height: 25em;
	overflow: hidden;
	padding: 2em 0.5em 0;
	text-align: left;
	width: 20%;

}

#ie #sidebar-footer .widget {
	padding: 2em 0 0;
	width: 18%;
}

/*--------------------------------------------------------------
15.2 Header widget area ('sidebar header')
--------------------------------------------------------------*/
#sidebar-header{
	bottom: 0;
	max-width: 60%;
	position:absolute;
	right: 1em;
}

#sidebar-header .widget {
    display: inline-block;/*the key to getting the widgets to line up vertically at the bottom of the header*/
	margin: 0;
	padding: 0em 0.5em 0.5em;
	vertical-align: bottom;
	z-index:100;
}

#sidebar-header label {
	padding: 0em 0.5em 0.5em;
}

#sidebar-header .search-field {
	margin-bottom:0;
}

/*--------------------------------------------------------------
16.0 Plugin support
--------------------------------------------------------------*/
/*simple image widget*/
.simple-image {
	margin-top: 0.5em;
}

/*--------------------------------------------------------------
16.1 WooCommerce
--------------------------------------------------------------*/

#container {
	margin-top: 2em;
}

.woocommerce-breadcrumb { /*hides heading that says shop/home at the top of the shop page*/
	display:none;
}

/*the cross to remove items in the shopping cart - dark red*/
.woocommerce table.cart a.remove, 
.woocommerce #content table.cart a.remove, 
.woocommerce-page table.cart a.remove, 
.woocommerce-page #content table.cart a.remove {
	color: #590015;
}

.edit {
	margin-top: 0.3em;
	text-decoration: underline;
}

small { /*to correct tiny text size in woocommerce product download link. hopefully it doesn't stuff up 'small' elsewhere, couldn't see how else to change it*/
	font-size: 110%;
	text-decoration: underline;
}

/*these next two change the color of the top line and small square in the info boxes e.g. add a coupon prompt box*/
.woocommerce .woocommerce-info:before, 
.woocommerce-page .woocommerce-info:before {
    background-color: #666!important;
	content: '';
}

.woocommerce .woocommerce-info, 
.woocommerce-page .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
    border-top: 3px solid #666!important;
}


.woocommerce .woocommerce-message:before, 
.woocommerce-page .woocommerce-message:before {
    background-color: #666!important;
    content: '';
}

td {
    text-align: right;
}

.wc-forward:after, .wc-forward a:after {
    content: "";
    font-family: "WooCommerce";
    font-size: 0.75em;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    margin-left: 7px;
    text-transform: none;
}
*, *:before, *:after {
    box-sizing: inherit;
}

.woocommerce a.button {
	margin-bottom: 4px;
}

.woocommerce table.cart input, 
.woocommerce #content table.cart input, 
.woocommerce-page table.cart input, 
.woocommerce-page #content table.cart input {
    margin: 2px;
}

#coupon_code {
	min-width: 7em;
	height: 2.3em;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background-color: #ebe9eb;
    color: #111;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background-color: #cccccc;
    color: #111;
}

/*--------------------------------------------------------------
16.1 MailChimp
--------------------------------------------------------------*/
/*input field box size padding*/
.yks-mailchimpFormDivRowField input {
    padding: 5px!important;
}

#ykfmc-submit_0-e2160ee9c4 { /*the signup button to mailchimp newsletters within widget*/
    background: none repeat scroll 0 0 #8f0a0a!important;
    border: 1px solid #8f0a0a;
	box-shadow:none!important;
	color: #fff!important;
	font-size: 1.05em!important;
	margin-left:auto;
	margin-right:auto;
	padding:7px!important;
	text-shadow:none;
	text-transform:uppercase;
	width:95%;
}

div.wpcf7-mail-sent-ok {
    border: 1px solid #ccc;
}

.mc4wp-form form, form.mc4wp-form {
    max-width: 400px;
}

/*--------------------------------------------------------------
17.0 Site structure and media queries (also see 5.31 for main menu media queries)
--------------------------------------------------------------*/

/* the following styles apply to the sidebar left layout (the default layout) and some will be overiden when sidebar right or full width is chosesn*/
#primary, 
#container {  /*container div applies to the woocommerce pages - woo commerce uses its own templates*/
	background-color: #fff;
	float:right;
	margin-right:5%;
	max-width: 800px;
	min-height: 600px; /*prevents the footer from rising too high on the page if there is minimal content in the container and sidebar areas*/
	padding: 2em;
	width:60%;
}

*+html #primary, /*these two hacks prevent float drop of the sidebar in ie7*/
*+html #container {
	clear: right;
}

*+html #secondary{
	clear: left;
}

#secondary {
	background-color: #fff;
	float:left;
	margin-left:5%;
	padding: 2em;
	width: 20%;
}

@media only screen and (min-width: 1400px) {
	#primary, 
	#container {
		max-width: 1000px;
	}
	
	#secondary {
		width:25%;
	}
	
	.site-branding, .site-logo {
		padding-left: 5%;
	}
}

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

	#primary, 
	#container {
		margin-right: 2%;
		width: 65%;
	}

	#secondary {
		margin-left:3%;
		width:25%;
	}
}

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

	#primary, 
	#container {
		margin-right: 0;
		width: 70%;
	}

	#secondary {
		margin-left:0;
		width:30%;
	}

	.site-branding {
		max-width: 60%;
		text-align:left;
	}
	
	.site-logo {
		max-width: 50%;
	}

	#sidebar-header {
		max-width: 40%;
	}
}

@media screen and (max-width: 900px) {
	.main-navigation a {
		font-size: 0.9em;
	}
	
	.site-branding, .site-logo {
		padding: 1em;
	}

	.site-title {
		font-size: 3em;
	}

	.menu-social li a::before {
		font-size: 28px;
		padding-left: 2px;
		padding-right: 1px;
	}

	.menu-social.social-top li a::before {
		padding-right: 5px;
	}	
}

@media only screen and (max-width: 800px) {
	#primary, 
	#container { 
		float:left;
		margin: 0;
		padding: 1em 1em 2em;
		width: 100%;
	}

	#secondary {
		border-top: 1px solid #ccc;
		float:left;
		margin: 0;
		padding: 2em 2%;
		width: 100%;
	}

	#secondary .widget {
		float: left;
		margin-left: 3%;
		width: 45%;
	}

	#sidebar-footer .widget {
		float: left;
		margin: 1em 0 3em;
		min-height: 9em;
		max-height: 15em;
		padding: 1em 2em 0 2em;
		text-align: left;
		width: 50%;
	}

	.site-title {
		font-size: 2.5em;
	}

	.copyright {
		margin-bottom: 0.2em;
	}
}	

@media only screen and (max-width: 600px) {
	.site-logo {
		max-width: 60%;
	}
}

@media only screen and (max-width: 500px) {
	body {
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	h1.entry-title {
		font-size: 1.6em;
	}

	.entry-content h2 {
		font-size: 1.3em;
	}

	.main-navigation a {
		font-size: 14px;
		font-size: 1.4rem;
	}

	#primary, 
	#container,
	#secondary { 
		padding: 0;
		width: 100%;
	}
	
	#secondary {
		padding-top: 1em;
	}
	
	#content { /*giving these wrapper divs padding and their children divs (primary, container, secondary) 100% width and no padding to overcome limitations of older android browsers that don't recognise the new html5 border box sizing*/
		padding: 1.5em;
		padding-top: 1em;
	}
	
	.secondary-padding {
		padding: 0.5em;
	}
	
	#secondary .widget {
		margin-right: auto;
		margin-left: auto;
		padding: 2%;
		width: 96%;
	}
	
	#sidebar-footer {	
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	#sidebar-footer .widget {
		margin-bottom: 1em;
		margin-left: auto;
		margin-right: auto;
		min-height: 4em;
		padding: 1em 5%;
		width: 90%;
	}

	.menu-social li a::before {
		font-size: 22px;
		padding-left: 0px;
		padding-right: 1px;
	}
	
	#sidebar-header label {
		padding: 0 0.5em 0;
	}
}

@media only screen and (max-width: 400px) {
	.main-navigation ul {
		margin-right: 0.1em;
	}

	.site-branding {
		padding-left: 0.5em;
	}
	
	.menu-social.social-top li a:before {
		padding-right: 0;
	}	

	.mc4wp-form form, form.mc4wp-form {
		max-width: 270px;
	}

	#sidebar-header .search-field {
		width: 100px;
	}
	
	.secondary-padding {
		padding: 0.2em;
	}
	
	#content {
		padding: 1em;
		padding-top: 0.5em;
	}
	
	.btn {
	margin-bottom: 10px;
	}
}