/*
Theme Name: Aaron

Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

https://codex.wordpress.org/Right_to_Left_Language_Support

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
10.0 Content
	10.1 Call to action, highlights, featured posts
	10.2 Posts and pages
	10.3 Comments
	10.4 Blocks
11.0 Jetpack
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Responsive widths
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
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%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
	word-wrap: break-word;
}

body {
	background: #fafafa; /* Fallback for when there is no custom background color defined. */
	direction: rtl;
  	unicode-bidi: embed;
}

article,
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: right;
}

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
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

@font-face {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/fa-regular-400.eot");
	src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff"), url("fonts/fa-regular-400.ttf") format("truetype"), url("fonts/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
	font-family: 'Font Awesome 5 Free Solid';
	font-style: normal;
	font-weight: 900;
	src: url("fonts/fa-solid-900.eot");
	src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg");
}

 @font-face {
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: normal;
	src: url("fonts/fa-brands-400.eot");
	src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff"), url("fonts/fa-brands-400.ttf") format("truetype"), url("fonts/fa-brands-400.svg#fontawesome") format("svg");
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 600;
}

h1 {
    font-size: 2.44em;
}

h2 {
    font-size: 1.95em;
}

h3 {
    font-size: 1.56em;
}

h4 {
    font-size: 1.25em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: .8em;
}

p {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: 600;
}

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

blockquote {
	margin-bottom: 2em;
	border-right: 4px solid #000;
	padding-right: 1em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #fff;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-top: 1.6em;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: hidden;
	padding: 1.6em;
	word-wrap: break-word;
	white-space: pre-wrap;
}

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

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

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

sup,
sub {
	position: relative;
	font-size: 75%;
	height: 0;
	line-height: 0;
	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 3em 1.5em 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: 600;
}

dd {
	margin: 0 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: 15px 4px 20px 4px; 
	border-collapse: collapse; 
	border: 1px solid #cccccc; 
	width: 100%;
}

td {
	border: 1px solid #cccccc; 
	padding: 8px;
}

th {
	background:#f5f5f5; 
	padding: 8px; 
	border: 1px solid #cccccc;
}

/*--------------------------------------------------------------
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: 14px;
	font-size: 1.4rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

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;
}

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

select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
	box-shadow: 0 0 5px rgba(162, 196, 251, 1);
	border: 1px solid rgba(162, 196, 251, 1);
}

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

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

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

.more-link {
	display: block;
	position: relative;
	padding: 12px; 
	font-size: 16px;
	font-size: 1.6rem;
	background:#fff;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	margin: 20px 0 20px 0;
}

.entry-content a.more-link {
	background-image: none;
	background:#fff;
	text-decoration: none;
}

.entry-content a:hover.more-link {
	text-decoration: underline;
}

.nav-previous a,
.nav-next a {
	text-decoration: none;
}

.nav-previous a:hover,
.nav-next a:hover {
	text-decoration: underline; 
	background: url('images/border.png') repeat-x bottom;
}

.nav-previous:before {
	content: "\f061";
	display: inline-block;
	font: normal normal normal 1.6rem/1 "Font Awesome 5 Free Solid";
	font-weight: 900; /* solid style/weight */
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 1; 
	color: #717171;
	margin-left: 1em;
	float: right;
	text-decoration: none;
	vertical-align: middle;
}

.nav-next:after{
	content: "\f060";
	display: inline-block;
	font: normal normal normal 1.6rem/1 "Font Awesome 5 Free Solid";
	font-weight: 900; /* solid style/weight */
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 1; 
	color: #717171;
	margin-right: 1em;
	text-decoration: none;
	vertical-align: middle;	
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 45px;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	display: inline-block;
	vertical-align: top;
	float: right;
	text-align: right;
	width: 40%;
	font-size: 1.6rem;
	padding: 12px; 
	background:#fff;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	display: inline-block;
	vertical-align: top;
	float: left;
	text-align: left;
	width: 40%;
	font-size: 1.6rem;
	padding: 12px; 
	background:#fff;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
}

.crumbs {
	color: #666;
}

.crumbs ul {
	margin-right: 0;
}

.crumbs li {
	list-style: none;
	display: inline;
}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #666;
}

a:visited {
	color: #666;
}

a:hover,
a:focus,
a:active {
	color: #000;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
/* =Header Menu
-------------------------------------------------------------- */

.main-navigation {
	display: inline-block;
	position: fixed;
	background: #fff; 
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.09);
	padding: 9px;
	font-size: 1.4rem;
	text-transform: uppercase;
	letter-spacing: 2px; 
	z-index: 99; 
	width: 100%;
	top: 0;
	right: 0;
	height: auto;
}

.main-navigation ul {	
	background:#fff;
	list-style: none;
	margin: auto;
	padding: 0;
	width: 100%;
}

.main-navigation li {
	float: right;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	line-height: 2.5em;
	margin-right: 0.2em;
	margin-left: 0.2em;
	padding: 0 8px 0 8px;
}

/* Top level hover state, preserve hover state when hovering dropdown  */
.main-navigation li > a:hover,
.main-navigation li > a:focus,
.main-navigation li:focus > a,
.main-navigation li:hover > a {
  text-decoration: underline;
}

.main-navigation a.custom-logo-link {
	margin-top: -5px;
	margin-bottom: -15px;
}

.main-navigation a.custom-logo-link img {
	padding: 0;
	border-radius: 0;
}

