
/** Contents
--------------------------------------------------------------
1. Fonts
2. Reset and setup
3. Layout general
4. Layout advanced frontpage 
5. Slider
6. Branding 
7. Navigation 
8. Typography 
9. Links 
10. Images and alignment
11. Galleries
12. Comments and forms
13. Tables and definition lists
14. Widgets
15. Embeds
16. Post visibility
17. Plugin support
18. WooCommerce support
19. Accessibility
20. Shortcodes
21. Extras
22. Media queries for adaptive layout
-------------------------------------------------------------- */


/** 1. Fonts
-------------------------------------------------------------- */
@font-face {
	font-family: 'icomoon-simplicity';
	src:url('../fonts/icomoon-simplicity.eot?de5z1c');
	src:url('../fonts/icomoon-simplicity.eot?#iefixde5z1c') format('embedded-opentype'),
		url('../fonts/icomoon-simplicity.woff?de5z1c') format('woff'),
		url('../fonts/icomoon-simplicity.ttf?de5z1c') format('truetype'),
		url('../fonts/icomoon-simplicity.svg?de5z1c#icomoon-simplicity') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon-simplicity';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}

.icon-search:before {
	content: "\e607";
}
.icon-email:before {
	content: "\e600";
}
.icon-googleplus:before {
	content: "\e601";
}
.icon-facebook:before {
	content: "\e602";
}
.icon-instagram:before {
	content: "\e603";
}
.icon-twitter:before {
	content: "\e604";
}
.icon-rssfeed:before {
	content: "\e605";
}
.icon-youtube:before {
	content: "\e608";
}
.icon-vimeo:before {
	content: "\e609";
}
.icon-flickr:before {
	content: "\e606";
}
.icon-deviantart:before {
	content: "\e60a";
}
.icon-wordpress:before {
	content: "\e60b";
}
.icon-blogger:before {
	content: "\e60c";
}
.icon-tumblr:before {
	content: "\e60d";
}
.icon-soundcloud:before {
	content: "\e60e";
}
.icon-skype:before {
	content: "\e612";
}
.icon-reddit:before {
	content: "\e60f";
}
.icon-linkedin:before {
	content: "\e610";
}
.icon-stumbleupon:before {
	content: "\e611";
}
.icon-pinterest:before {
	content: "\e613";
}

/** 2. Reset and setup
-------------------------------------------------------------- */

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;
	/* following 2 lines prevent long lines overflowing their box and breaking the layout */
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

html {
	background: rgb(255,255,255);	
	font-size: 16px;	
	line-height: 24px;
	font-family: Arial, sans-serif;
	color: rgb(72,72,72);
	
	/* following 2 declarations obsolete with latest versions of Chrome - disabling them to prevent issues */
	/* -webkit-text-stroke: 1px rgba(109,110,113,0.1); /* to smooth font in Chrome - see http://www.dev-metal.com/fix-ugly-font-rendering-google-chrome/ */	
	/* opacity: .99; /* Crisper text in webkit browsers http://zurb.com/article/173/3-ways-to-make-your-site-look-better-in-m */
}

/* improve readability of pre-formatted text */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* Prevent 'sub' and 'sup' affecting 'line-height' */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

/** 3. Layout general
-------------------------------------------------------------- */

body {	
	padding: 36px 0;
}

#container {
	width: 980px;
	margin: 0 auto;
}

#inner-header {
	position: relative;
}
#header-extras {
	position: absolute;
	top: -24px;
	right: 0;
}
#social-media-icons {
	float: left;
}

#inner-header nav {
	clear: both;
	position: relative;
}

#site_banner {
	width: 980px;
	height: auto;
}

#content,
#inner-footer {
	float: left; 
	width: 980px;
	margin-bottom: 12px;
}
#content {
	margin-bottom: 48px;
}

#inner-content {
	margin: 0 auto;
}

#main {
	width: 640px;
}
#sidebar1 {
	width: 220px;
	margin-top: 48px;
}

.sidebar-right #main {
	float: left;
	width: 640px;
}
.sidebar-right #sidebar1 {
	float: right;
}

.sidebar-left #main {
	float: right;
}
.sidebar-left #sidebar1 {
	float: left;
}

.front-page #main,
.full-width #main {
	width: 100% !important;
}
.no_sidebar #main {
	margin: auto;
}

article {
	clear: both;
}

.article-header {
	margin-bottom: 18px;
}
.single .article-header h1,
.blog .article-header h1,
.archive .article-header h2,
.search .article-header h2 {
	border-bottom: 1px dashed rgb(72,72,72);
	border-bottom: 1px dashed rgba(72,72,72,.5);
	padding-bottom: 6px;
}
.article-header h1,
.article-header h2 {
	margin-bottom: 6px;
	position: relative;
}
.article-header .byline {
	margin: 0;
}

.byline .separator {
	padding: 0 6px;
}

.entry-content.no_title {
	margin-top: 48px;
}

.widget {
	margin-bottom: 48px;
	float: left;
	clear: both;	
	width: 100%;
}
iframe {
	display: block;
	max-width: 100%;
}

footer {
	clear: both;
}
footer.footer {
	width: 980px;
	margin: 0 auto;	
}

.footer {
	position: relative;
}
.footer #inner-footer {
	border-top: 1px dashed rgb(72,72,72);
	border-bottom: 1px dashed rgb(72,72,72);
	border-top: 1px dashed rgba(72,72,72,.3);
	border-bottom: 1px dashed rgba(72,72,72,.3);
}

