/*
Theme Name: Gateway - WordPress.com
Theme URI: https://wordpress.com/themes/gateway/
Description: Gateway is the perfect mix of class and elegance, a traditional yet customizable home for your content. Reinforce your brand with a site logo, add a bold header image and call to action, and showcase your best posts or a video with a special Homepage template.
Version: 1.1.3
Author: Rescue Themes
Author URI: https://rescuethemes.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gateway
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1.0 Defaults
2.0 Alignments
3.0 Accessibility
4.0 Infinite Scroll
5.0 Media
6.0 Header
	6.1 Navigation
7.0 Home
	7.1 Home Hero
	7.2 Home Posts
	7.3 Home Content
8.0 Forms
9.0 Content
	9.1 Posts
	9.2 Blog Page
	9.3 404 Page
	9.4 Archive Page
	9.5 Full Width
	9.6 Contact Page
10.0 Comments
11.0 Widgets
12.0 Footer

--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

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

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

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

.aligncenter {
	display: block;
	margin: 0.75em auto;
}

/*--------------------------------------------------------------
1.0 Defaults
--------------------------------------------------------------*/

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

body {
	background: white;
	color: #888;
	padding: 0;
	margin: 0;
	font-family: "Fanwood Text", serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
	cursor: auto;
}
a {
	transition: 0.2s;
}
.entry-content a,
.entry-summary a {
	word-break: break-word;
}
abbr, acronym {
	cursor: pointer;
}

blockquote {
	background-color: #fafafa;
	border-left: 8px solid #e8554e;
	padding: 1.5em .75em 0.375em;
}
blockquote cite {
	margin-top: 1em;
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
	background-color: #eee;
    border: none;
    box-shadow: none;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
			border-radius: 3px;
    font-family: inherit;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
	font-size: 1.4rem;
    margin: 0 0 1.5em;
    padding: 0.75em;
    width: 100%;
    height: 3em;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}
textarea {
	height: auto;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
    box-shadow: 0 0 5px #999;
    border-color: #999;
    background: #fafafa;
    outline: none;
}
html input[type="button"],
input[type="reset"],
input[type="submit"],
button,
.button,
#infinite-handle span {
	background-color: #e8554e;
	color: white;
	border: none;
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	background-clip: padding-box;
	padding: .375em .75em .5em;
	/* stops bg color from leaking outside the border: */
	-webkit-border-radius: 3px;
			border-radius: 3px;
	text-align: center;
	transition: 0.2s;
}
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
#infinite-handle span:hover {
	background-color: #555;
}
button,
.button {
	display: inline-block;
	padding: .75em 1.5em 1em;
}
button:hover,
button:focus,
.button:hover,
.button:focus {
	background-color: #db251d;
	color: white;
}
.vcard {
	border: none;
	margin: 0 0;
	padding: 0 0;
}

pre {
	background-color: #efefef;
	line-height: 2;
	padding: 1.5em;
}

/* Default Link Styles */
a {
	color: #e8554e;
	text-decoration: none;
	line-height: inherit;
}
a:hover,
a:focus {
	color: #e33028;
}
a img {
	border: none;
}

/* Default paragraph styles */
p {
	font-family: inherit;
	font-weight: normal;
	line-height: 1.7;
	margin-bottom: 1.5em;
	text-rendering: optimizeLegibility;
}

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
	font-family: "Quattrocento", serif;
	font-weight: bold;
	font-style: normal;
	color: #666;
	text-rendering: optimizeLegibility;
	margin-top: 0.375em;
	margin-bottom: .75em;
	line-height: 1.4;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-size: 60%;
	color: #9c9c9c;
	line-height: 0;
}

h1 {
	font-size: 28px;
	font-size: 2.8rem;
}

h2 {
	font-size: 24px;
	font-size: 2.4rem;
}

h3 {
	font-size: 18px;
	font-size: 1.8rem;
}

h4 {
	font-size: 14px;
	font-size: 1.4rem;
}

h5 {
	font-size: 12px;
	font-size: 1.2rem;
}

h6 {
	font-size: 11px;
	font-size: 1.1rem;
}