.main-navigation ul ul {
	position: absolute;	
	display: block;
	clear: both;
	width: auto;
	top: auto;
	padding-left: 1em;
	padding-top: 8px;
	clip: rect(1px, 1px, 1px, 1px);
	z-index: 999; 
	border: 4px solid #fafafa;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.09);
}

 .main-navigation ul ul:before {
 	content: '';
 	position: absolute;
	right: -7px;
	z-index: 100;
	top: -1px;
	width: auto;
	height: 10px;
	background:#fff;
 }

.main-navigation li ul a {
	line-height: 1.5em;
	padding: .5em 0 .5em 1em;
	min-width: 220px;
	font-size: 1.4rem;
}

.main-navigation li:hover ul,
.keyboard-dropdown {
	clip: auto !important;
}

.main-navigation ul li:hover > ul {
	display: block;
}

.sub-menu .menu-item-has-children > a:after {
	content: '';
}

.menu-item-has-children > a:after {
	font: normal 1.59rem/1 'dashicons';
	font-size: 1.59rem;
	height: 1.59rem;
	width: 1.59rem;
	content: "\f140";
	-webkit-font-smoothing: antialiased;
}

/* Text meant only for screen readers */
.main-navigation .search-submit {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.main-navigation .search-submit:hover,
.main-navigation .search-submit:active,
.main-navigation .search-submit: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: 1.4rem;
	font-weight: 700;
	height: auto;
	right: 5px;
	padding: 15px 23px 14px 23px;
	text-decoration: none;
	top: 35px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}	

.main-navigation li.topsearch {
	float: left; 
	margin-top: 3px;
	margin-left: 11px;
}

.topsearch form:before {		
	content: "\f002";
	display: inline-block;
	font: normal normal normal 1.6rem/1 "Font Awesome 5 Free Solid";
	font-weight: 900; /* solid style/weight */
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: none; 
	margin: 0 5px 0 5px;
	padding: 0;
	color:#666;
}

/* Small menu */
.menu-toggle {
	display: none;
}

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

	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	
	.main-navigation {
		position: relative !important;
	}

	.main-navigation ul {
		display: none;
	}

	.menu-toggle {
		margin: 20px;
	}

	.menu-toggle:before {
		content: "\f0c9";
		display: inline-block;
		font: normal normal normal 1.6rem/1 "Font Awesome 5 Free Solid";
		font-weight: 900; /* solid style/weight */
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		vertical-align: top;
		font-size: 2em; 
		line-height: 1; 
		color: #000;
		text-decoration: none; 
	}
	
	.main-navigation ul li {
		position: relative;
		width: 100%;
		float: right;
	}

	.main-navigation li ul a {
		width: 100%;
	}

	.main-navigation ul li ul {
		border: none;
		box-shadow: none;
	}

	.main-navigation ul li ul.sub-menu {
		position: relative;
		width: 100%;
		float: right;
		padding-right: 5px;
	}

	.menu-item-has-children > a:after {
		content: '';
	}

}

/*--------------
Social menu
---------------*/

.social-menu li a:before {
	display: inline-block;
	font: normal normal normal 34px/1 "Font Awesome 5 Brands";
	font-weight: 400; /* regular style/weight */
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1; 
	text-decoration: none; 
	margin: 0 5px 0 5px;
	padding: 4px;
	border: 1px solid transparent;
	border-radius: 4px;
	min-width: 44px;
}

.social-menu {
	width: 100%; 
	margin: 20px auto 20px auto; 
	text-align: center; 
	padding: 0;
}

.social-menu ul {
	margin: 0;
}

.social-menu ul li {
	list-style-type: none;
	display: inline;
	font-size: 34px;
}

.social-menu li a, 
.social-menu li a:hover {
	text-decoration: none;
	background: none;
}

.social-menu li a:hover:before {
	color:#333;
	border: 1px solid #999;
}