/* Footer widget areas */
.footer-sidebar { /* general */
	float: left;
	width: 250px;
	margin: 10px 115px 0 0;
	font-size: .9em;
}

.fs1 { /* 1st */	
}

.fs2 { /* 2nd */
}

.fs3 { /* 3rd */
	margin-right: 0 !important;
}

.article-footer {
	margin: 24px 0 72px;
	float: left;
	padding-top: 12px;
	width: 100%;
}
.single .article-footer {	
	border-top: 1px dashed rgba(72,72,72,.3);
}

.article-footer-col {
	width: 420px;
	float: left;
	margin-right: 20px;
}
.article-footer-col+.article-footer-col {
	width: 200px;
	float: right;
	margin-right: 0;
	text-align: right;
}

/** 4. Layout advanced frontpage 
-------------------------------------------------------------- */
.homepage_row {
	clear: both;
	overflow: auto;
	margin-bottom: 48px;
	position: relative;
}
.homepage_column {
	float: left;
}
.homepage_column h1:first-child,
.homepage_column h2:first-child,
.homepage_column h3:first-child,
.homepage_column h4:first-child,
.homepage_column h5:first-child,
.homepage_column h6:first-child { /* Decrease margin of header is first element in box */
	margin-top: 6px;
}
.homepage_column.one-full img:first-child {
	margin-top: 0;
}

/** 5. Slider
-------------------------------------------------------------- */

#simplicity_slider {
	width: 99.99% /* gets rid of .5px stripe sowing on right of slides if background color is set */
}
#simplicity_slider .slides_column {
	margin: 0 !important;
}
#simplicity_slider .slides_column.last {
	float: right;
}
#simplicity_slider.has_bg_color .fotorama__nav-wrap { /* Moves navigation dots to top of image (instead of below the slides) if a background color is set - this prevents the background color from continuing below the slides */
	position: absolute;
	top: 0;
}

/** 6. Branding 
-------------------------------------------------------------- */
#branding {
	float: center; /* float: center; doesn't actually do anything, but combined with text-align: center; it works nicely */
	text-align: center;
}
#site_title {
	display: block;
	margin: 0 auto;
}
#site_title a {
	border: 0;	
	font-size: 33px;
	background: none;
	color: rgb(114,166,90);
}

/** 7. Navigation 
-------------------------------------------------------------- */
#inner-header nav {
	z-index: 9;
	font-size: 14px;
	margin-top: 60px;
}
#top-nav ul,
#top-nav  > ul {	
	display: inline-block;
	text-align: right;
	width: 100%;
	margin: 0 !important;
}
#top-nav ul {
	margin: 0;
	text-indent: 0;
}
#top-nav li a,
#top-nav li {
	display: inline-block;
}
#top-nav li {
	margin: 0 15px 0 0;
	position: relative;
}
#top-nav li:last-child {
	margin-right: 0;
}

/* General navigation styles */
#top-nav li a {	
	color: rgb(72,72,72);
	line-height: 48px;
	white-space: nowrap;	
	padding: 0 5px;	
	border-bottom: 2px solid transparent;
}
#top-nav li a:hover {	
	background: 0;
}
#top-nav .top-nav > li a:hover {
	border-bottom: 2px solid rgb(114,166,90);
	border-bottom: 2px solid rgba(114,166,90,.6);
}
#top-nav li a:active {	

}

/* Current menu item */
#top-nav .current-menu-item > a,
#top-nav .current-menu-ancestor > a,
#top-nav .current_page_parent > a,
#top-nav .current_page_item > a,
#top-nav .current_page_ancestor > a {
	border-bottom: 2px solid rgb(114,166,90);
	border-bottom: 2px solid rgba(114,166,90,.6);
}

/* Submenu navigation styles */
#top-nav .children li a, 
#top-nav .sub-menu li a {
	border-bottom: 1px solid rgb(255,255,255);
	border-bottom: 1px solid rgba(255,255,255,.8);
	text-align: left;
	text-shadow: none;
}
#top-nav .children li a:hover, 
#top-nav .sub-menu li a:hover {
	border-bottom: 1px solid rgb(255,255,255);
	border-bottom: 1px solid rgba(255,255,255,.8);
}
#top-nav .children li:first-child a,
#top-nav .sub-menu li:first-child a {
	border-top: 1px solid rgb(255,255,255);
	border-top: 1px solid rgba(255,255,255,.8);
}
#top-nav .children li li:first-child a,
#top-nav .sub-menu li li:first-child a {
	border-bottom: 0;
}

#top-nav .children .current_page_item > a,#top-nav .sub-menu .current_page_item > a {
	background: rgb(255,255,255);
}
#top-nav .children .current_page_ancestor > a,
#top-nav .sub-menu .current_page_ancestor > a {	
	color: rgb(72,72,72);
}
#top-nav .children .current_page_ancestor > a:hover,
#top-nav .sub-menu .current_page_ancestor > a:hover {		
	color: rgb(72,72,72);
	color: rgba(72,72,72,.8);
}

#top-nav li ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 1;
	width: 220px;
	background: rgb(255,255,255);
	background: rgba(255,255,255,.8);
} 
#top-nav li:last-child ul,
#top-nav li:nth-last-child(2) ul {	
	right: 0;
}
#top-nav li ul ul {
	top: 0;
	left: 100%;
}
#top-nav ul li:hover > ul {
	border-left: 0;
	display: block;
}
#top-nav li ul li a {
	color: rgb(72,72,72);
	display: block;
	font-size: 14px;
	line-height: 24px;
	padding: 6px 10px;
	width: 200px;
	white-space: normal;
}
#top-nav li ul li a:hover {
	background: rgb(255,255,255) !important;
	color: rgb(72,72,72);
	color: rgba(72,72,72,.8);
}