.subtitle {
	line-height: 1.4;
	color: #9c9c9c;
	font-weight: normal;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

hr {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.5em auto .75em;
	height: 0;
}

/* Helpful Typography Defaults */
em,
i {
	font-style: italic;
	line-height: inherit;
}

strong,
b {
	font-weight: bold;
	line-height: inherit;
}

small {
	font-size: 60%;
	line-height: inherit;
}

code {
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-weight: normal;
	color: #333;
	background-color: #f8f8f8;
	border-width: 1px;
	border-style: solid;
	border-color: #dfdfdf;
	padding: .1875em;
}

/* Lists */
ul,
ol,
dl {
	list-style-position: outside;
	font-family: inherit;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

/* Definition Lists */
dl dt {
	margin-bottom: 0.375em;
	font-weight: bold;
}
dl dd {
	margin-bottom: 0.75em;
}

/* Abbreviations */
abbr,
acronym {
	text-transform: uppercase;
	font-size: 90%;
	color: #888;
	cursor: help;
}

abbr {
	text-transform: none;
}
abbr[title] {
	border-bottom: 1px dotted #ddd;
}

/* Blockquotes */
blockquote {
	margin: 0 auto 1.5em;
	margin-bottom: 1.5em;
	padding: .75em 1.5em;
	border-left: 8px solid #e8554e;
}
blockquote cite {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	color: #898989;
}
blockquote cite a,
blockquote cite a:visited {
	color: #898989;
}
blockquote,
blockquote p {
	line-height: 1.7;
	color: #9c9c9c;
}
table {
    background: white;
    margin-bottom: 1.5em;
    border: solid 1px #dddddd;
    table-layout: auto;
}
table td,
table tr th {
	padding: .75em;
}
table tr th,
table tr td {
	font-weight: normal;
}
table tr th {
	color: #555;
	font-weight: bold;
}
table tr td {
	color: #777;
}
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
	background-color: #f9f9f9;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.hentry:before,
.hentry: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,
.posts-navigation:before,
.posts-navigation:after,
.post-navigation:before,
.post-navigation:after,
.comment-navigation:before,
.comment-navigation:after {
	content: "";
	display: table;
}

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

/*--------------------------------------------------------------
3.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	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 */
}

/*--------------------------------------------------------------
4.0 Infinite Scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.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;
}
#infinite-footer {
	z-index: 99;
}
#infinite-footer .container {
	padding: 20px;
}
#infinite-footer .blog-info a {
	font-size: 13px;
	font-size: 1.3rem;
	color: #666;
	font-weight: normal;
}
#infinite-footer .blog-info a:before {
	font-family: 'FontAwesome';
	content: "\f106";
	margin: 0 15px 0 -15px;
	margin: 0 10px 0 0;
}
#infinite-footer .blog-info a:hover {
	text-decoration: none;
	color: #e8554e;
}
#infinite-handle,
.infinite-loader {
	margin-bottom: 1.5em;
}

.jetpack-video-wrapper {
	margin-bottom: 1.5em;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .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%;
}

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

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

.wp-caption-text {
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
	text-align: center;
}

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

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

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

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

/*--------------------------------------------------------------
6.0 Header
--------------------------------------------------------------*/
.site-branding {
	padding: 1.5em;
	text-align: center;
	display: block;
	margin: 0 auto;
}
.site-logo {
	max-width: 100%;
	max-height: 150px;
	width: auto;
	height: auto;
}
.site-title {
	margin-bottom: 0.1875em;
}
.site-title a,
.site-title a:hover {
	color: white;
}
.site-description {
	font-size: 16px;
	font-size: 1.6rem;
	color: white;
}
.stick {
	background-color: white;
	border-bottom: 1px solid #ddd;
	position: static;
		top: auto;
	width: 100%;
}

/*--------------------------------------------------------------
6.1 Navigation
--------------------------------------------------------------*/

.main-navigation {
	clear: both;
	display: block;
	text-transform: uppercase;
	width: 100%;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	border-top: 1px solid #ddd;
	position: relative;
	display: block;
}
.main-navigation a {
	color: #666;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 1px;
	padding: 1.5em;
	text-decoration: none;
	text-transform: uppercase;
}
.main-navigation ul ul li a {
	padding-left: 2.25em;
}
.main-navigation ul ul ul li a {
	padding-left: 3em;
}
.main-navigation ul ul ul ul li a {
	padding-left: 3.75em;
}
.main-navigation ul ul ul ul ul li a {
	padding-left: 4.5em;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
	color: #e8554e;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
	color: #e8554e;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
	margin: 0 auto;
}
.menu-toggle {
	border-radius: 0;
	background-color: #555;
	width: 100%;
}

/*--------------------------------------------------------------
7.0 Home
--------------------------------------------------------------*/
.header-bg {
	background-color: #e8554e;
	background-position: 50% 0;
	-webkit-background-size: cover;
			background-size: cover;
	height: 100%;
	position: relative;
	min-height: 238px;
}
.hero-section {
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	color: white;
	margin: 0 0 3em;
	padding: 0 1.5em;
}
.hero-section .hero-title {
	color: white;
	font-weight: normal;
	font-size: 36px;
	font-size: 3.6rem;
	margin-top: 0;
	margin-bottom: 0.75em;
}
.hero-section .hero-title:empty,
.hero-section .hero-content:empty {
	display: none;
}
.home-posts-titles {
	text-align: center;
	margin-bottom: 3em;
}
.home-posts-titles h2 {
	font-weight: normal;
}
.home-video-content {
	color: #888;
	font-weight: normal;
	width: 100%;
	display: block;
	margin: 0 auto;
}
.home-video-content .jetpack-video-wrapper {
	margin-bottom: 0;
}
.home-video {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	max-width: 530px;
}
.home-video-aside {
	clear: both;
	text-align: center;
}
.page-template-template-home-php hr {
	background-color: #ddd;
	margin-bottom: 3em;
}
.featured-posts .hentry {
	clear: both;
	margin-bottom: 3em;
}
.featured-posts .entry-header,
.featured-posts .entry-content {
	clear: both;
}
.featured-posts .entry-title {
	font-size: 22px;
	font-size: 2.2rem;
}
.home-content {
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
}

/*--------------------------------------------------------------
9.0 Content
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0 0 3em;
}
.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;
}
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
.site-content {
	margin-top: 1.5em;
	margin-bottom: 3em;
	padding: 0 1.5em;
}
.entry-title {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
9.1 Posts
--------------------------------------------------------------*/

.hentry.sticky {
	padding: 1.5em;
	background-color: #f7fbff;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
	-webkit-border-radius: 3px;
			border-radius: 3px;
}
.hentry h1 a,
.hentry h2 a,
.hentry h3 a,
.hentry h4 a,
.hentry h5 a {
	color: #666;
}
.hentry hr {
	margin: 0 0 1.5em;
}
.featured-image {
	background: #eee;
	width: 100%;
}
.featured-image img {
	width: 356px;
	float: left;
	border: 1px solid #efefef;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
	-webkit-border-radius: 3px;
			border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
	transition: 0.2s;
}
.featured-image img:hover {
	opacity: 0.8;
}
.entry-header {
	margin-bottom: 1.5em;
}
.entry-content:after {
	clear: none;
}
.entry-footer {
	margin: .75em 0;
}
.entry-footer .left {
	background-color: #efefef;
	padding: 0.375em 1.5em;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
	-webkit-border-radius: 3px;
			border-radius: 3px;
}
.entry-footer .left i {
	color: #d5d5d5;
	padding: 0.1875em 0.375em;
	transition: 0.2s;
}
.entry-footer .left i:hover {
	color: #e8554e;
}
.entry-footer .right {
	color: #d5d5d5;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	margin: 0 0 .75em;
}

/* Post Nav Links */
.nav-previous {
	float: left;
	margin: 0 0 0.75em;
}
.nav-next {
	float: right;
	margin: 0 0 0.75em;
}
.posts-navigation .nav-previous a:before,
.post-navigation .nav-previous a:before {
	content: '\2190';
	margin-right: 2px;
}
.posts-navigation .nav-next a:after,
.post-navigation .nav-next a:after {
	content: '\2192';
	margin-left: 2px;
}

/* Single */
.single .hentry {
	margin: 0 0 4.5em;
}
.single .hentry .author.vcard .fn {
	font-weight: normal;
}
.single .hentry .entry-footer {
	margin-top: 3em;
}
.single .hentry .left {
	clear: both;
	display: inline-block;
	margin-bottom: 0.75em;
}
.single .hentry .right {
	clear: both;
	display: block;
	padding: 0.1875em 0;
	color: #666;
}
.posts-navigation,
.post-navigation {
	margin: 0 0 3em;
}

/*--------------------------------------------------------------
9.2 Blog Page
--------------------------------------------------------------*/
.more-link {
	font-style: italic;
	display: inline-block;
}

/*--------------------------------------------------------------
9.3 404 Page
--------------------------------------------------------------*/
.error-404 header,
.error-404 .page-content p {
	text-align: center;
}
.error-404 .search-form {
	margin-top: 3em;
}
.error-404 .page-title {
	font-size: 42px;
	font-size: 4.2rem;
}
.error-404 .widget {
	float: left;
	margin-top: 3em;
	margin-right: 5%;
	width: 30%;
}
.error-404 .widget p {
	text-align: left;
}
.error-404 .widget:last-of-type {
	margin-right: 0;
}
.error-404 .widget-title,
.error-404 .widgettitle {
	font-size: 18px;
	font-size: 1.8rem;
}

/*--------------------------------------------------------------
9.4 Archive Page
--------------------------------------------------------------*/
.page-title {
	font-size: 24px;
	font-size: 2.4rem;
}
.page-header {
	margin: 0 0 3em;
}

/*--------------------------------------------------------------
9.5 Full Width
--------------------------------------------------------------*/
.page-template-template-full-php h2 {
	text-align: center;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
9.6 Contact Page
--------------------------------------------------------------*/
.contact-form label {
	margin: .375em 0 0.1875em;
	font-size: 18px;
	font-size: 1.8rem;
	color: #666;
}
.contact-form input[type="text"],
.contact-form input[type="email"] {
	width: 500px;
	height: 3em;
}
.contact-form textarea {
	height: 20em;
	width: 100%;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
10.0 Comments
--------------------------------------------------------------*/
.comments-title {
	font-size: 18px;
	font-size: 1.8rem;
	margin: 1.5em 0;
}
.comment-list {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.comment-list .children {
	list-style: none;
	margin-left: 0;
	padding-left: 10px;
}
.pingback .edit-link a,
.trackback .edit-link a {
	color: #888;
	font-size: 14px;
	font-size: 1.4rem;
	margin-left: 1em;
}
.comment {
	margin-top: 40px;
	position: relative;
}
.comment img.avatar {
	display: block;
	float: left;
	margin-right: .75em;
	width: 40px;
	height: 40px;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
	-webkit-border-radius: 3px;
			border-radius: 3px;
}
.comment .comment img.avatar {
	width: 40px;
	height: 40px;
}
.comment-body {
	background-color: #f6f6f6;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
	-webkit-border-radius: 3px;
			border-radius: 3px;
	padding: .75em;
}
.pingback .comment-body,
.trackback .comment-body {
	background: transparent;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
}
.comment-meta .fn {
	margin-right: 1em;
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	font-weight: bold;
	color: #555;
}
.comment-meta .fn a {
	color: #555;
}
.says {
	display: none;
}
.comment-author {
	display: inline;
}
.comment-metadata {
	color: #888;
	display: inline;
	font-size: 14px;
	font-size: 1.4rem;
}
.comment-metadata a {
	color: #888;
	margin-right: 1em;
}
.comment-respond {
	margin: 3em 0;
}
.comment-reply-title {
	font-size: 24px;
	font-size: 2.4rem;
}
.logged-in-as {
	font-size: 14px;
	font-size: 1.4rem;
}
#cancel-comment-reply-link {
	float: right;
	position: relative;
		top: 3em;
	font-style: italic;
	font-weight: normal;
}
.no-comments {
	font-style: italic;
	text-align: center;
}
.form-allowed-tags,
.form-allowed-tags code {
	font-size: 90%;
}

/*--------------------------------------------------------------
11.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 3em;
	/* Make sure select elements fit in widgets */
}
.widget select {
	margin-left: 1px;
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

.widget-title {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 1.5em;
}

/* Search Widget */
.site-footer .search-form input[type="search"] {
	background-color: #464646;
	color: white;
}

/* Archive, Categories, pages, Meta, Comments, Posts Widget */
.widget_archive ul,
.widget_categories ul,
.widget_pages ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_links ul {
	color: #bebebe;
	list-style: none;
	margin-left: .75em;
	padding-left: 0;
}
.widget_archive li:before,
.widget_categories li:before,
.widget_pages li:before,
.widget_meta li:before,
.widget_recent_comments li:before,
.widget_recent_entries li:before,
.widget_links li:before {
	font-family: 'FontAwesome';
	content: "\f02e";
	margin: 0 15px 0 -11px;
}

/* RSS Widget */
.widget_rss ul {
	list-style: none;
	margin-left: 0;
}
.widget_rss li {
	margin-bottom: 1.5em;
}
.widget_rss .rssSummary {
	margin: 1.5em 0;
}

/* Tags Widget */
.widget_tag_cloud,
.wp_widget_tag_cloud {
	content: "";
	display: table;
}
.widget_tag_cloud a,
.wp_widget_tag_cloud a {
	background-color: #e8554e;
	color: white;
	padding: 0.375em 1.5em;
	float: left;
	font-size: 16px !important;
	margin-right: 0.375em;
	margin-bottom: 0.375em;
	font-style: italic;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
	-webkit-border-radius: 3px;
			border-radius: 3px;
	transition: 0.2s;
}
.widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:hover {
	background-color: #555;
	color: white;
}

/* Recent Entries Widget  */
.widget_recent_entries .post-date {
	font-style: italic;
	display: block;
	margin-left: 15px;
}

/* Calendar Widget */
.widget_calendar table caption {
	margin-bottom: 0.75em;
	font-size: 18px;
	font-size: 1.8rem;
	color: #555;
}
.widget_calendar table td,
.widget_calendar table tr th {
	padding-top: .75em;
	padding-bottom: .75em;
}
.widget_calendar table tr th,
.widget_calendar table tr td {
	font-weight: normal;
}
.widget_calendar table tr th {
	color: #555;
}
.widget_calendar table tr td {
	color: #777;
}
.widget_calendar table tr td#next {
	text-align: right;
}
.site-footer table,
.site-footer td,
.site-footer th {
	background-color: transparent;
	border-color: rgba(255,255,255,0.1);
}
.site-footer .widget_recent_comments table {
	border: 0;
}
.site-footer table tr.even,
.site-footer table tr.alt,
.site-footer table tr:nth-of-type(even) {
	background-color: transparent;
}

/*--------------------------------------------------------------
12.0 Footer
--------------------------------------------------------------*/
.footer-wrap {
	background-color: #303030;
	margin-top: 3em;
}
.site-footer {
	margin: 3em auto 6em;
	overflow: hidden;
	padding: 0 1.5em;
}
.site-footer .site-info {
	color: #555;
	font-style: italic;
}
.site-footer .widget {
	margin-bottom: 3em;
}
.site-footer .widget li {
	margin-bottom: 0.75em;
}
.site-footer .widget-title {
	color: white;
}
.site-info {
	clear: both;
	width: 100%;
}

@media screen and (min-width: 31.25em) {
	.site-logo {
		max-width: 500px;
	}
}

@media screen and (min-width: 35em) {
	.featured-image img {
		width: 265px;
	}
	.main-navigation {
		margin-left: auto;
		margin-right: auto;
		max-width: 75em;
		text-align: center;
	}
	.main-navigation li {
		border: 0;
		display: inline-block;
	}
	.main-navigation ul ul {
		background: white;
		border: 1px solid #ddd;
		float: left;
		position: absolute;
			top: 3.95em;
			left: -999em;
		z-index: 99999;
	}
	.main-navigation ul ul li a,
	.main-navigation ul ul ul li a,
	.main-navigation ul ul ul ul li a,
	.main-navigation ul ul ul ul ul li a {
		padding-left: 1.5em;
	}
	.main-navigation ul li.menu-item-has-children,
	.main-navigation ul li.page_item_has_children {
		position: relative;
	}
	.main-navigation ul li.menu-item-has-children > a:after,
	.main-navigation ul li.page_item_has_children > a:after {
		content: "";
		display: inline-block;
		margin-left: 10px;
		width: 0;
		height: 0;
		border: inset 5px;
		border-color: rgba(51, 51, 51, 0.4) transparent transparent transparent;
		border-top-style: solid;
		vertical-align: middle;
	}
	.main-navigation ul ul li.menu-item-has-children > a:after,
	.main-navigation ul ul li.page_item_has_children > a:after {
		content: "";
		display: inline-block;
		margin-left: 10px;
		width: 0;
		height: 0;
		border: inset 5px;
		border-color: transparent transparent transparent rgba(51, 51, 51, 0.4);
		border-left-style: solid;
		margin-top: -2px;
		vertical-align: middle;
	}
	.main-navigation ul ul ul {
		left: -999em;
		top: 0;
	}
	.main-navigation ul ul a {
		color: #aaa;
		width: 180px;
		padding-top: 0.75em;
		padding-bottom: 0.75em;
		text-align: left;
		word-wrap: break-word;
	}
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
	.featured-posts .entry-header,
	.featured-posts .entry-content {
		clear: none;
	}
	.entry-footer {
		clear: none;
		display: inline-block;
	}
	.single .hentry .entry-footer {
		display: block;
	}
	.single .hentry .left {
		clear: none;
		display: inline-block;
		margin-bottom: 0.75em;
	}
	.single .hentry .right {
		clear: none;
		display: inline-block;
		float: right;
		max-width: 60%;
	}
	.page-template-template-home-php .site-content {
		padding-left: 0;
		padding-right: 0;
	}
	.featured-posts,
	.hero-section,
	.home-video-content,
	.home-posts-titles {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
}

@media only screen and (min-width: 50em) {
	.site-branding {
		padding: 3em 1.5em;
	}
	.site-content,
	.featured-posts,
	.hero-section,
	.home-video-content,
	.home-posts-titles {
		margin-left: auto;
		margin-right: auto;
		max-width: 75em;
	}
	.hero-section {
		margin-top: 1.5em;
	}
	.site-content {
		margin-top: 4.5em;
	}
	.page-template-template-home-php .site-content {
		max-width: 100%;
	}
	.hentry.sticky {
		padding: 3em;
	}
	.sticky .featured-image {
		margin-left: -3em;
	}
	.top-bar-section {
		display: block;
	}

	h1, h2, h3, h4, h5, h6 {
		line-height: 1.4;
	}
	h1 {
		font-size: 54px;
		font-size: 5.4rem;
	}
	h2 {
		font-size: 42px;
		font-size: 4.2rem;
	}
	h3 {
		font-size: 28px;
		font-size: 2.8rem;
	}
	h4 {
		font-size: 20px;
		font-size: 2.0rem;
	}
	h5 {
		font-size: 18px;
		font-size: 1.8rem;
	}
	h6 {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.site-footer {
		text-align: left;
		margin: 4.5em auto 6em;
		max-width: 75em;
	}
	.site-footer .widget-area {
		float: left;
		margin-right: 5%;
		width: 30%;
	}
	.site-footer .widget-area:last-of-type {
		margin-right: 0;
	}
	.home-posts-titles {
		margin-bottom: 4.5em;
	}
	.home-posts-titles h2 {
		font-size: 42px;
		font-size: 4.2rem;
	}
	.home-content {
		margin-left: auto;
		margin-right: auto;
		width: 66%;
	}
	.featured-posts .hentry {
		clear: none;
		position: relative;
		margin-bottom: 0;
		padding-left: 0.75em;
		padding-right: 0.75em;
		float: left;
		width: 33.3333%;
	}
	.home-video-content > div:nth-child(1):nth-last-child(2),
	.home-video-content > div:nth-child(2):nth-last-child(1) {
		clear: none;
		display: inline-block;
		margin-right: 7%;
		width: 46%;
		vertical-align: middle;
	}
	.home-video-content > div:nth-child(1):nth-last-child(2):last-of-type,
	.home-video-content > div:nth-child(2):nth-last-child(1):last-of-type {
		margin-right: 0;
	}

	.content-area {
		float: left;
		margin: 0 -35% 0 0;
		width: 100%;
	}
	.site-main {
		margin: 0 35% 0 0;
	}
	.page-template-template-full-php .site-main,
	.error404 .site-main {
		margin: 0;
	}
	.site-content .widget-area {
		float: right;
		overflow: hidden;
		width: 25%;
	}
	.entry-header,
	.entry-title {
		text-align: left;
	}
	.entry-footer .cat-links,
	.entry-footer .tags-links {
		display: inline;
		margin-right: 1.5em;
	}
	.page-title {
		font-size: 36px;
		font-size: 3.6rem;
	}
	.hentry table td,
	.hentry table tr th {
		padding: 0.75em;
	}
	.hero-section .hero-content {
		padding: 3em 0;
	}
	.hero-section .hero-title {
		font-size: 54px;
		font-size: 5.4rem;
	}
	.comment-list > .comment {
		margin-left: 2.5em;
	}
	.comment img.avatar {
		float: none;
		margin: 0;
		position: absolute;
			left: -2.5em;
			top: 0;
		width: 60px;
		height: 60px;
	}
	.comment-body {
		margin-left: 3em;
		padding: 1.5em 3em;
	}
	.comment .comment .comment-body {
		margin-left: 1.25em;
	}
	.comment-list .children {
		margin-left: 40px;
	}
	.comment-list ol .children {
		margin-left: 20px;
	}
	.comment-reply-link {
		float: right;
		font-style: italic;
		position: absolute;
			top: 1.5em;
			right: 3em;
	}
	.comments-title {
		font-size: 24px;
		font-size: 2.4rem;
	}
}
@media screen and ( min-width: 70em ) {
	.featured-image img {
		width: 356px;
	}
	.sticking {
		position: fixed;
			top: 0;
		z-index: 99;
	}
	.admin-bar .sticking {
		top: 32px;
	}
}