.social-menu li a[href]::before {content: "\f0c1"; }
.social-menu li a[href*="dribbble.com"]::before { content: '\f17d'; }
.social-menu li a[href*="dropbox.com"]::before { content: '\f16b'; }
.social-menu li a[href*="facebook.com"]::before { content: '\f09a'; }
.social-menu li a[href*="flickr.com"]::before { content: '\f16e'; }
.social-menu li a[href*="foursquare.com"]::before { content: '\f180'; }
.social-menu li a[href*="github.com"]::before { content: '\f09b'; }
.social-menu li a[href*="plus.google.com"]::before { content: '\f0d5'; }
.social-menu li a[href*="goodreads.com"]::before { content: '\f3a8'; }
.social-menu li a[href*="instagram.com"]::before { content: '\f16d'; }
.social-menu li a[href*="jsfiddle.com"]::before { content: '\f1cc'; }
.social-menu li a[href*="linkedin.com"]::before { content: '\f0e1'; }
.social-menu li a[href*="meetup.com"]::before { content: '\f2e0'; }
.social-menu li a[href*="pinterest.com"]::before { content: '\f0d2'; }
.social-menu li a[href*="reddit.com"]::before { content: '\f1a1'; }
.social-menu li a[href*="soundcloud.com"]::before { content: '\f1be'; }
.social-menu li a[href*="stackoverflow.com"]::before { content: '\f16c'; }
.social-menu li a[href*="tumblr.com"]::before { content: '\f173'; }
.social-menu li a[href*="twitter.com"]::before { content: '\f099'; }
.social-menu li a[href*="twitch.com"]::before { content: '\f1e8'; }
.social-menu li a[href*="twitch.com"]::before { content: '\f1e8'; }
.social-menu li a[href*="vimeo.com"]::before { content: '\f194'; }
.social-menu li a[href*="vine.co"]::before { content: '\f1ca'; }
.social-menu li a[href*="yelp.com"]::before { content: '\f1e9'; }
.social-menu li a[href*="youtube.com"]::before { content: '\f167'; }
.social-menu li a[href*="wordpress.com"]::before { content: '\f19a'; }
.social-menu li a[href*="WordPress.com"]::before { content: '\f19a'; }
.social-menu li a[href*="wordpress.org"]::before { content: '\f19a'; }
.social-menu li a[href*="WordPress.org"]::before { content: '\f19a'; }
.social-menu li a[href*="paypal.com"]::before { content: "\f1ed"; }
.social-menu li a[href*="lastfm.com"]::before { content: "\f202"; }
.social-menu li a[href*="behance.net"]::before { content: "\f1b4"; }
.social-menu li a[href*="deviantart.com"]::before { content: "\f1bd"; }
.social-menu li a[href*="slideshare.com"]::before { content: "\f1e7"; }
.social-menu li a[href*="snapchat.com"]::before { content: "\f2ad"; }
.social-menu li a[href*="spotify.com"]::before { content: "\f1bc"; }
.social-menu li a[href*="skype.com"]::before { content: "\f17e"; }
.social-menu li a[href*="slack.com"]::before { content: "\f198"; }
.social-menu li a[href*="amazon.com"]::before { content: "\f270";}
.social-menu li a[href*="steampowered.com"]::before { content: "\f1b6";}
.social-menu li a[href*="steamcommunity.com"]::before { content: "\f1b6";}
.social-menu li a[href*="vk.com"]::before { content: "\f189";}
.social-menu li a[href*="xing.com"]::before { content: "\f168";}
.social-menu li a[href*="medium.com"]::before { content: "\f23a";}
.social-menu li a[href*="qq.com"]::before { content: "\f1d6";}
.social-menu li a[href*="codepen.io"]::before { content: "\f1cb";}
.social-menu li a[href*="500px.com"]::before { content: "\f26e";}

.social-menu .customize-partial-edit-shortcut-button {
	margin-top: -20px;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* 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:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	display: block;
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	font-size: 1.4rem;
	font-weight: 700;
	height: auto;
	right: 5px;
	line-height: normal;
	padding: 15px 23px 14px 23px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}	

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

.alignright {
	display: inline;
	float: left;
	margin-right: 2em;
}

.aligncenter {
	display: block;
	clear: both;
	margin: 0 auto;
}

.wp-block-cover.aligncenter {
	display: flex;
	margin: 0 0 2em;
}

.wp-block-cover.alignright,
.wp-block-cover.alignleft {
    display: flex;
}

.wp-block-image .alignleft {
	margin: 0 2em 2em 0;
}

.wp-block-cover.alignleft {
	margin-right: 2em;
}

.wp-block-image .alignright {
	margin: 0 0 2em 2em;
}

.wp-block-cover.alignright {
	margin-left: 2em;
}

.wp-block-audio.aligncenter {
	margin: 0;
}

.wp-block-categories.aligncenter {
    padding-left: 2.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;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}

/*----------------------------
9.0 widgets
----------------------------*/
.widget-area {
	padding: 20px 12px 12px 12px;
}

.widget {
	display: inline-block;
	position: relative;
	vertical-align: top;
	list-style: none;
	padding: 1em;
	margin: 0 0.5em 45px 0.5em; 
	box-sizing: border-box;	
	width: 100%;
	background:#fafafa url(images/border.png) repeat-x bottom;
	border: 4px solid #fff;
	border-radius: 4px;
	box-shadow: 0 1px 6px rgba(0,0,0,0.2);
	font-size: 1.6rem;
}

.widget-title,
.widgettitle {
	margin-bottom: 1em;
	padding-bottom: 5px;
	font-size: 1.8rem;
	border-bottom: 3px solid #000;
	text-transform: uppercase;
}

.widget ul {
	padding: 0;
	margin: 0;
	float: right;
	width: 100%;
}

.widget ul li {
	list-style: none;
	font-weight: normal;
	margin: 9px 9px 9px 0;
	padding: 0 8px 4px 0;
	text-align: right;
	background: url('images/border.png') repeat-x bottom;
}

#calendar_wrap {
	padding-top: 5px;
}

.widget_calendar .widgettitle {
	display: none;
}

table#wp-calendar,
#wp-calendar {
	font-weight: normal;
	padding: 5px;
	margin: 0;
	border: none;
}

#wp-calendar th {
	padding: 5px;
	text-align: center;
}

#wp-calendar td {
	padding: 5px; 
	border: 1px solid #e9e9e9; 
	text-align: center;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
	background:#fff;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
}

#wp-calendar caption {
	font-size: 1.8rem;
	margin-bottom: 8px;
}

#wp-calendar tfoot td,
#wp-calendar tfoot {
	border: none;
}

#wp-calendar td a {
	font-weight: 600;
}

#wp-calendar td a:hover {
	text-decoration: underline;
	border: 1px solid #999;
}

#wp-calendar #prev a,
#wp-calendar #next a {
	padding: 6px;
	margin-top: 6px;
}