/*Style 'toggle menu' button and hide it by default*/
.menu-toggle{
	background: rgb(114,166,90);
	text-align: center;
	color: rgb(255,255,255);
	display: none;
	padding: 6px;
	width: 50%;
	margin: 6px auto 12px;
	float: none;
}
.menu-toggle:hover {
	opacity: .8;
}

/* Page navigation */
.page-navigation {
	clear: both;
}
#content .page-navigation  ol{
	list-style: none;
	padding: 0;
}
.page-navigation  li{
	float: left;
	margin-right: 10px;
	padding: 0;
}
.page-navigation a {
	border: 0;
	padding: 0 5px;
	background: rgb(255,255,255);
}
.page-navigation a:hover,
.page-navigation .bpn-current {
	border: 0;
	color: rgb(255,255,255);
	background: rgb(114,166,90);
	background: rgba(114,166,90,.8);
}
.page-navigation .bpn-current {
	padding: 0 5px;
}

/* Previous next links */
.wp-prev-next {
	float: left;
	margin-bottom: 24px;
	width: 100%;
}
#content .wp-prev-next ul {
	padding: 0;
	list-style: none;
	width: 100%;
	
}
.wp-prev-next li {
	width: 45%;
	float: left;
}
.wp-prev-next li + li {
	float: right;
	text-align: right;
}
.wp-prev-next a {
	display: inline;
}

/* CSS3 Animation on target */
@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

#main h2:target,
#main h3:target,
#main h4:target,
#main #respond:target  h3 { /* highlights anchor jumped to */

-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;

	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}

#credits #footer_nav ul,
#credits #copy_left ul
 {
	left: 0;
	margin: 0;
	display: inline-block;
}
#credits #footer_nav li,
#credits #copy_left li {
	display: inline-block;
}
#credits #footer_nav li:after,
#credits #copy_left li:after {
	content: ' - ';
}
#credits #footer_nav li:last-child:after,
#credits #copy_left li:last-child:after {
	content: '';
}


/** 8. Typography 
-------------------------------------------------------------- */

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
h6 { 
	font-weight: 300;
	color: rgb(114,166,90);
}

h1,
.h1 {
    font-size: 28px;
    line-height: 48px;
    margin: 48px 0 0;
}
h2,
.h2 {
    font-size: 25px;
    line-height: 36px;
    margin-top: 36px;
    margin-bottom: 24px;
	clear: both;
}
h1.h2 {
	margin-top: 48px;
}
h3,
.h3,
h4,
h5,
h6 {
    font-size: 19px;
    margin-top: 24px;
    margin-bottom: 12px;
}

p,
ul {
    margin-top: 0px;
    margin-bottom: 24px;
}
b,
strong {
	font-weight: 900 !important; /* 600 not working in Chrome */
}
i,
em {
	font-style: italic;
}
#home-intro strong {
	color: rgb(114,166,90);
}
small, 
aside,
.byline,
.article-footer-col {
    font-size: 13px;
}
.article-footer-col p {
	margin-bottom: 0;
}
.tags + p {
	color: rgb(72,72,72);
}

.byline small,
.byline time,
.byline a,
.byline {
	color: rgb(72,72,72) !important;
	color: rgba(72,72,72,.5) !important;
	border: 0 !important;
}
.byline a:hover {
	color: rgb(72,72,72) !important;
	background: 0;
}

.entry-content ul,
.entry-content ol {
	margin: 24px 0;
	padding: 0 0 0 30px;
	/* Next 2 lines force margin/space between list and floated image - http://perishablepress.com/margin-list-floated-image/ */
	width: auto; 
	overflow: hidden;
}
.entry-content ul ul,
.entry-content ol ol{
	margin: 0;
}

#sidebar1 li {

}

#sidebar1 ul,
#sidebar1 ol {
	padding: 0;
	list-style: none;
	margin-top: 0;
}

#credits {
	clear: both;
	font-size: .9em;
	color: rgb(72,72,72); /* was accentcolor by default */
	color: rgba(72,72,72,.6);
	text-align: center;
	float: right;
    position: relative;
    left: -50%;
	margin: 12px 0;
}
#credits ul {	
	list-style: none;
	position: relative;
    left: 50%;
}
#credits a {
	border-bottom: 1px solid transparent;
	color: rgb(72,72,72); /* was accentcolor by default */
	color: rgba(72,72,72,.6);
}
#credits a:hover{	
	color: rgb(114,166,90);
	background: 0;	
	border-bottom: 1px solid rgb(114,166,90);
}

/* Styling specific tags */

mark {
	background: rgb(114,166,90);
}
blockquote {
	padding: 24px 60px;
	background: rgb(114,166,90);
	background: rgba(114,166,90,0.1 );
	margin-bottom: 24px;
	position: relative;
}
.entry-content blockquote h1 {	
	background: rgba(114,166,90,.5);
	font-size: 24px;
	margin: 0 24px 12px -24px;
	padding: 0 0 6px 60px;
	text-align: left;
	position: relative;
	left: -36px;
}
.entry-content blockquote p {	
	text-align: center;
}
blockquote p:last-child {
	margin-bottom: 0;
}
blockquote cite {	
	display: block;
	margin-top: 24px;
	text-align: right;
}

address {
	display: block;
	margin: 0 0 24px;
}