#wp-calendar #prev a:hover,
#wp-calendar #next a:hover {
	border: 1px solid #f2f2f2;
}

#wp-calendar #prev a {
	text-align: right;
	margin-right: -4px;
}

#wp-calendar #next a {
	text-align: left;
	margin-left: -4px;
}

.widget ul li a,
.tagcloud a {
	text-decoration: none;
}

.widget ul li a:hover,
.tagcloud a:hover {
	text-decoration: underline;
}

.textwidget {
	padding: 10px;
	overflow: hidden;
}

.widget select,
.widget_search input[type='search'] {
	width: 95%;
	margin-bottom: 9px;
}

.search-post input {
	margin: 3px;
}

.widget_rss ul li {
	margin-bottom: 25px; 
	width: 97%;
}

.rssSummary {
	width: 90%;
}

.rss-date {
	width: 90%; 
	float: right; 
	clear: both;
}

.site-footer .widget {
	display: inline-block;
	position: relative;
	vertical-align: top;
	list-style: none;
	padding: 0 18px 0 18px;
	margin: 0 0.5em 45px 0.5em;
	width: 22%;
	box-shadow: none;
	background: none;
	border: none;
}

.site-branding .widget {
	background: #fafafa;
	width: 22%;
}

.widget .customize-partial-edit-shortcut-button {
	margin-top: -20px;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
.site-header {
	display: block;
	position: relative;
	z-index: 1; /*This z-index must be lower than our main menus.*/
	text-align: center; 
}

.has-site-logo .site-branding {
	margin-top: 70px;
}

.site-branding {
	position: relative;
	margin-top: 110px;
	margin-right: auto;
	margin-left: auto;
	z-index: 400;
	font-size: 3rem;
}

.site-title,
.site-title a {
	position: relative;
	margin: 0 auto 10px auto;
	font-size: 7rem; 
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	text-shadow:
	-1px -1px 0 rgba(51,51,51, 0.2),
    1px -1px 0 rgba(51,51,51, 0.2),
    -1px 1px 0 rgba(51,51,51, 0.2),
    1px 1px 0 rgba(51,51,51, 0.2);
}

.site-title a:hover,
.site-title a:focus {
	background: url(images/border.png) repeat-x bottom;
}

.site-content {
	position: relative;
	width: 100%; 
	margin: 45px 0 0 0;
	padding: 1.2em 1.2em 90px 1.2em;
	z-index: 2;
}

.site-footer {
	background:#fff;
	padding: 12px 0 12px 0;
	border-top: 1px solid #eee;
}

.site-info {
	width: 90%; 
	margin: 35px auto 25px auto; 
	font-size: 1.2rem;
	text-align: center; 
	text-transform: uppercase;
	letter-spacing: 2px;
}

.content-area {
	float: right;
	margin: 0 0% 0 -25%;
	padding: 5px 2% 0 2%;
	width: 70%;
}

.site-main {
	margin: 0 auto;	
}

.error404 .site-content,
.single .site-content,
.search .site-content,
.page .site-content,
.archive .site-content {
	margin-top: 120px;
}

.home .site-content {
	margin-top: 45px;
}

.site-content .widget-area {
	float: left;
	overflow: hidden;
	width: 25%;
	padding: 5px 2% 0 2%;
}

.site-footer {
	clear: both;
	width: 100%;
}

.single-jetpack-portfolio .content-area, 
.no-sidebar .content-area {
	width: 80%;
	margin: 0 auto;
	float: none;
}

.page-template-grid .content-area {
	width: 96%;
	margin: 0 auto;
	float: none;
}

/*Hide the site content if the page templates are used.*/
.page-template-landingpage .site-content,
.page-template-header-and-footer .site-content {
	display: none;
}

.page-template-grid .featured-post {
	margin: initial;
}

/* ---- grid-item ---- */
.page-template-grid .grid-sizer,
.page-template-grid .grid-item {
	width: 30%; 
	margin-bottom: 45px;
}

.page-template-grid .grid-item--width2 {
	width: 60%;
}

.page-template-grid .grid-item--width3 {
	width: 90%;
}

.page-template-blank .site-content {
	max-width: 640px;
	background: none;
}

.page-template-blank .page.type-page .entry-content {
	background: none;
}

/*--------------------------------------------------------------
10.1 Call to action
--------------------------------------------------------------*/

#action {
	width: 30%;
	margin: 59px auto 45px auto;
	padding: 1em;
	font-size: 1.8rem;
	font-weight: 700;
	opacity: 0.7;
	border: 4px solid #fff;
	border-radius: 4px;
	box-shadow: 0 1px 6px rgba(0,0,0,0.2);
}

#action:hover,
#action:focus {
	opacity: 1;
	box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

#action a {
	text-decoration: none;
	color: #000;
	padding-bottom: 4px;
}

#action a:focus,
#action:hover a {
	text-decoration: underline;
}

/*--------------------------------------------------------------
10.1  Highlights
--------------------------------------------------------------*/

.highlights {
	display: inline-block;
	font-size: 1.6rem;
	margin: 45px 40px 45px 40px;
	background: #fafafa;
	opacity: 0.9;
	border: 4px solid #fff;
	border-radius: 4px;
	padding: 12px;
	width: 26%;
	min-height: 233px;
	box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.12);
	vertical-align: top;
	text-align: center;
}