pre {
	border: 1px dashed rgb(72,72,72);
	border: 1px dashed rgba(72,72,72,.3);
	color: rgb(72,72,72);
	margin: 12px 0;
	overflow: auto;
	padding: 24px 20px;
}
pre code {
	display: block;
}
abbr,
dfn,
acronym {
	border-bottom: 1px dashed rgb(72,72,72);
	border-bottom: 1px dashed rgba(72,72,72,.3);
	cursor: help;
}

hr {
	border: 0;
    height: 0;
	border-top: 1px dashed rgb(72,72,72);
	border-bottom: 1px dashed rgb(255,255,255);
	border-top: 1px dashed rgba(72,72,72,.3);
	border-bottom: 1px dashed rgba(255,255,255,.3);
}

#footer-sidebars h4 {
	text-transform: uppercase;
	margin-bottom: 24px;
}

/* Setting selection color */
mark,
::selection {
	background: rgb(114,166,90); 
	background: rgba(114,166,90,.5);
	color: rgb(18,2,18);
}
::-moz-selection {
	background: rgb(114,166,90); 
	background: rgba(114,166,90,.5); 
	color: rgb(18,2,18);
}

/** 9. Links 
-------------------------------------------------------------- */
/* Linkstyles */
a {
	text-decoration: none;
	border-right: 1px solid transparent; /*  fix for webkit renders last px of border:1px dotted; oddly (source: http://stackoverflow.com/questions/10838223/webkit-renders-last-px-of-border1px-dotted-oddly) */
	display: inline-block;	
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
}

a:link {
	color: rgb(72,72,72);
	border-bottom: 1px dotted rgb(72,72,72);
	background: 0;
}
a:visited {	
	color: rgb(72,72,72);	
}
a:hover {
	color: rgb(114,166,90);
	border-bottom: 1px solid rgb(114,166,90);
	background: 0;
}
a:active {
	background: #FFFFD8;
}

a.linkstyle_1 {
	color: rgb(114,166,90);
	border-bottom: 1px dotted rgb(72,72,72);
	background: 0;
}
a.linkstyle_1:hover {
	color: rgb(255,255,255);
	border-bottom: 1px solid transparent;
	background: rgb(114,166,90);
}
a.linkstyle_2 {
	color: rgb(72,72,72);
	border-bottom: 1px dotted rgb(72,72,72);
	background: 0;	
}
a.linkstyle_2:hover {
	color: rgb(114,166,90);
	border-bottom: 1px solid rgb(114,166,90);
	background: 0;
}
a.linkstyle_3 {
	color: rgb(114,166,90);
	border-bottom: 1px solid transparent;
	background: 0;
}
a.linkstyle_3:hover {
	color: rgb(114,166,90);
	border-bottom: 1px solid rgb(114,166,90);
	background: 0;
}
a.linkstyle_4 {
	color: rgb(114,166,90);
	border-bottom: 0;
	background: 0;
}
a.linkstyle_4:hover {
	color: rgb(255,255,255);
	border-bottom: 0;
	background: rgb(114,166,90);
}
a.linkstyle_5 {
	color: rgb(72,72,72);
	border-bottom: 1px dotted rgb(114,166,90);
	background: 0;
}
a.linkstyle_5:hover {
	color: rgb(114,166,90);
	border-bottom: 1px solid rgb(114,166,90);
	background: 0;
}


.blog .article-header h1 a,
.blog .article-header h1 a:hover,
.archive .article-header h2 a,
.archive .article-header h2 a:hover,
.search .article-header h2 a,
.search .article-header h2 a:hover {
	border: 0;
	width: 100%;
}

.article-footer a,
.wp-prev-next a {
	border: 0;
}

/* Image links */
/* a[href*=uploads], /* wordpress - disabling this, because it affects pdf and other links - not needed anyway, because of image link declarations on lines below */
a[href*=photos], /* flickr */
a[href*=smugmug], /* smugmug */
a[href$=jpg],
a[href$=jpeg],
a[href$=png], 
a[href$=gif],
.gallery a,
.jetpack-image-container a,
#inner-header a{
	text-decoration: none;
	border-bottom: none;
	background: 0;
}

a.imagelink,
a.imagelink:hover {
	border: 0;
	background: 0;
	display: block;
}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80); 
}
#inner-header a:hover img {
	opacity: 1;
	filter: alpha(opacity=100); 
}

#footer-sidebars li {
	list-style: none;
}

#footer-sidebars a,
#social-media-icons a,
#language-switch a,
#footer-share a {
	border: 0 !important;
}
#social-media-icons a,
#footer-share a {		
	width: 24px;
	height: 24px;
	margin: 0 3px;
	color: rgb(114,166,90);
}
#social-media-icons a:last-child,
#footer-share a:last-child {
	margin-right: 0;
}
#social-media-icons a:hover,
#footer-share a:hover {	
	color: rgb(114,166,90);
	color: rgba(114,166,90,.8);
	background-color: transparent; 
}


/** 10. Images and alignment
-------------------------------------------------------------- */

/* Responsive images */
a,
li,
p {
	max-width: 100%;
}
img,
.wp-caption {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	position: relative;
}

img.alignleft,
.alignleft {
	margin: 6px 20px 36px 0;
    display: inline;
    float: left;
}

img.alignright,
.alignright {
	margin: 6px 0 36px 20px;
    display: inline;
    float: right;
}

img.aligncenter,
.aligncenter,
img.alignnone,
.alignnone {
	margin: 6px auto 36px;
    display: block;
	clear: both;
}

.wp-caption-text,
.textcenter .wp-caption-text {
	font-size: 13px;
	text-align: center !important;
}
.textleft .wp-caption-text {
	text-align: left !important;
}
.textright .wp-caption-text {
	text-align: right !important;
}

.hovercaption {
	margin-bottom: 24px; /* adds margin to div to compensate for p.wp-caption position absolute (i.e. no margins) */
}
.hovercaption .wp-caption-text {
	position: absolute;
	width: 100%;
	bottom: 6px; /* adjust for top and bottom padding */
	margin-bottom: 0; /* undo margin-bottom set on align[...] */
	background: transparent;
	color: transparent;
	padding: 3px 0;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
}
.hovercaption .wp-caption-text:before { /* acts as padding (not possible on .hovercaption .wp-caption-text because of box-model with defined width) */
	content:'';
	margin: 5px;
}
.hovercaption .wp-caption-text:after {
	content:'';
	margin: 5px;
}
.hovercaption:hover .wp-caption-text,
#container .tiled-gallery-caption /* Override Jetpack hovercaption styles with our own */ {	
	color: inherit;	
	background: rgb(255,255,255);
	background: rgba(255,255,255,.7);
}
.gallery-caption {

}

/* Circular images (shortcode) */
.round_image img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

/** 11. Galleries
-------------------------------------------------------------- */
.gallery-item {
	margin: 12px 3.1% 12px 0;
	float: left;
	text-align: center;
}
.gallery-columns-1 .gallery-item {
	width: 100%;
	margin-right: 0;
}
.gallery-columns-2 .gallery-item {
	width: 48.4%;
}
.gallery-columns-2 .gallery-item:nth-child(3n+2) {
	margin-right: 0;
}
.gallery-columns-3 .gallery-item {
	width: 31.2%;
}
.gallery-columns-3 .gallery-item:nth-child(4n+3) {
	margin-right: 0;
}
.gallery-columns-4 .gallery-item {
	width: 22.6%;
}
.gallery-columns-4 .gallery-item:nth-child(5n+4) {
	margin-right: 0;
}
.gallery-columns-5 .gallery-item {
	width: 17.5%;
}
.gallery-columns-5 .gallery-item:nth-child(6n+5) {
	margin-right: 0;
}
.gallery-columns-6 .gallery-item {
	width: 14%;
}
.gallery-columns-6 .gallery-item:nth-child(7n+6) {
	margin-right: 0;
}
.gallery-columns-7 .gallery-item {
	width: 11.5%;
}
.gallery-columns-7 .gallery-item:nth-child(8n+7) {
	margin-right: 0;
}
.gallery-columns-8 .gallery-item {
	width: 9.6%;
}
.gallery-columns-8 .gallery-item:nth-child(9n+8) {
	margin-right: 0;
}
.gallery-columns-9 .gallery-item {
	width: 8.2%;
}
.gallery-columns-9 .gallery-item:nth-child(10n+9) {
	margin-right: 0;
}

/** 12. Comments and forms
-------------------------------------------------------------- */
#content ol.commentlist {
	list-style: none;
	padding: 0;
	border-bottom: 1px dashed rgba(72,72,72,.5);
}
.commentlist li {	
	list-style: none;
}
.commentlist article {	
	overflow: auto;
	position: relative;
}
cite.fn {
	font-style: normal;
}
.commentlist header {
	float: left;
	margin: 0 40px 10px 0;
	width: 96px;
}
.commentlist header img{
	max-width: 100%;
	height: auto;
}
.commentlist header cite {
	margin-top: -6px;
}
.commentlist header cite,
.commentlist header time {
	clear: both;
	font-size: .8em;
	display: block;
	text-align: center;
	color: rgb(114,166,90);
	width: 100%;
}
.commentlist header time {
	font-size: .7em;
}
.commentlist header cite a {
	width: 100%;
	width: calc(100% - 1px);
	border-bottom: 1px dotted rgba(114,166,90,.5);
}
.commentlist section {
	overflow: auto;
	padding: 6px 0;
	font-size: .9em;
	border-top: 1px dashed rgba(72,72,72,.5);
}

a.comment-reply-link {
	border: 0;
	font-size: .9em;
	position: absolute;
	right: 0;
	bottom: 6px;
}

.commentlist li.depth-1 {
	margin-bottom: 10px;
}

/* Child comments */
.commentlist li ul { 
	clear: both;
	margin: 12px 0 0 0;
}
.commentlist li li header {
	margin-right: 30px;
	width: 72px;
}
.commentlist li li { 
	margin-left: 136px;
}
.commentlist li li .avatar { 
	
}
/* Nested comments */
.commentlist li li .children li {
	margin-left: 0;
}

/* Editing */
a.comment-edit-link {
	text-align: center;
	width: 100%;
	font-size: .8em;
	border: 0;
}


input[type=submit],label,select	{ 
	cursor: pointer;
}