.highlights:hover,
.highlights:focus {
	color: #333;	
	text-shadow: 1px 1px #f5f5f5;
}

.highlights:hover a h2,
.highlights:hover a p {
	background: url(images/border-dark.png) repeat-x bottom;
}

.highlights a h2,
.highlights a p {
	border-bottom: 1px dashed transparent;
}

.hll1:focus,
.hll2:focus,
.hll3:focus {
	display: block;
}

.highlights a {
	display: block;
	text-decoration: none;
	border-bottom: 1px dashed transparent;
}

.highlights a:hover,
.highlights a:focus {
	color:#333;	
}

.highlights h2 {
	margin: 15px;
	font-weight: normal;
}

.highlights .dashicons {
	font: normal 60px/1 'dashicons';
	font-size: 60px;
	height: 60px;
	width: 60px;
	padding-top: 16px;
	line-height: 1;
}

.no-icon {
	display: none;
}

.site-description {
	font-size: 2.4rem;
	color:#333;
	margin: 70px auto 70px auto;
	padding: 35px;
	box-shadow: 0 1px 6px rgba(0,0,0,0.12);
	text-transform: uppercase;
	background: #fafafa;
	opacity: 0.9;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
}

.spacer {
	display: block;
	margin-bottom: 15px;
}

/*--------------------------------------------------------------
10.2 Posts and pages
--------------------------------------------------------------*/
.aaron-border {	
	background: url(images/border.png) repeat-x bottom;
	border: 4px solid #fff;
	border-radius: 4px;
	box-shadow: 0 1px 6px rgba(0,0,0,0.2);
}

.type-jetpack-portfolio,
.search-results .type-page,
.type-attachment,
.event,
.post {
	display: block;
	position: relative;
	border-radius: 4px; 
	padding: 10px 26px 26px 26px; 
	overflow: auto;
	box-shadow: 0 1px 6px rgba(0,0,0,0.2);
	margin: 0 0 65px 0;
	background:#fcfcfc;
	line-height: 1.8;
}

.home .type-page {
	display: inline-block;
	width: 100%; 
 	margin-bottom: 40px;
 	padding: 10px 10px 45px 10px;
}

.page .type-page {
	box-shadow: none;
}

.home .type-page .entry-content,
.page .type-page .entry-content {
	width: 100%;
	background: url(images/border.png) repeat-x bottom;
 	padding-bottom: 45px;
}

.sticky {
	display: block;
}

.sticky .entry-title i:after {
	content: "\f005";
	display: inline-block;
	font: normal normal normal 1.5em/1 "Font Awesome 5 Free";
	font-weight: 400; /* regular style/weight */
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.5em;
	line-height: 1; 
	color: #e6e6e6;
	text-decoration: none; 
	vertical-align: middle;
	float: left;
}

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

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

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

.entry-title, 
.entry-title a {
	font-size: 3.2rem; 
	text-decoration: none;
	margin: 10px 0 15px 0;
	padding-bottom: 4px;
	text-transform: uppercase;
	letter-spacing: 2px; 
}

.page-title {
	text-transform: uppercase;
	letter-spacing: 2px;
}

.search .page-title {
	margin-bottom: 1.5em;
}

.taxonomy-description {
	margin-bottom: 45px;
	font-size: 1.6rem; 
}

.entry-title a:focus,
.entry-title a:hover {
	background: url(images/border-dark.png) repeat-x bottom;
}

.single .entry-title {
	background: url(images/border.png) repeat-x bottom;
}

.entry-content {
	display: block;
	position: relative; 
	width: 65%;
	float: right;
}

.no-meta .type-post .entry-content {
	width: 100%;
}

.entry-content a:not( .wp-block-button__link ) {
	text-decoration: underline; 
	background: url(images/border.png) repeat-x bottom;
}

.entry-content a:hover {
	text-decoration: none;
}

.entry-meta {
	font-size: 1.6rem; 
	margin: 15px 0 20px 0;
}

.entry-meta .avatar {
	border: 4px solid #fff;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.12);
	margin-left: 6px;
	vertical-align: middle;
}

.byline,
.posted-on {
	vertical-align: middle;
}

.entry-footer {
	position: relative;
	width: 30%;
	float: left;
	background:#fff;
	padding: 12px; 
	font-size: 1.6rem;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	margin: 20px 0 25px 0;
}

.single-jetpack-portfolio .entry-footer {
	width: 100%;
	float: right;
}

.type-page .entry-footer {
	display: none;
}

.entry-meta a,
.entry-footer a,
.site-footer a:not( .wp-block-button__link ),
.page-links a {
	text-decoration: none;
}

.entry-meta a:focus,
.entry-footer a:focus,
.site-footer a:not( .wp-block-button__link ):focus,
.entry-meta a:hover,
.entry-footer a:hover,
.site-footer a:not( .wp-block-button__link ):hover {
	text-decoration: underline;
	background: url(images/border.png) repeat-x bottom;
}

.page-links {
	display: inline-block;
	position: relative;
	clear: both;
	margin: 0 0 1.5em;
	padding: 12px;
	background: #fff;
	font-size: 1.4rem;
	text-transform: uppercase;
	letter-spacing: 2px; 
	border: 1px solid #f2f2f2;
	border-radius: 4px;
}