/* Form fields, general styles first */
form {
	margin: 12px 0 36px;
	float: left;
	width: 100%;
}
button,
input,
textarea {	
	border: 1px dashed rgb(72,72,72);
	border: 1px dashed rgba(72,72,72,.3);
	font-family: inherit;
	padding: 6px;
	color: rgb(72,72,72);
}
input[type="text"],
input[type="email"],
input[type="url"] {
	width: 100%;
	/* contain textareas in containing div: see http://css-tricks.com/box-sizing/ */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
textarea {
	overflow: auto;
	vertical-align: top;
	width: 100%;
	/* contain textareas in containing div: see http://css-tricks.com/box-sizing/ */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.button,
button,
input[type="submit"],
input[type="reset"],
.pushbutton-wide /* Jetpack class */,
.attentionbox_button,
.attention_button {
	background: rgb(114,166,90) !important;
	background: rgba(114,166,90,1.0) !important;
	color: rgb(255,255,255) !important;
	border: 0 !important;
	font-size: 14px;
	text-transform: lowercase;
	padding: 3px 40px;
	margin: 10px 0;
	line-height: 24px;
	float: right;
	white-space: normal;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.pushbutton-wide:hover /* Jetpack class */,
.attentionbox_button:hover,
.attention_button:hover {
	opacity: .75;
	cursor: pointer;
}

#respond {
	clear: both;
	margin: 48px 0;
}
#respond form {
	margin: 24px 0;
}
#respond form ul {
	padding: 0;
}
#respond form li {
	list-style-type: none;
	clear: both;
	margin: 0 0 12px 0;
}
#respond form li label,
#respond form li small {
	display: none;
}
#respond form input,
#respond form textarea {
	padding: 6px;
	line-height: 24px;

}

/* Overriding Jetpack styles */
.contact-form label {
	font-weight: normal !important;
}
.contact-form label span {
	display: none;
}
.contact-form input,
.contact-form textarea {
	margin-bottom: 24px !important;
}

/* form validation */

#respond form input:focus,
#respond form textarea:focus {
	background: rgb(255,255,255);
}
#respond form input:invalid,
#respond form textarea:invalid {
	outline: none;
	border-color: #fbc2c4;
	background-color: #f6e7eb;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
#respond form input {
	max-width: 460px;
	min-width: 300px;
}
#respond form textarea {
	width: 100%;
	height: 144px;
}
#comment-form-title {
	margin: 0;
}
#allowed_tags {
	margin: 12px 10px;
}

/** 13. Tables and definition lists
-------------------------------------------------------------- */

table {
	border-bottom: 1px solid rgb(72,72,72);
	border-bottom: 1px solid rgba(72,72,72,.3);
	font-size: 13px;
	line-height: 2;
	margin: 0 0 24px;
	width: 100%;
}
table caption {
	margin: 12px 0;
}
th {
	text-align: left;
}
td {
	border-top: 1px solid rgb(72,72,72);
	border-top: 1px solid rgba(72,72,72,.3);
	padding: 6px 10px 6px 0;
}

dl {
	margin: 0 20px;
}
dt {
	font-weight: 600;
}
dd {
	margin-bottom: 24px;
}

/** 14. Widgets
-------------------------------------------------------------- */
/* General widget styles */
.sidebar .widgettitle {
	border-bottom: 1px dashed rgb(72,72,72);
	border-bottom: 1px dashed rgba(72,72,72,.3);
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 6px;
}
.widgettitle a,
.widgettitle a:hover {
	border: 0;
}

/* Calendar widget */
#wp-calendar,
#wp-calendar td {
	border: 0;	
}
#wp-calendar td {
	width: 14.2875%;
	padding: 0;
	text-align: left !important;
}
#wp-calendar td#next {
	text-align: right !important;
}

/* Search widget */
form.searchform {
	display: inline-block;
	position: relative;
	width: 100%;
	border: 1px dashed rgb(72,72,72);
	border: 1px dashed rgba(72,72,72,.3);
	height: 30px;
}
.searchform input {	
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding: 6px 5px;	
	color: rgb(72,72,72);
	color: rgba(72,72,72,.7);
	font-weight: 300;
	border: 0;
	background: 0;
	outline: 0;
	-webkit-appearance: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.searchform i {
	position: absolute;
	right: 0;
	font-size: 16px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding: 0 5px;
	color: rgb(72,72,72);
	color: rgba(72,72,72,.7);
	text-align: right;
}

/* Tagcloud widget */
.tagcloud a {
	color: rgb(72,72,72);
	margin: 1px;
	border-bottom: 1px solid transparent;
}
.tagcloud a:hover {
	border-bottom: 1px dotted rgb(72,72,72);
	border-bottom: 1px dotted rgba(72,72,72,.9);
	border-right: 1px solid transparent;
	color: rgb(72,72,72);
	color: rgba(72,72,72,.8);
	background: 0;
}

/** 15. Embeds
-------------------------------------------------------------- */


/** 16. Post visibility
-------------------------------------------------------------- */

/* Styling sticky posts */

/* Styling password protected posts */

/* Styling private posts */

/* Styling the standard post format */



/** 17. Plugin support
-------------------------------------------------------------- */
.jetpack_subscription_widget input {
	padding: 6px !important;
}
.slideshow-window { /* remove dark border and background from jetpack slideshow */
	border: 0 !important;
	background: 0 !important;
}
.slideshow-window img {
	width: 100% !important;
}
.slideshow-slide {
	max-width: 100%;
}
.jetpack-slideshow .slideshow-slide-caption {
	/* bottom: -6px; */
	text-shadow: none;
	color: inherit;
	font-family: inherit;
}
 .contact-form textarea { /* jetpack contact form */
	width: 100% !important;
}

.widget_rss_links a {
	float: left;
}
.widget_rss_links a.imagelink {
	margin-right: 10px;
	clear: both;
}

/** 18. WooCommerce support
-------------------------------------------------------------- */
.woocommerce ul.products li > a {
	border-bottom: 0;
}
#main .product {
	margin-top: 48px;
}
.woocommerce span.onsale {
	z-index: 9;
	background-color: rgb(114,166,90);
}
.woocommerce ul.products li.product .price del {
	display: inline-block;
}

/** 19. Accessibility
-------------------------------------------------------------- */
.visually-hidden { /* visible to screenreaders only */
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;	
}

/** 20. Shortcodes
-------------------------------------------------------------- */
span[class*="pullquote"] {
	text-align: center;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 1.2;
	width: 50%;	
	padding: 24px 20px;
}
.pullquote-left {
	float: left;
	margin: 24px 20px 24px 0;
	padding: 0 0 0 20px;
	font-weight: 600;
	width: 40%;
	border-left: 6px solid rgb(114,166,90);
	border-left: 6px solid rgba(114,166,90,0.1 );
}
.pullquote-left:before,
.pullquote-right:before {
	content:'“ ';
}
.pullquote-left:after,
.pullquote-right:after {
	content:' ”';
}

.pullquote-right {
	float: right;
	margin: 24px 0 24px 20px;
	padding: 0 20px 0 0;
	font-weight: 600;
	width: 40%;
	border-right: 6px solid rgb(114,166,90);
	border-right: 6px solid rgba(114,166,90,0.1 );
}

.highlight {
	width: 100%;
	margin: 12px 0;
	text-align: center;
	padding: 6px 0 12px;
	font-family: 'La Belle Aurore', cursive;
	font-size: 32px;
	color: rgb(72,72,72);
	line-height: 1.5;
}

/* Columns */
.grid { margin-right: 3.2%; float: left; display: inline; position: relative; }
.last { clear: right; margin-right: 0 !important; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.one-full { margin-right: 0; width: 100%; overflow: hidden; }
.one-half { width: 48.4%; }
.one-third { width: 31.2%; }
.two-third { width: 65.6%; }
.one-fourth { width: 22.6%; }
.three-fourth { width: 74.2%; }
.one-fifth { width: 17.4%; }
.two-fifth { width: 38.1%; }
.three-fifth { width: 58.7%; }
.four-fifth { width: 79.4%; }

/* adjustments to column widths if homepage has bg color */
.has_bg_color .homepage_column {
	margin: 12px 1.1% /* !important /* important needed ? */;
}
section.transparent {
	background: 0 !important;
}

.has_bg_color .one-full { width: 97.8%; }
.has_bg_color .one-half { width: 47.8%; }
.has_bg_color .one-third { width: 31.3%; margin: 12px 1%;}
.has_bg_color .two-third { width: 64.7%; }
.has_bg_color .one-fourth { width: 22.8%; }
.has_bg_color .three-fourth { width: 72.8%; }
.has_bg_color .one-fifth { width: 17.8%; }
.has_bg_color .two-fifth { width: 37.8%; }
.has_bg_color .three-fifth { width: 57.8%; }
.has_bg_color .four-fifth { width: 77.8%; }



/* attention box */
.attentionbox {
	margin: 36px auto;
	background: #F7F7F7;
	text-align: center;
	position: relative;
	padding: 24px 10px 12px;
	overflow: auto;
}
.attentionbox_content {
	margin: 6px 20px;
	background: #FFF;
	padding: 12px 20px 24px;
}
.attentionbox h2 {
	margin-top: 0;
}
.attentionbox h2:after {
	content: '';
	display: block;
	width: 50%;
	height: 1px;
	background: rgba(72,72,72,.5);
	margin: 0 auto 12px;
}
.attentionbox_text {

}
.attentionbox_button,
.attention_button {
	width: 33.3%;
	display: block;
	margin: 12px auto;
	float: none;
	padding: 6px 40px;
	text-align: center;
}
.attentionbox_button:after,
.attention_button:after {
}
.attentionbox_button:hover,
.attention_button:hover {
}
.attention_button.auto-width {
	width: auto;
}
/*.attention_button.third-width -- default*/
.attention_button.half-width {
	width: 50%;
}
.attention_button.full-width {
	width: 100%;
	width: calc(100% - 40px); /* subtract padding */
}
.attention_button.text-align-left {
	text-align: left;
}
/*.attention_button.text-align-center -- default*/
.attention_button.text-align-right {
	text-align: right;
}

/* Image blocks */
.image_block,
.home_image_block {
	position: relative;
}
.image_block img,
.home_image_block img{
	width: 100%;
}
.image_block span,
.home_image_block span {
	position: absolute;
	bottom: 24px;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,.5);
	text-align: center;
	color: #fff;
	/*text-shadow: 0 0 33px #333;*/
	text-shadow: 0 0 15px #999;
	padding: 24px 0;
	font-size: 1.5em; 
}

/** 21. Extras
-------------------------------------------------------------- */
.love {
	transition: all .4s;
}
.love:hover {
	color: rgb(114,166,90); 	
	-webkit-animation: heartbeat 1s infinite ease-in-out;
	-moz-animation: heartbeat 1s infinite ease-in-out;
	-o-animation: heartbeat 1s infinite ease-in-out;
	cursor: none;
}
@-webkit-keyframes heartbeat {
from { -webkit-transform: scale(0.8); }
to { -webkit-transform: scale(1.0); }
}
@-moz-keyframes heartbeat {
from { -moz-transform: scale(0.8); }
to { -moz-transform: scale(1.0); }
}
@-o-keyframes heartbeat {
from { -o-transform: scale(0.8); }
to { -o-transform: scale(1.0); }
}



/** 22. Media queries for adaptive layout
-------------------------------------------------------------- */

/* Smooth resizing */
#container,
#site_banner,
footer,
#inner-header,
#content,
#inner-footer,
#inner-content,
#main,
.article-footer-col,
#sidebar1,
.footer-sidebar {
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}