.page-links a {
	padding: 5px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.page-links a:hover {
	border: 1px solid #999;
	text-decoration: underline;
	background-image: none;
}

.tags-links i::before, 
.edit-link i::before {
	font: normal 1em/1 'dashicons';
	font-size: 1em;
	height: 1em;
	width: 1em;
	-webkit-font-smoothing: antialiased;
	color: #666;
	margin-left: 4px;
	margin-top: 6px;
	vertical-align: middle;
	float: right;
}

.tags-links i::before {
	content: "\f323";
}

.edit-link i::before {
	content: "\f464";
}

.comments-link i::before {
	content: "\f075";
	display: inline-block;
	font: normal normal normal 1em/1 "Font Awesome 5 Free";
	font-weight: 400; /* regular style/weight */
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	font-size: 1em;
	line-height: 1; 
	color: #717171;
	text-decoration: none; 
	margin-left: 4px;
}

.cat-links i::before {
	content: "\f07c";
	display: inline-block;
	font: normal normal normal 1em/1 "Font Awesome 5 Free Solid";
	font-weight: 900; /* solid style/weight */
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	font-size: 1em;
	line-height: 1; 
	color: #717171;
	text-decoration: none; 
	margin-left: 4px;
}

.cat-links,
.tags-links,
.comments-link {
	display: block;
	clear: both;
	width: 100%;
	margin-bottom: 8px;
	float: right;
}

.not-found .page-title:before {
	content: "\f05a";
	display: inline-block;
	font: normal normal normal 40px/1 "Font Awesome 5 Free Solid";
	font-weight: 900; /* solid style/weight */
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1; 
	text-decoration: none; 
	margin: 0 5px 0 10px;
	padding: 0;
	color: #666;
}

.no-result,
.not-found {
	margin-bottom: 65px;
}

.attachment-aaron-featured-posts-thumb,
.attachment-post-thumbnail {
	background: #fff;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	padding: 4px;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/

.comments-area {
	position: relative;
	margin-top: 45px; 
	margin-bottom: 40px;
	clear: both; 
}

.comments-title,
.comment-reply-title {
	font-size: 2.0rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 0 10px 0;
}

.comment-list {
	margin: 0 0 1.5em 0
}

.comment-list,
.children {
	list-style: none;
}

.comment-body {
	margin-bottom: 25px; 
	background: url(images/border.png) repeat-x bottom;
}

.comment-navigation {
	padding-bottom: 10px;
}

.comment-content {
	margin-top: 20px;
}

.comment-content a {
	word-wrap: break-word;
}

.comment-metadata {
	display: inline-block;
	font-size: 1.4rem;
	margin: 0 15px 15px 15px;
}

.comment-metadata .edit-link {
	margin-right: 10px;
}

.logged-in-as a,
.comment-metadata a {
	text-decoration: none;
}

.logged-in-as a:hover,
.comment-metadata a:hover {
	text-decoration: underline;
	background: url(images/border.png) repeat-x bottom;
}

.reply {
	margin: 15px; 
	padding-bottom: 15px;
}

.reply .comment-reply-link {
	text-decoration: none;
}

.reply .comment-reply-link:hover {
	text-decoration: underline;
	background: url(images/border.png) repeat-x bottom;
}

.says {
	display: none;
}

.bypostauthor {
	display: block;
}

.comment-author .avatar {
	border: 4px solid #fff;
	border-radius: 4px;
	box-shadow: 0 1px 6px rgba(0,0,0,0.2);
}

.comment-meta .fn {
	vertical-align: top;
	margin-right: 15px;
	font-size: 1.8rem;
}

.comment-meta .fn .url {
	vertical-align: top;
	font-size: 1.8rem;
	text-decoration: none;
}

.comment-meta .fn .url:hover {
	text-decoration: underline;
	background: url(images/border.png) repeat-x bottom;
}

.comment-form {
	width: 70%;
}
.comment-form p {
	margin-bottom: 20px;
}

/*labels:*/
.comment-form-url label,
.comment-form-email label,
.comment-form-author label,
.comment-form-comment label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}

.required {
	font-weight: normal;
	margin-right: 3px;
}

.comment-form input[type='text'], 
.comment-form input[type='email'] {
	width: 300px;
	max-width: 98%;
	margin-bottom: 3px;
}

.form-allowed-tags {
	background: #fff;
	font-size: 1.6rem; 
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	padding: 12px;
}

.form-allowed-tags code {
	font-size: 1.4rem; 
}


/*--------------------------------------------------------------
10.4 Blocks
--------------------------------------------------------------*/

.wp-block-media-text,
.wp-block-button {
	margin-bottom: 1.5em;
}

.wp-block-button__link {
	text-decoration: underline;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
	text-decoration: none;
}

.wp-block-column {
	padding: 0.5em;
}

.wp-block-media-text .wp-block-media-text__content {
	padding: 8%;
}

/* Increase text color contrast */
.wp-block-video figcaption,
.wp-block-latest-posts__post-date,
.wp-block-latest-comments__comment-date {
	color: #333;
}

.wp-block-audio figcaption {
	margin-bottom: 1.5em;
	color: #333;
}

.wp-block-quote cite {
	display: block;
	font-size: 13px;
	color: #333;
}

 blockquote .wp-block-quote.is-style-large p {
	font-size: 24px;
    line-height: 1.6;
 }

 blockquote.wp-block-quote.is-style-large {
	border: none;
}

blockquote.wp-block-quote.is-style-large cite {
    font-size: 13px;
	text-align: right;
}

.wp-block-pullquote blockquote {
	border-left: none;
	border-right: none;
}

.wp-block-pullquote {
	margin: 1em 40px;
}

.wp-block-image {
	margin-bottom: 1em;
}

/*--------------------------------------------------------------
11.0 Jetpack
--------------------------------------------------------------*/
/*Infinite scroll*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-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;
}

/*Styling for JetPack featured posts.*/
.featured-headline {
	display: block;
	text-transform: uppercase;
	font-size: 1.4rem;
	letter-spacing: 2px; 
	margin: 0 auto 25px auto;
	background: url(images/border.png) repeat-x bottom;
	padding: 12px;
	text-align: center;
}

.featured-wrap {
	width: 100%;
	margin: 0 auto 50px auto; 
	padding-bottom: 27px;
	text-align: center; 
	background: url(images/border.png) repeat-x bottom;
}

.post-type-archive-jetpack-portfolio,
.featured-wrap {
	background: none;
}

.featured-post {
	display: inline-block;
	margin: 25px 40px 25px 40px;
	padding: 21px 12px 12px 12px;
	width: 23%;
	box-shadow: 0 1px 6px rgba(0,0,0,0.2);
	vertical-align: top;
	background: #fcfcfc;
}

.featured-post p {
	text-align: right;
}

.featured-post h2 {
	margin: 15px;
	padding-bottom: 4px;
	text-transform: uppercase;
	font-size: 1.4rem;
	letter-spacing: 2px; 
	text-align: center;
}

.featured-post h2 a:hover {
	background: url(images/border.png) repeat-x bottom;
	padding-bottom: 4px;
	text-decoration: underline;
}

.featured-post a.continue {
	text-decoration: underline;
}

.featured-post a,
.featured-post a.continue:hover {
	text-decoration: none;
}

/* Jetpack Sharing */
.featured-post .sharedaddy,
.featured-post .sharedaddy .sd-like,
.featured-post .sharedaddy h3.sd-title,
.featured-post .sharedaddy .likes-widget-placeholder {
	display: none; 
}

.sharedaddy {
	margin-top: 25px;
}

.entry-footer .sharedaddy h3.sd-title {
	font-weight: normal;
	font-size: 1.4rem;
}

/*Jetpack site logo*/
.site-logo {
	clear: both;
	position: relative;
	margin-bottom: 25px;
}

/*Jetpack Portfolio*/
.portfolio-type-links a {
	font-style: italic;
}

.jetpack-portfolio-type {
	display: block;
	clear: both;
	width: 100%;
	margin-bottom: 8px;
}

.jetpack-portfolio-type i::before {
	content: "\f15b";
	display: inline-block;
	font: normal normal normal 1.6rem/1 "Font Awesome 5 Free";
	font-weight: 400; /* regular style/weight */
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	font-size: 1.6rem;
	line-height: 1; 
	color: #717171;
	text-decoration: none; 
	margin-left: 6px;
	margin-bottom: 6px;
}

.post-type-archive-jetpack-testimonial .content-area,
.single-jetpack-testimonial .content-area {
	margin: 0 auto;
	width: 100%;
}

.search-results .type-jetpack-testimonial {
	display: block;
	position: relative;
	border-radius: 4px;
    padding: 10px 26px 26px 26px;
    overflow: auto;
    box-shadow: 0 1px 6px rgba(0,0,0,0.2);
    margin: 0 0 65px 0;
    background: #fcfcfc;
    line-height: 1.8;
}

.post-type-archive-jetpack-testimonial .page-header {
	text-align: center;
}

.testimonial-entry-title,
.jetpack-testimonial .entry-title {
	display: block;
	background: none;
	text-align: center;
	font-size: 1.4rem;
	margin-top: 15px;
	text-decoration: none;
	padding-bottom: 4px;	
	text-transform: uppercase;
	letter-spacing: 2px; 
}

.testimonial-entry-title a:focus,
.testimonial-entry-title a:hover {
	text-decoration: underline!important; 
	background: url(images/border.png) repeat-x bottom; /*We need to overwrite Jetpacks styling here...*/
}

.testimonial-entry-content,
.jetpack-testimonial .entry-content {
	width: 100%;
	font-size: 1.6rem;
	text-align: center;
	font-style: italic;
}

.testimonial-entry,
.post-type-archive-jetpack-testimonial .type-jetpack-testimonial {
	display: inline-block;
	margin: 0 40px 15px 40px;
	padding: 12px;
	width: 26%;
	vertical-align: top;
}

.post-type-archive-jetpack-testimonial .attachment-aaron-jetpack-logo {
	display: block;
	clear: both;
	margin: 0 auto;
}

.jetpack-testimonial .attachment-post-thumbnail,
.jetpack-testimonial .attachment-thumbnail,
.testimonial-featured-image {
	display: block;
	margin: 20px auto !important; /*We need to overwrite Jetpacks styling here...*/
	text-align: center;
}

.jetpack-testimonial .attachment-post-thumbnail,
.jetpack-testimonial .attachment-thumbnail,
.testimonial-featured-image img,
.attachment-aaron-jetpack-testimonial {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background: url(images/border.png) repeat-x bottom;
	border: 4px solid #fff !important; /*We need to overwrite Jetpacks styling here...*/
	box-shadow: 0 1px 6px rgba(0,0,0,0.2);
	margin: 0 auto;
}

.site-footer .horizontal-testimonials {
	display: block;
	width: 96%;
	margin: 0 auto 45px auto;
	clear: both;
}

.horizontal-testimonials .widget-title {
	border-bottom:none;
	text-align:center;
}

.horizontal-testimonials ul {
	list-style: none;
}

.horizontal-testimonials ul li {
	display: inline-block;
	position: relative;
    vertical-align: top;
    list-style: none;
    padding: 0 18px 0 18px;
    margin: 0 0.5em 45px 0.5em;
    width: 22%;
    box-shadow: none;
    background: none;
    border: none;
}

.single-jetpack-portfolio .navigation {
	clear: both;
}

.type-jetpack-portfolio {
	margin-bottom: 40px;
}

/*Jetpack widgets*/
/*Change the icon size to match the themes social menu*/
.widget_wpcom_social_media_icons_widget ul li,
.widget_wpcom_social_media_icons_widget .genericon {
	font-size: 3.4rem;
	background: none; 
}

.widget_wpcom_social_media_icons_widget .genericon:before {
	padding: 4px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.widget_wpcom_social_media_icons_widget .genericon:hover:before {
	border: 1px solid #999;
}

.widget_wpcom_social_media_icons_widget ul li a:hover,
.widget_wpcom_social_media_icons_widget .genericon a:hover {
	text-decoration: none;
}

.post #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context, 
.post #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
    opacity: 1;
}

.post #jp-relatedposts h3.jp-relatedposts-headline {
	display: inline-block;
    margin: 0 0 1em;
    float: right;
	font-size: 1.4rem;
    font-weight: 700;
    font-family: inherit;
 	background: url(images/border.png) repeat-x top;
	width: 100%;
}