@media screen and (max-width: 1000px) {
	#container,
	#site_banner,
	footer.footer {
		width: 750px;
	}

	#inner-header,
	#content,
	#inner-footer {
		width: 740px;
	}

	#main {
		width: 460px !important;
	}
	.home #main {
		width: 740px;
	}

	.article-footer-col {
		width: 200px !important;
	}

	#sidebar1 {
		width: 160px !important;
	}

	.footer-sidebar {
		width: 220px;
		margin-right: 40px;
	}

	#inner-header .border {	
		width: 750px;
	}
}

@media screen and (max-width: 790px) {
	#container,
	#site_banner,
	footer.footer {
		width: 460px;
	}

	#inner-header,
	#content,
	#inner-footer {	
		width: 450px;
	}
	
	#site_title { 
		text-align: center;
		padding-top: 24px;
	}
	
	#header-extras {
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}
	
	#social-media-icons {
		float: none;
		text-align: center;
	}

	#top-nav ul,
	#top-nav  > ul {
		text-align: center;
	}

	#main {
		width: 450px !important;
		float: none !important;
	}

	.article-footer-col {
		width: 100% !important;
		text-align: center !important;
		margin: 6px 0 !important;
	}

	#sidebar1 {
		width: 400px !important;
		margin: 0 auto !important;
		float: none !important;
	}

	.widget iframe {
		margin: 0 auto;
	}

	.footer-sidebar { 
		width: 330px;
		float: none;
		margin: 10px auto !important;
		text-align: center;
	}

	#inner-header .border {	
		width: 460px;
	}
	#inner-header nav {
		margin-top: 0;
	}

	/* columns - dropping support for fourth and fifth columns at viewports < 790 */
	.one-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth { 
		width: 100%; 
	}

	.has_bg_color .one-fourth,
	.has_bg_color .three-fourth,
	.has_bg_color .one-fifth,
	.has_bg_color .two-fifth,
	.has_bg_color .three-fifth,
	.has_bg_color .four-fifth { 
		width: 96%;
		margin: 6px 2%;
	}
	
	/* dropping support for third and half columns in slider */
	#simplicity_slider .one-third,
	#simplicity_slider .two-third,
	#simplicity_slider .one-half { 
		width: 100%;
		margin: 6px 0;
	}

	#simplicity_slider.has_bg_color .content_column { 
		width: 96%;
		margin: 6px 2%;
	}

	#simplicity_slider .has_bg_color .slides_column { 
		width: 100%;
	}
	
	/* text over image blocks drops to bottom */
	.image_block span,
	.home_image_block span {
		bottom: 0;
	}
	
}

@media screen and (max-width: 500px) {
	#container,
	#site_banner,
	footer.footer {
		width: 310px;
	}

	#inner-header,
	#content,
	#inner-footer {	
		width: 300px;
	}
	
	/*Display 'show menu' link*/
	.menu-toggle {
		display: block;
	}
	#top-nav ul {
		display: none;
	}	
	#top-nav ul.top-nav.toggled-on,
	#top-nav li a,
	#top-nav li {
		display: block;
	}

	#top-nav li {
		margin: 0 !important;
	}

	#top-nav li ul {
		margin: 0 auto;
		position: relative;
		left: 40px;
	}

	#top-nav li ul ul {
		top: inherit;
		left: 0;
	}
	#top-nav .children li a, 
	#top-nav .sub-menu li a {
		text-align: center;
		
	}

	#main {
		width: 300px !important;
	}
	
	#respond form input {
		min-width: 226px;
		max-width: 286px;
	}
	
	#respond form input.button {
		min-width: 240px;
		max-width: 300px;
	}

	.article-footer-col {
		width: 300px;
		text-align: center !important;
	}

	#sidebar1 {
		width: 300px !important;
	}

	.footer-sidebar {
		width: 300px;
	}

	#inner-header .border {	
		width: 310px;
	}

	#credits #footer_nav ul,
	#credits #copy_left ul {
		margin-bottom: 12px;
	}
	#credits #footer_nav li,
	#credits #copy_left li {
		display: block;
	}
	#credits #footer_nav li:after,
	#credits #copy_left li:after {
		content: '';
	}

	/* columns - dropping support for third and half columns at viewports < 500 */
	.one-third,
	.two-third,
	.one-half { 
		width: 100%;
	}

	.has_bg_color .one-third,
	.has_bg_color .two-third,
	.has_bg_color .one-half { 
		width: 96%;
		margin: 6px 2%;
	}
	
	/* more compact commenting at viewports < 500 */
	.commentlist li header {
		margin-right: 20px;
		width: 72px;
	}
	.commentlist li li header {
		margin-right: 10px;
		width: 60px;
	}
	.commentlist li li { 
		margin-left: 20px;
	}
	
	/* homepage styles */
}

@media screen and (max-width: 320px) {
	#container,
	#site_banner,
	footer.footer {
		width: 250px;
	}

	#inner-header,
	#content,
	#inner-footer {	
		width: 240px;
	}

	#header-extras {
		top: -36px;
	}

	#top-nav li ul {
		left: 10px;
	}

	#main {
		width: 240px !important;
	}
	
	.article-header h1,
	.article-header h2,
	.byline,
	#comments,
	#comment-form-title{
		text-align: center;
	}

	.article-footer-col {
		width: 240px;
		text-align: center !important;
	}

	#sidebar1 {
		width: 240px !important;
	}
	#sidebar1 .widgettitle {
		text-align: center;
	}

	.footer-sidebar {
		width: 240px;
	}
	.fs2 {
		width: 240px;
	}

	#inner-header .border {	
		width: 250px;
	}

	.love {
		display: block;
	}
}