.post #jp-relatedposts h3.jp-relatedposts-headline em:before {
    content: "";
    border: none;
}

.post .jp-relatedposts-post-title {
	margin-bottom: 6px;
}

/*--------------------------------------------------------------
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%;
}

/*--------------------------------------------------------------
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: 0.4%;
}

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

.single-attachment .crumbs,
.single-attachment .post-navigation {
	display: none;
}

.gallery-icon a img,
.gallery-icon a,
.attachment a {
	background: none;
}

a img {
	padding: 4px; 
	border-radius: 6px; 
	border: 1px solid transparent; 
}

a:hover img {
	border: 1px dotted #999;
}

/*--------------------------------------------------------------
13.0 Responsive widths
--------------------------------------------------------------*/

@media screen and (max-width: 1100px) {
	.page-template-grid .content-area,
	.content-area {
		width: 100%; 
		margin: 0 auto;
		padding: 0;
	}

	.site-content .widget-area {
		width: 100%;
		margin-top: 1em;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}
	
	.site-branding .widget,
	.site-footer .widget,
	.widget {
		width: auto;
		min-width: 31%;
		margin-left: 20px;
		margin-right: 0;
	}

}

@media screen and (max-width: 900px) {
	.page-template-grid .grid-sizer,
	.page-template-grid .grid-item,
	.horizontal-testimonials ul li,
	.site-footer .widget,
	.site-branding .widget,
	.widget {
		width: 46%;
	}
	
	.site-footer .horizontal-testimonials {
		width: 100%;
	}

}

@media screen and (max-width: 800px) {	
	.topsearch {
		display: none;
	}

	.comment-navigation .nav-previous,
	.posts-navigation .nav-previous,
	.post-navigation .nav-previous {
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	.comment-navigation .nav-next,
	.posts-navigation .nav-next,
	.post-navigation .nav-next {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.featured-post,
	.highlights { 
		width: 80%;
		margin: 0 auto 45px auto;
	}

	.page-template-grid .grid-sizer,
	.page-template-grid .grid-item {
		width: 100%;
	}

	#action {
		width: 80%;
		margin: 45px auto 45px auto;
	}

	.site-main {
		width: 100%;
		padding: 0;
	}

	.post { 
		width: 100%;
		margin: 25px 0 45px 0;
	}

	.type-post {
		width: 100%;
	}

	.post-type-archive-jetpack-testimonial .type-jetpack-testimonial {
		width: 100%;
		margin: 25px 0 45px 0;
	}

	.featured-wrap {
		margin: 0 auto;
	}

	.jetpack-testimonial,
	.jetpack-testimonial .entry-content,
	.single-jetpack-portfolio .content-area, 
	.no-sidebar .content-area, 
	.entry-footer, 
	.entry-content {
		width: 100%;
	}

	.taxonomy-description,
	.page-title {
		text-align: center;
	}

	.home .type-page {
		margin-top: 5px; 
		margin-bottom: 25px;
		padding-bottom: 0;
	}
}

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

	.site-branding {
		margin-top: 3em;
	}

	.horizontal-testimonials ul li,
	.site-branding .widget,
	.site-footer .widget,
	.widget {
		width: 100%;	
		margin-left: 0;
	}
	
	.site-title {
		font-size: 4rem;
	}

	/*Increase text-size on tiny screens */
	.more-link,
	.entry-meta, 
	.entry-footer {
		font-size: 1.6rem;
	}

	.site-content {
		margin-top: 45px !important;
	}

	.comment-form,
	.page-header, 
	.type-page,
	.comments-area {
		width: 100%; 
		margin: 45px 0 45px 0;
	}

	.sep {
		display: none;
	}

	.site-footer .credit {
		display: block;
		padding-bottom: 2em;
	}
	.site-footer .credit:hover {
		background: none;
	}
}