/*!
Theme Name: Blogbook Pro
Theme URI: https://themepalace.com/downloads/blogbook-pro/
Author: Moral Themes
Author URI: https://www.moralthemes.com
Description: Blogbook Pro is a beautiful WordPress blog theme designed specifically to showcase long form writing, stories, poetry, etc. It is a powerful WordPress blog theme with tons of features. Mainly focused for blogging, it's sole purpose if for bloggers. Blogbook Pro comes packed with great customization options. All of them can be accessed using theme customizer.  This theme comes in one, two and three column layouts. Designed to improve readability it uses clean typography and elegantly handles featured images.  It also comes with multiple post formats for videos, gallery and image. It is quick and easy to setup and looks great on all devices and screen sizes. 
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: blogbook-pro
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Blogbook Pro is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Preloader
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Layouts and Titles
# Media
  ## Captions
  ## Galleries
# Social Icons
# Breadcrumb List
# Homepage Sections
  ## Featured Posts
  ## Latest Posts
# Footer
# Responsive

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

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#loader {
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	background-color: #fff;
	position: fixed;
	display: table;
	width: 100%;
	top: 0;
	height: 100%;
	min-height: 100%;
	z-index: 9999;
}

.loader-container {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	z-index: 12;
	text-align: center;
	text-transform: uppercase;
}

#preloader {
	position: relative;
	margin: auto;
	width: 100px;
}

#preloader span {
	display: block;
	bottom: 0px;
	width: 9px;
	height: 5px;
	background: #fff;
	position: absolute;
	animation: preloader 1.5s infinite ease-in-out;
}

#preloader span:nth-child(2) {
	left: 11px;
	animation-delay: .2s;
}

#preloader span:nth-child(3) {
	left: 22px;
	animation-delay: .4s;
}

#preloader span:nth-child(4) {
	left: 33px;
	animation-delay: .6s;
}

#preloader span:nth-child(5) {
	left: 44px;
	animation-delay: .8s;
}

@keyframes preloader {
	0% {
		height: 5px;
		transform: translateY(0px);
		background: #5376bb;
	}
	
	25% {
		height: 30px;
		transform: translateY(15px);
		background: #5376bb;
	}
	
	50% {
		height: 5px;
		transform: translateY(0px);
		background: #5376bb;
	}
	
	100% {
		height: 5px;
		transform: translateY(0px);
		background: #5376bb;
	}
}

.backtotop {
	background-color: #5376bb;
	z-index: 300;
	width: 40px;
	height: 40px;
	line-height: 36px;
	font-size: 18px;
	text-align: center;
	position: fixed;
	bottom: -100px;
	right: 25px;
	cursor: pointer;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	color: #fff;
}

.backtotop:hover {
	background-color: #484848;
}

.backtotop svg {
	display: inline-block;
	vertical-align: middle;
	fill: #fff;
}

@-webkit-keyframes colorchange {
	0% {
		border-color: #e30048;
	}
	
	25% {
		border-color: #5376bb;
	}
	
	50% {
		border-color: #9acf0b;
	}
	
	75% {
		border-color: #a93d7b;
	}
	
	100% {
		border-color: #f1ad02;
	}
}

@keyframes colorchange {
	0% {
		border-color: #e30048;
	}
	
	25% {
		border-color: #5376bb;
	}
	
	50% {
		border-color: #9acf0b;
	}
	
	75% {
		border-color: #a93d7b;
	}
	
	100% {
		border-color: #f1ad02;
	}
}

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

body {
	margin: 0;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}

#page {
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	overflow-x: hidden;
	box-shadow: 0 0 15px #aaa;
}

.boxed-layout, .frame-layout {
	background-image: url("https://cdn-ilegjhd.nitrocdn.com/qcZbALlKmMGZRtmQwGyUTiPdKGmIqwbX/assets/images/optimized/rev-84ff8fc/www.teachingcatholickids.com/wp-content/themes/blogbook-pro/assets/img/pattern.png");
}

.boxed-layout.nitro-lazy, .frame-layout.nitro-lazy {
	background-image: none !important;
}

.boxed-layout #page, .frame-layout #page {
	background-color: #fff;
}

.boxed-layout #content, .frame-layout #content {
	background-color: #f6f6f6;
}

#content {
	position: relative;
	padding: 50px 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;
	color: #7b7b7b;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 52px;
}

h2 {
	font-size: 42px;
}

h3 {
	font-size: 26px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	color: #484848;
	margin: 16px 0;
	line-height: 1.3;
	font-weight: 400;
	font-family: "Roboto", sans-serif;
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

img {
	border: 0;
}

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-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

tbody {
	text-align: left;
}

tr {
	border: 1px solid #fff;
}

td, th {
	padding: 10px 25px;
	font-weight: 400;
}

th {
	color: #484848;
}

td#next {
	text-align: right;
}

#left-sidebar table#wp-calendar td, #left-sidebar table#wp-calendar th {
	padding: 3px;
}

#secondary table#wp-calendar td, #secondary table#wp-calendar th {
	padding: 10px;
}

#left-sidebar table#wp-calendar, #secondary table#wp-calendar {
	display: inline-block;
	width: 100%;
	overflow: auto;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {
	color: #7b7b7b;
	font-size: 16px;
	font-size: 1rem;
	line-height: 26px;
	word-wrap: break-word;
}

p {
	margin: 0 0 1em 0;
	color: #7b7b7b;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
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: #fff;
}

blockquote {
	padding: 0 60px 0 40px;
	font-size: 18px;
	line-height: 35px;
	font-weight: 300;
	position: relative;
	margin: 0;
}

blockquote.alignright {
	padding-right: 0;
	margin-bottom: 14px;
}

blockquote:before {
	content: "";
	background-image: url("https://cdn-ilegjhd.nitrocdn.com/qcZbALlKmMGZRtmQwGyUTiPdKGmIqwbX/assets/images/optimized/rev-84ff8fc/www.teachingcatholickids.com/wp-content/themes/blogbook-pro/assets/img/blockquote.png");
	position: absolute;
	left: 0;
	top: 3px;
	width: 37px;
	height: 27px;
	display: inline-block;
	opacity: .6;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
}

blockquote p {
	margin: 0;
}

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

ul, ol {
	margin: 0;
	padding-left: 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
	margin-bottom: 1em;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	outline: none;
}

figure {
	margin: 1em 0;
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: .75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

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

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	color: #666;
	border: 1px solid #e0e0e0;
	border-radius: 0;
	padding: 3px;
}

select {
	border: 1px solid #e0e0e0;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

textarea, #respond input, .wpcf7 input {
	width: 100%;
	border: none;
	outline: none;
	padding: 0 20px;
	background-color: #f6f6f6;
	border-radius: 25px;
	min-height: 50px;
	margin-top: 5px;
	margin-bottom: 20px;
}

.wpcf7 textarea {
	padding: 20px;
	margin-bottom: 0;
}

#respond input {
	border: none;
}

#respond textarea {
	height: 200px;
	padding: 10px 20px;
	border: none;
	background-color: #f6f6f6;
	border-radius: 20px;
}

#respond input[type="text"], #respond input[type="email"], #respond input[type="url"] {
	background-color: #f6f6f6;
	border-radius: 25px;
	min-height: 50px;
}

#respond input[type="submit"] {
	padding: 0 25px;
	font-size: 14px;
	line-height: 35px;
	display: inline-block;
	border-radius: 25px;
	min-width: 90px;
	background-color: #ecf2ff;
	color: #5376bb;
	position: relative;
	text-align: center;
	min-height: 45px;
}

#respond input[type="submit"]:hover, #respond input[type="submit"]:focus {
	background-color: #5376bb;
	color: #fff;
}

#respond input[type="checkbox"], .wpcf7 input[type="checkbox"] {
	height: auto;
	min-height: auto;
}

#respond .comment-form-cookies-consent input[type="checkbox"], .comment-form-cookies-consent input[type="checkbox"] {
	width: auto;
	float: left;
	height: auto;
	min-height: auto;
	margin-right: 5px;
}

#respond .comment-form-cookies-consent label, .comment-form-cookies-consent label {
	display: table;
	margin: 0;
	line-height: 1;
}

p.form-submit {
	clear: both;
	display: inline-block;
	position: relative;
}

.comment-notes {
	font-size: 14px;
	font-style: italic;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 20px;
}

#respond label {
	color: #273238;
	margin-bottom: 5px;
	display: inline-block;
	padding-left: 15px;
}

#commentform p {
	margin-bottom: 21px;
}

#commentform p.comment-form-comment {
	margin-bottom: 0;
}

#commentform p.form-submit {
	margin: 10px 0 0;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #5376bb;
	text-decoration: none;
	outline: none;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead {
	position: relative;
	width: 100%;
	z-index: 3000;
	background-color: #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#masthead .social-icons {
	margin: 10px 0 0;
}

.site-branding {
	padding: 20px 0;
	border-bottom: 1px solid #e1e1e1;
	text-align: center;
}

.site-logo, #site-identity {
	margin: 10px 0;
}

.site-title {
	font-size: 28px;
	margin: 0;
	font-weight: 400;
	line-height: 1.3;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.site-title a {
	font-weight: 400;
}

.site-title a:hover, .site-title a:focus {
	color: #5376bb;
}

.site-description {
	margin: 0;
	line-height: 1.5;
}

.site-logo img {
	max-height: 150px;
	width: auto;
	margin-right: 15px;
}

.main-navigation {
	display: block;
	position: relative;
}

.main-navigation ul#primary-menu li.current-menu-item > a, .main-navigation ul#primary-menu li:hover > a, .main-navigation ul#primary-menu li:focus > a {
	color: #5376bb;
}

.main-navigation ul#primary-menu li:hover > svg, .main-navigation ul#primary-menu li:focus > svg, .main-navigation li.menu-item-has-children:hover > a > svg, .main-navigation li.menu-item-has-children > a:hover > svg, .main-navigation li.menu-item-has-children > a:focus > svg, .main-navigation ul#primary-menu > li.current-menu-item > a > svg {
	fill: #5376bb;
}

.main-navigation ul ul {
	background-color: #fff;
	text-align: left;
	padding: 0;
	border: 1px solid rgba(238, 238, 238, .5);
}

.main-navigation ul.sub-menu li a {
	padding: 8px 15px;
	color: #484848;
	border-bottom: 1px solid #eee;
}

.main-navigation ul.sub-menu a:after {
	float: right;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	position: relative;
}

.main-navigation ul.nav-menu > li > a {
	padding: 26px 12px;
	color: #484848;
}

.main-navigation form.search-form input {
	background-color: #484848;
	border-color: #484848;
	color: #484848;
	font-weight: 400;
}

.main-navigation ul.nav-menu > li > a.search:hover svg.icon-search, .main-navigation ul.nav-menu > li > a.search:focus svg.icon-search, .main-navigation li.search-menu a:hover svg, .main-navigation li.search-menu a:focus svg, .main-navigation li.search-menu a.search-active svg {
	fill: #5376bb;
}

.main-navigation a:hover, .main-navigation a:focus, .main-navigation ul.nav-menu > li > a:hover, .main-navigation ul.nav-menu > li > a:focus {
	color: #5376bb;
}

.main-navigation ul.nav-menu {
	margin-right: -25px;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #484848;
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 225px;
}

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a {
	color: #484848;
}

form.search-form {
	width: 100%;
	max-width: 100%;
	position: relative;
}

.main-navigation form.search-form {
	min-width: 320px;
}

input.search-field {
	height: 45px;
	border-radius: 0;
	padding: 0 50px 0 15px;
	width: 100%;
	outline: none;
}

.main-navigation svg.icon-close {
	display: none;
}

svg {
	width: 13px;
	height: 13px;
	display: inline-block;
	vertical-align: middle;
}

svg.icon-search, svg.icon-close {
	width: 15px;
	height: 15px;
	fill: #959595;
}

.main-navigation svg.icon-down {
	width: 12px;
	height: 12px;
	margin-left: 5px;
	fill: #7b7b7b;
}

.main-navigation .sub-menu svg {
	width: 12px;
	height: 12px;
	fill: #7b7b7b;
	position: absolute;
	right: 15px;
	top: 17px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#search-menu {
	display: none;
	padding: 15px 0;
	margin-top: 3px;
}

#search-menu input[type="search"] {
	padding-left: 40px;
	border-radius: 4px;
	min-height: 45px;
	padding-right: 15px;
}

#search-menu form.search-form button.search-submit {
	min-height: 45px;
	line-height: 25px;
	margin-top: -1px;
}

.menu-toggle {
	border-radius: 0;
	font-size: 16px;
	margin: auto;
	height: 80px;
	outline: none;
	display: block;
	position: relative;
	background-color: transparent;
	min-width: 60px;
	border: none;
}

.menu-label {
	float: right;
	color: #484848;
	padding: 7px 0 0 10px;
	display: none;
}

.menu-open .menu-label {
	padding-top: 2px;
}

.menu-open .menu-toggle {
	padding-top: 10px;
}

svg.icon-menu {
	fill: #484848;
	width: 30px;
	height: 30px;
	vertical-align: baseline;
}

.menu-open svg.icon-menu {
	display: none;
}

button.dropdown-toggle {
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	background-color: transparent;
	border: none;
	width: 45px;
	height: 57px;
	line-height: 62px;
	outline: none;
}

.main-navigation .dropdown-toggle.active > svg {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.menu-overlay {
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

.menu-overlay.active {
	background-color: #000;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .8;
	z-index: 3;
}

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

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

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

.navigation.post-navigation, .navigation.posts-navigation {
	margin-top: 20px;
	background-color: #fff;
	padding: 20px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
}

.post-navigation a, .posts-navigation a {
	font-weight: 400;
	color: #5376bb;
	display: block;
}

.post-navigation a:hover, .posts-navigation a:hover, .post-navigation a:focus, .posts-navigation a:focus {
	color: #484848;
}

.post-navigation, .posts-navigation {
	padding: 0;
	position: relative;
}

.pagination .page-numbers, .pagination .page-numbers.dots:hover, .pagination .page-numbers.dots:focus {
	text-align: center;
	line-height: 35px;
	width: 35px;
	height: 35px;
	display: inline-block;
	margin-right: 5px;
	color: #5376bb;
	background-color: #eaebec;
}

.pagination .page-numbers.current, .pagination .page-numbers:hover, .pagination .page-numbers:focus {
	color: #fff;
	background-color: #5376bb;
}

.pagination .page-numbers.prev, .pagination .page-numbers.next {
	margin-right: 25px;
	width: auto;
	height: auto;
	position: relative;
	top: 2px;
	background-color: transparent;
	color: #5376bb;
}

.pagination .page-numbers.prev:hover, .pagination .page-numbers.next:hover, .pagination .page-numbers.prev:focus, .pagination .page-numbers.next:focus {
	color: #484848;
	background-color: transparent;
}

.pagination .page-numbers.prev:hover svg, .pagination .page-numbers.next:hover svg {
	fill: #484848;
}

.pagination .prev.page-numbers svg, .pagination .next.page-numbers svg {
	display: inline-block;
	vertical-align: middle;
	fill: #5376bb;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 12px;
	height: 12px;
	margin-right: 7px;
}

.pagination .next.page-numbers svg {
	margin-left: 7px;
	margin-right: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.pagination .page-numbers.next {
	margin-left: 18px;
	margin-right: 0;
	background-color: transparent;
}

.prev.page-numbers svg, .next.page-numbers svg {
	fill: #cecece;
}

.nav-previous span {
	padding-left: 30px;
	float: left;
	text-align: left;
}

.nav-next span {
	padding-right: 30px;
	float: right;
	text-align: right;
}

.navigation .nav-previous svg {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	top: 7px;
	left: 0;
}

.navigation .nav-next svg {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	position: absolute;
	top: 8px;
	right: 0;
}

.post-navigation span, .posts-navigation span {
	display: table;
}

/*--------------------------------------------------------------
# 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;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: .875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

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

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

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# 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, .footer-widgets-area:before, .footer-widgets-area:after, .wrapper:before, .wrapper:after, .widget:before, .widget:after, .blog-posts article:before, .blog-posts article:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .footer-widgets-area:before, .footer-widgets-area:after, .wrapper:before, .wrapper:after, .widget:before, .widget:after, .blog-posts article:before, .blog-posts article:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 20px;
}

.widget:last-child {
	margin-bottom: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
	max-width: 300px;
	background-color: #f6f6f6;
	padding: 10px;
	border: none;
	width: 100%;
}

.widget select:focus {
	outline: thin dotted;
}

.widget input {
	outline: none;
	height: 40px;
	border-radius: 0;
	padding: 0 15px;
	border: none;
}

form.search-form button.search-submit {
	height: 45px;
	line-height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	background-color: transparent;
	border: none;
	width: 45px;
	border-radius: 0;
	outline: none;
}

.widget_search form.search-form button.search-submit {
	width: 50px;
	color: #fff;
	line-height: 35px;
}

.widget_search form.search-form button.search-submit svg {
	fill: #b9b9b9;
	width: 16px;
	height: 16px;
}

.widget_search form.search-form button.search-submit:hover svg, .widget_search form.search-form button.search-submit:focus svg {
	fill: #5376bb;
}

.widget_search form.search-form input {
	border: none;
}

.widget_search form.search-form input {
	padding: 0 40px 0 15px;
	height: 50px;
	background-color: #f6f6f6;
}

form.search-form {
	position: relative;
}

form.search-form input {
	width: 100%;
	padding: 0 40px 0 15px;
	font-weight: 300;
}

#wp-calendar tbody td {
	text-align: center;
}

#wp-calendar caption {
	margin-bottom: 15px;
}

.widget-title {
	font-size: 16px;
	margin: 0 0 20px;
}

.widget li:not(:last-child) {
	margin-bottom: 13px;
}

.widget_instagram ul {
	list-style: none;
	margin: -5px;
	padding: 0;
}

.widget.widget_instagram li {
	margin: 0;
	padding: 5px;
}

.widget_instagram .col-1 li {
	width: 100%;
	float: none;
}

.widget_instagram .col-2 li {
	width: 50%;
	float: left;
}

.widget_instagram .col-3 li {
	width: 33.33%;
	float: left;
}

.widget_instagram .col-4 li {
	width: 25%;
	float: left;
}

.widget_instagram .col-5 li {
	width: 20%;
	float: left;
}

.widget_instagram li img {
	width: 100%;
}

#secondary .widget-title, #secondary .widgettitle, #left-sidebar .widget-title, #left-sidebar .widgettitle {
	margin: 0 0 15px;
	width: 100%;
	font-weight: 500;
	color: #5376bb;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 15px;
}

#secondary .widget:not(:last-child) {
	margin-bottom: 20px;
}

input[type="submit"] {
	padding: 0 15px;
	font-size: 14px;
	line-height: 35px;
	display: inline-block;
	border-radius: 25px;
	min-width: 90px;
	background-color: #ecf2ff;
	color: #5376bb;
	position: relative;
	text-align: center;
	min-height: 45px;
	width: auto;
}

input[type="submit"]:hover, input[type="submit"]:focus {
	background-color: #5376bb;
	color: #fff;
}

.jetpack_subscription_widget form {
	position: relative;
}

.jetpack_subscription_widget input[type="email"] {
	width: 100%;
	min-height: 65px;
	padding: 15px 160px 15px 20px;
	background-color: #e7f4fb;
	border-color: #e7f4fb;
	outline: none;
}

.jetpack_subscription_widget input[type="submit"] {
	min-width: 100px;
	text-align: center;
	background-color: #0287d2;
	border-radius: 0;
	min-height: 50px;
	padding: 11px 30px;
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	border: none;
	outline: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.jetpack_subscription_widget input[type="submit"]:hover, .jetpack_subscription_widget input[type="submit"]:focus {
	background-color: #5376bb;
}

.jetpack_subscription_widget #subscribe-text {
	display: inline-block;
}

.jetpack_subscription_widget #subscribe-text p {
	margin-top: 0;
	line-height: 25px;
}

.jetpack_subscription_widget #subscribe-submit {
	display: inline-block;
	margin: 0;
	position: relative;
}

.widget_popular_post ul, .blogbook_recent_posts ul {
	padding: 0;
	margin: 0;
	list-style: none;
	clear: both;
	display: table;
}

.widget.widget_popular_post ul li, .widget.blogbook_recent_posts ul li {
	clear: both;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}

.widget.widget_popular_post ul li:last-child, .widget.blogbook_recent_posts ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.widget_popular_post h3, .blogbook_recent_posts h3 {
	font-size: 16px;
	line-height: 1.5;
	display: table-row;
	letter-spacing: .01em;
}

.widget_popular_post h3 a, .blogbook_recent_posts h3 a {
	display: block;
}

.widget_popular_post time, .blogbook_recent_posts time {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
}

.widget_popular_post h3 a, .widget_popular_post a:hover time, .widget_popular_post a:focus time, .blogbook_recent_posts h3 a, .blogbook_recent_posts a:hover time, .blogbook_recent_posts a:focus time {
	color: #484848;
}

.widget_popular_post h3 a:hover, .widget_popular_post h3 a:focus, .widget_popular_post a:hover time, .widget_popular_post a:focus time, .blogbook_recent_posts h3 a:hover, .blogbook_recent_posts h3 a:focus, .blogbook_recent_posts a:hover time, .blogbook_recent_posts a:focus time {
	color: #5376bb;
}

.widget_popular_post a time, .widget_popular_post time, .blogbook_recent_posts a time, .blogbook_recent_posts time {
	color: #a0a0a0;
}

.widget_popular_post img, .blogbook_recent_posts img {
	max-width: 70px;
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 14px;
	border-radius: 6px;
}

.blogbook_recent_posts span.post-date {
	font-size: 14px;
}

.textwidget img {
	margin-bottom: 25px;
	display: block;
}

#masthead .textwidget img {
	margin-bottom: 0;
}

#masthead .textwidget p {
	margin: 0 auto;
}

.widget.widget_text .btn {
	margin-top: 20px;
}

.textwidget a {
	line-height: 1.5;
	display: inline-block;
	font-weight: 500;
}

.textwidget p {
	margin-top: 10px;
}

#secondary .jetpack_subscription_widget input[type="email"] {
	height: 50px;
	min-height: auto;
	background-color: #fff;
	border-color: #fff;
	padding: 15px 18px;
}

#secondary .jetpack_subscription_widget input[type="submit"] {
	position: relative;
	margin: auto;
	margin: 0;
	min-height: 50px;
	border-radius: 0;
	background-color: #484848;
	min-width: 151px;
	text-transform: uppercase;
}

.jetpack_subscription_widget #subscribe-submit:after {
	content: "";
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f2f2f2;
	position: absolute;
	bottom: 0;
	right: -10px;
}

.site-footer .jetpack_subscription_widget #subscribe-submit:after {
	border-bottom-color: #fff;
}

#secondary .jetpack_subscription_widget input[type="submit"]:hover, #secondary .jetpack_subscription_widget input[type="submit"]:focus {
	background-color: #5376bb;
}

#secondary p#subscribe-email {
	margin-top: 0;
}

#secondary .widget .social-icons {
	text-align: center;
	margin-top: -10px;
}

#secondary .widget .social-icons li a:hover svg, #secondary .widget .social-icons li a:focus svg {
	fill: #fff;
}

#left-sidebar.is_stuck, #secondary.is_stuck, .both-sidebar #secondary.is_stuck {
	margin-top: 20px;
}

.customize-support #left-sidebar.is_stuck, .customize-support #secondary.is_stuck, .customize-support.both-sidebar #secondary.is_stuck {
	margin-top: 50px;
}

.customize-support #secondary.is_stuck, .customize-support.both-sidebar #secondary.is_stuck {
	margin-top: -20px;
}

#secondary.is_stuck, .both-sidebar #secondary.is_stuck {
	margin-top: -20px;
}

#left-sidebar {
	margin-bottom: 20px;
}

#left-sidebar .widget, #secondary .widget {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	padding: 20px;
}

.widget_blogbook-personal-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget svg {
	fill: #5376bb;
}

.widget_blogbook-personal-info, .widget_blogbook-personal-info small, .widget_contact_info, .widget_contact_info small, .widget_blogbook-skills, .widget_blogbook-skills small {
	font-size: 14px;
}

.widget_blogbook-personal-info svg, .widget_blogbook-skills svg, .widget_contact_info svg {
	margin: 0 10px 10px 0;
	float: left;
}

.widget_blogbook-personal-info span, .widget_blogbook-skills span, .widget_contact_info span {
	display: table;
	line-height: 1.1;
}

.widget_blogbook-personal-info small, .widget_contact_info small {
	display: inline-block;
	width: 100%;
	line-height: 1.5;
	color: #484848;
}

#left-sidebar .widget.widget_blogbook-personal-info, #secondary .widget.widget_blogbook-personal-info {
	padding: 0;
}

.widget.widget_blogbook-personal-info ul li {
	padding: 20px 20px 15px;
	margin-bottom: 0;
	border-bottom: 1px solid #e1e1e1;
}

.widget.widget_blogbook-personal-info ul li:last-child {
	border-bottom: none;
}

.widget_blogbook-personal-info small + small, .widget_contact_info small + small {
	margin-top: -3px;
	width: 100%;
	display: block;
}

.widget_contact_info a {
	color: #484848;
}

.widget_contact_info a:hover, .widget_contact_info a:focus {
	color: #5376bb;
}

.widget_blogbook-skills ul {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	display: inline-block;
	width: 100%;
}

.widget.widget_blogbook-skills ul li {
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 7px;
}

.widget.widget_blogbook-skills ul li:last-child {
	margin-bottom: 0;
}

.tagcloud a {
	font-size: 15px !important;
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 7px;
}

.widget_blogbook-skills ul li, .tagcloud a {
	border: 1px solid #e0e0e0;
	color: #484848;
	display: inline-block;
	padding: 0 10px;
	border-radius: 5px;
}

.tagcloud a:hover, .tagcloud a:focus {
	text-decoration: none;
	border-color: #5376bb;
	color: #5376bb;
}

#secondary a, #secondary .textwidget a:hover, #secondary .textwidget a:focus, #left-sidebar a, #left-sidebar .textwidget a:hover, #left-sidebar .textwidget a:focus {
	color: #484848;
}

#secondary a:hover, #secondary a:focus, #secondary .textwidget a, #left-sidebar a:hover, #left-sidebar a:focus, #left-sidebar .textwidget a {
	color: #5376bb;
}

#secondary .featured-video-plus.post-thumbnail.fvp-responsive.fvp-youtube.fvp-center, #left-sidebar .featured-video-plus.post-thumbnail.fvp-responsive.fvp-youtube.fvp-center, #colophon .featured-video-plus.post-thumbnail.fvp-responsive.fvp-youtube.fvp-center {
	margin-bottom: 15px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0;
}

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

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

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

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

nav.navigation.pagination {
	clear: both;
	display: inline-block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
	background-color: #fff;
	padding: 20px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
}

.navigation.pagination svg {
	fill: #cecece;
	width: 16px;
	height: 16px;
	position: relative;
	top: -2px;
}

.navigation.posts-navigation svg, .navigation.post-navigation svg {
	width: 12px;
	height: 12px;
	fill: #5376bb;
	display: inline-block;
	vertical-align: middle;
}

.navigation.posts-navigation a:hover svg, .navigation.post-navigation a:hover svg {
	fill: #484848;
}

.navigation.posts-navigation svg.icon-left, .navigation.post-navigation svg.icon-left {
	margin-right: 20px;
}

.navigation.posts-navigation svg.icon-right, .navigation.post-navigation svg.icon-right {
	margin-left: 20px;
}

.post-categories a {
	color: #5376bb;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.single-post .site-main .comment-navigation, .single-post .site-main .posts-navigation, .single-post .site-main .post-navigation {
	margin-bottom: 0;
}

.post-navigation .previous-article span span, .posts-navigation .previous-article span span, .post-navigation .next-article span span, .posts-navigation .next-article span span {
	display: block;
}

.post-navigation span.previous-article b, .post-navigations span.previous-article b, .post-navigation span.next-article b, .post-navigations span.next-article b {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}

.post-navigation span.previous-article, .post-navigations span.previous-article {
	display: table;
}

.no-sidebar #comments, .no-sidebar .navigation {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

span.next-article {
	padding-right: 65px;
	display: inline-block;
}

.no-sidebar #inner-content-wrapper {
	max-width: 1000px;
}

.page #primary .featured-image {
	margin-bottom: 25px;
}

.left-sidebar.error404 #primary, .right-sidebar.error404 #primary, .both-sidebar.error404 #primary {
	text-align: center;
	width: 100%;
	float: none;
	max-width: 625px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0 40px;
}

.error404 .single-post-wrapper p {
	font-size: 24px;
	line-height: 1.5;
	color: #484848;
}

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

.bypostauthor {
	display: block;
}

#reply-title, .comments-title {
	font-size: 42px;
	margin: 0;
}

.comments-title, #reply-title {
	margin-bottom: 30px;
	font-size: 24px;
}

ul.post-categories li:after {
	content: ",";
}

ul.post-categories li:last-child:after {
	display: none;
}

ol.comment-list {
	padding: 0;
	margin: 0 0 10px;
	list-style: none;
}

#comments ol {
	list-style: none;
	margin-left: 0;
	padding: 0;
}

#comments ol.comment-list {
	position: relative;
	overflow: hidden;
}

#comments ol.children {
	margin-left: 70px;
}

.says {
	display: none;
}

.comment-meta img {
	width: 50px;
	height: 50px;
	float: left;
	border-radius: 50%;
	margin-right: 20px;
}

#comments time:before {
	display: none;
}

.comment-body {
	position: relative;
}

.reply {
	padding-left: 85px;
	display: inline-block;
	margin-top: 3px;
}

#comments article {
	margin-bottom: 15px;
	clear: both;
}

#comments ol.comment-list > li:last-child article:last-child, #comments ol.comment-list > li:last-child {
	border-bottom: none;
}

#comments ol.comment-list > li:first-child {
	padding-top: 0;
}

#comments ol.comment-list > li article:last-child .reply {
	border-bottom: none;
	padding-bottom: 0;
}

.reply a {
	display: inline-block;
	border-radius: 0;
	color: #5376bb;
	position: relative;
	font-size: 14px;
}

.reply a:after {
	content: ".";
	display: inline-block;
	margin-left: 5px;
	position: relative;
	bottom: 3px;
	font-weight: 600;
	color: #5376bb;
}

.reply a:hover, .reply a:focus {
	color: #484848;
}

.comment-meta .url, .comment-meta .fn {
	display: inline-block;
	color: #5376bb;
	font-size: 14px;
	font-weight: 500;
	float: left;
	margin-right: 5px;
}

.comment-meta .url:hover, .comment-meta .url:focus, .comment-metadata a, .comment-metadata a time {
	color: #a0a0a0;
}

.comment-metadata a, .comment-metadata time {
	font-size: 14px;
}

.comment-metadata a:hover, .comment-metadata a:focus, .comment-metadata a:hover time, .comment-metadata a:focus time {
	color: #484848;
}

.comment-metadata {
	display: inline-block;
}

.comment-content p {
	font-weight: 400;
	color: #484848;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 26px;
}

#comments {
	padding: 20px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	margin-top: 20px;
	background-color: #fff;
}

.comment-wrap {
	background-color: #f6f6f6;
	padding: 20px;
	border-radius: 20px;
	margin-left: 65px;
}

.comment-list + #respond {
	border-top: 1px solid #e0e0e0;
	padding-top: 25px;
}

p.comment-subscription-form {
	margin-bottom: 0;
	margin-top: 25px;
}

p.comment-subscription-form + p.comment-subscription-form {
	margin: 0;
}

/* Older / Newer Posts Navigation (always hidden) */

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

/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/
section {
	position: relative;
}

.relative {
	display: block;
	position: relative;
}

.relative:before, .relative:after {
	content: "";
	display: table;
	clear: both;
}

.entry-content {
	margin-top: 0;
}

.wrapper {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

.entry-title, .section-title {
	font-size: 24px;
	margin: 0 0 10px;
	word-wrap: break-word;
}

.section-title {
	margin-bottom: 25px;
}

.section-subtitle {
	color: #484848;
	text-transform: uppercase;
	margin-bottom: 25px;
	padding-bottom: 15px;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	position: relative;
}

.section-subtitle:after {
	content: "";
	background-color: #ff8736;
	width: 72px;
	height: 1px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: auto;
	top: auto;
}

.overlay {
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .2;
}

.align-left {
	text-align: left;
}

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

.align-right {
	text-align: right;
}

.btn {
	padding: 0 15px;
	font-size: 14px;
	line-height: 35px;
	display: inline-block;
	border-radius: 5px;
	min-width: 106px;
	background-color: #ecf2ff;
	color: #5376bb;
	position: relative;
	text-align: center;
}

.btn:hover, .btn:focus {
	background-color: #5376bb;
	color: #fff;
}

/*--------------------------------------------------------------
# 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-left: auto;
	margin-right: auto;
}

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin: -5px;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	margin: 0;
	padding: 5px;
}

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

/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
	display: inline-block;
	height: auto;
	text-align: center;
	position: relative;
	list-style: none;
}

.footer-widgets-area .widget .social-icons li {
	display: inline-block;
	width: auto;
}

.social-icons li:not(:last-child) {
	margin-right: 5px;
}

.social-icons, .social-icons ul {
	margin: 0;
	padding: 0;
}

.social-icons li a {
	background-color: transparent;
	width: 40px;
	height: 40px;
	line-height: 36px;
	display: block;
	border-radius: 50%;
}

.social-icons a:focus {
	outline: none;
}

.social-icons li a:hover svg, .social-icons li a:focus svg {
	fill: #fff;
}

.social-icons li a:hover svg, .social-icons li a:focus svg {
	fill: #fff;
}

.social-icons li a svg {
	fill: #949494;
	width: 14px;
	height: 14px;
}

#colophon .social-icons li a svg {
	fill: #fff;
	width: 18px;
	height: 18px;
}

/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"]:hover, .social-icons li a[href*="fb.com"]:hover, .social-icons li a[href*="facebook.com"]:focus, .social-icons li a[href*="fb.com"]:focus, #colophon .social-icons li a[href*="fb.com"], #colophon .social-icons li a[href*="facebook.com"] {
	background-color: #3c5798 !important;
}

.social-icons li a[href*="twitter.com"]:hover, .social-icons li a[href*="twitter.com"]:focus, #colophon .social-icons li a[href*="twitter.com"] {
	background-color: #1ea0f1 !important;
}

.social-icons li a[href*="linkedin.com"]:hover, .social-icons li a[href*="linkedin.com"]:focus, #colophon .social-icons li a[href*="linkedin.com"] {
	background-color: #0077b5 !important;
}

.social-icons li a[href*="plus.google.com"]:hover, .social-icons li a[href*="plus.google.com"]:focus, #colophon .social-icons li a[href*="plus.google.com"] {
	background-color: #ec7161 !important;
}

.social-icons li a[href*="youtube.com"]:hover, .social-icons li a[href*="youtube.com"]:focus, #colophon .social-icons li a[href*="youtube.com"] {
	background-color: #cc181e !important;
}

.social-icons li a[href*="dribbble.com"]:hover, .social-icons li a[href*="dribbble.com"]:focus, #colophon .social-icons li a[href*="dribbble.com"] {
	background-color: #f4a09c !important;
}

.social-icons li a[href*="pinterest.com"]:hover, .social-icons li a[href*="pinterest.com"]:focus, #colophon .social-icons li a[href*="pinterest.com"] {
	background-color: #bd081b !important;
}

.social-icons li a[href*="bitbucket.org"]:hover, .social-icons li a[href*="bitbucket.org"]:focus, #colophon .social-icons li a[href*="bitbucket.org"] {
	background-color: #205081 !important;
}

.social-icons li a[href*="github.com"]:hover, .social-icons li a[href*="github.com"]:focus, #colophon .social-icons li a[href*="github.com"] {
	background-color: #323131 !important;
}

.social-icons li a[href*="codepen.io"]:hover, .social-icons li a[href*="codepen.io"]:focus, #colophon .social-icons li a[href*="codepen.io"] {
	background-color: #484848 !important;
}

.social-icons li a[href*="flickr.com"]:hover, .social-icons li a[href*="flickr.com"]:focus, #colophon .social-icons li a[href*="flickr.com"] {
	background-color: #025fdf !important;
}

.social-icons li a[href$="/feed/"]:hover, .social-icons li a[href$="/feed/"]:focus, #colophon .social-icons li a[href$="/feed/"] {
	background-color: #089de3 !important;
}

.social-icons li a[href*="foursquare.com"]:hover, .social-icons li a[href*="foursquare.com"]:focus, #colophon .social-icons li a[href*="foursquare.com"] {
	background-color: #f94877 !important;
}

.social-icons li a[href*="instagram.com"]:hover, .social-icons li a[href*="instagram.com"]:focus, #colophon .social-icons li a[href*="instagram.com"] {
	background-color: #b9358a !important;
}

.social-icons li a[href*="tumblr.com"]:hover, .social-icons li a[href*="tumblr.com"]:focus, #colophon .social-icons li a[href*="tumblr.com"] {
	background-color: #56bc8a !important;
}

.social-icons li a[href*="reddit.com"]:hover, .social-icons li a[href*="reddit.com"]:focus, #colophon .social-icons li a[href*="reddit.com"] {
	background-color: #ff4500 !important;
}

.social-icons li a[href*="vimeo.com"]:hover, .social-icons li a[href*="vimeo.com"]:focus, #colophon .social-icons li a[href*="vimeo.com"] {
	background-color: #00adef !important;
}

.social-icons li a[href*="digg.com"]:hover, .social-icons li a[href*="digg.com"]:focus, #colophon .social-icons li a[href*="digg.com"] {
	background-color: #00adef !important;
}

.social-icons li a[href*="twitch.tv"]:hover, .social-icons li a[href*="twitch.tv"]:focus, #colophon .social-icons li a[href*="twitch.tv"] {
	background-color: #0e9dd9 !important;
}

.social-icons li a[href*="stumbleupon.com"]:hover, .social-icons li a[href*="stumbleupon.com"]:focus, #colophon .social-icons li a[href*="stumbleupon.com"] {
	background-color: #eb4924 !important;
}

.social-icons li a[href*="delicious.com"]:hover, .social-icons li a[href*="delicious.com"]:focus, #colophon .social-icons li a[href*="delicious.com"] {
	background-color: #0076e8 !important;
}

.social-icons li a[href*="mailto:"]:hover, .social-icons li a[href*="mailto:"]:focus, #colophon .social-icons li a[href*="mailto:"] {
	background-color: #4169e1 !important;
}

.social-icons li a[href*="soundcloud.com"]:hover, .social-icons li a[href*="soundcloud.com"]:focus, #colophon .social-icons li a[href*="soundcloud.com"] {
	background-color: #f50 !important;
}

.social-icons li a[href*="wordpress.org"]:hover, .social-icons li a[href*="wordpress.org"]:focus, #colophon .social-icons li a[href*="wordpress.org"] {
	background-color: #0073aa !important;
}

.social-icons li a[href*="wordpress.com"]:hover {
	background-color: #00aadc !important;
}

.social-icons li a[href*="jsfiddle.net"]:hover, .social-icons li a[href*="jsfiddle.net"]:focus, #colophon .social-icons li a[href*="jsfiddle.net"] {
	background-color: #396ab1 !important;
}

.social-icons li a[href*="tripadvisor.com"]:hover, .social-icons li a[href*="tripadvisor.com"]:focus, #colophon .social-icons li a[href*="tripadvisor.com"] {
	background-color: #ffe090 !important;
}

.social-icons li a[href*="angel.co"]:hover, .social-icons li a[href*="angel.co"]:focus, #colophon .social-icons li a[href*="angel.co"] {
	background-color: #484848 !important;
}

/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
	padding: 50px 0;
	text-align: center;
	background-color: #5376bb;
	color: #fff;
}

#page-site-header .page-title {
	font-size: 36px;
	color: #fff;
}

/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
.trail-items {
	margin: 0;
	padding: 0;
	list-style: none;
}

.trail-items li {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
}

.trail-items li a {
	color: rgba(255, 255, 255, .6);
}

.trail-items li a:hover, .trail-items li a:focus {
	color: #fff;
}

.trail-items li:not(:last-child):after {
	content: "/";
	color: rgba(255, 255, 255, .6);
	padding-left: 4px;
	padding-right: 2px;
}

/*--------------------------------------------------------------
## Featured Posts
--------------------------------------------------------------*/
#featured-posts .grid {
	margin: -7px;
}

#featured-posts .grid-item {
	width: 100%;
	padding: 7px;
}

#featured-posts article {
	background-color: #252525;
	background-size: cover;
	background-position: 50%;
	padding: 200px 0;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}

#featured-posts .grid-item:nth-child(odd) article {
	padding: 305px 0;
}

#featured-posts .grid-item:nth-child(even) article {
	padding: 200px 0;
}

.post-wrapper {
	position: relative;
	padding: 20px;
}

#featured-posts article .cat-links, #featured-posts article .entry-container {
	position: absolute;
	top: 0;
	padding: 20px;
}

#featured-posts article .entry-container {
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 100%);
}

.cat-links a {
	color: #fff;
	background-color: #5376bb;
	display: inline-block;
	padding: 1px 15px;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 4px;
}

.tags-read-more .cat-links a {
	background-color: transparent;
	text-transform: none;
	color: #7b7b7b;
	font-size: 14px;
	padding: 0;
}

#featured-posts .byline, #featured-posts .byline a, #featured-posts .byline, #featured-posts .posted-on a {
	color: #fff;
	font-size: 14px;
}

#featured-posts .entry-title, #featured-posts .entry-title a {
	color: #fff;
	font-size: 20px;
	margin-bottom: 0;
}

#featured-posts .byline a:hover, #featured-posts .posted-on a:hover, #featured-posts .entry-title a:hover, .cat-links a:hover, #featured-posts .byline a:focus, #featured-posts .posted-on a:focus, #featured-posts .entry-title a:focus, .cat-links a:focus {
	opacity: .85;
}

.entry-meta > span:not(:last-child):after {
	content: "-";
}

#featured-posts .entry-meta > span:not(:last-child):after {
	content: "-";
	margin-left: 5px;
}

/*--------------------------------------------------------------
## Latest Posts
--------------------------------------------------------------*/
#featured-posts + #inner-content-wrapper {
	margin-top: 50px;
}

.blog-posts img {
	border-radius: 5px;
}

.blog-posts .gallery-item img {
	width: 100%;
}

.blog-posts article .entry-content p {
	margin-bottom: 16px;
}

.blog-posts article {
	background-color: #fff;
	padding: 20px 20px 0;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	margin-bottom: 20px;
}

.blog-posts article:last-child {
	margin-bottom: 0;
}

.blog-posts #comments article {
	border: none;
}

.blog-posts .featured-image, .blog-posts .video {
	margin-top: 15px;
	margin-bottom: 20px;
}

.blog-posts .entry-meta > span:not(:last-child):after {
	display: none;
}

span.dropcap {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
	float: left;
	margin-right: 15px;
	background-color: #5376bb;
	text-align: center;
	line-height: 52px;
	color: #fff;
	font-size: 22px;
	text-transform: uppercase;
}

.blog-posts .entry-meta img, .blog-posts .author.vcard img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
	float: left;
	margin-right: 15px;
}

.blog-posts .entry-meta .fn, .blog-posts .author.vcard .fn {
	display: table;
	font-weight: 500;
	line-height: 1.2;
	padding-top: 4px;
}

.page .author.vcard {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
}

.blog-posts .entry-meta .posted-on {
	font-size: 14px;
	color: #a0a0a0;
}

.blog-posts .entry-meta {
	margin-bottom: 14px;
}

.blog-posts .entry-title {
	font-size: 24px;
	line-height: 1.5;
}

.blog-posts .entry-title a {
	color: #484848;
	display: table;
}

.tags-links a, .comments-link a, .posted-on a {
	color: #7b7b7b;
	font-size: 14px;
}

.blog-posts .entry-title a:hover, .blog-posts .entry-title a:focus, .tags-links a:hover, .comments-link a:hover, .tags-links a:focus, .comments-link a:focus, .posted-on a:hover, .posted-on a:focus, .tags-read-more .cat-links a:hover, .tags-read-more .cat-links a:focus {
	color: #5376bb;
}

.blog-posts .tags-links, .blog-posts .comments-link {
	padding: 3px 0;
	display: inline-block;
	vertical-align: middle;
}

.blog-posts .tags-links {
	margin-right: 25px;
}

.blog-posts .more-tags {
	position: relative;
	margin-right: 25px;
}

.blog-posts .tags-links.last-tags {
	position: absolute;
	bottom: 26px;
	background-color: rgba(0, 0, 0, .8);
	border-radius: 4px;
	padding: 10px 12px;
	left: -3px;
	min-width: 100px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.blog-posts .tags-links.last-tags:before {
	content: "";
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(0, 0, 0, .8);
	position: absolute;
	bottom: -6px;
	left: 15px;
}

.blog-posts .more-tags:hover .tags-links.last-tags {
	opacity: 1;
	visibility: visible;
}

.blog-posts .tags-links.last-tags a {
	color: #fff;
	text-transform: capitalize;
}

.blog-posts .tags-links.first-three {
	margin-right: 0;
}

.blog-posts .tags-links.last-tags a:hover, .blog-posts .tags-links.last-tags a:focus {
	opacity: .8;
}

.blog-posts .read-more {
	margin-top: 10px;
}

.blog-posts .count {
	cursor: pointer;
	font-size: 14px;
}

.tags-read-more {
	padding: 15px 0;
	border-top: 1px solid #e1e1e1;
}

.tags-links svg, .comments-link svg, .cat-links svg {
	fill: #acacac;
	margin-right: 5px;
}

.comments-link svg {
	margin-right: 7px;
}

.comments-link a:hover svg, .comments-link a:focus svg {
	fill: #5376bb;
}

.images-gallery {
	margin: 0 -5px;
}

.blog-posts .entry-content {
	margin-bottom: 15px;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.post-edit-link {
	font-size: 14px;
}

.gallery-image-item {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 5px;
}

.gallery-image-item img {
	width: 100%;
}

.gallery-image-item a:before {
	content: "";
	background-color: #000;
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	opacity: .2;
	margin-left: 5px;
	margin-top: 5px;
}

.gallery-image-item .gallery-count {
	color: #fff;
	font-size: 82px;
	font-weight: 300;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.featured-image .fvp-actionicon {
	display: block;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.fvp-actionicon:before, .fvp-actionicon:after {
	content: "";
	width: 70px;
	height: 70px;
	border-radius: 70px;
	background-color: #000;
	opacity: .7;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.fvp-actionicon:after {
	width: auto;
	height: auto;
	border-radius: 0;
	background-color: transparent;
	opacity: 1;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 20px solid #fff;
}

.fvp-overlay .fvp-actionicon.play, .fvp-dynamic .fvp-actionicon.play {
	background-image: none;
}

.fvp-overlay .fvp-actionicon.play.nitro-lazy, .fvp-dynamic .fvp-actionicon.play.nitro-lazy {
	background-image: none !important;
}

/*--------------------------------------------------------------
#           Footer
--------------------------------------------------------------*/
#colophon {
	background-color: #fff;
	color: #7b7b7b;
	font-size: 16px;
}

#colophon a, #colophon p, #colophon li {
	color: #7b7b7b;
	font-size: 16px;
}

#colophon a:hover, #colophon a:focus {
	color: #5376bb;
}

#colophon .social-icons li a:hover, #colophon .social-icons li a:focus {
	opacity: .8;
}

#colophon .social-icons li:not(:last-child) {
	margin-right: 10px;
}

#colophon .widget-title, #colophon .widgettitle {
	color: #5376bb;
	font-weight: 500;
}

.footer-widgets-area {
	padding: 100px 0 50px;
}

#colophon .social-icons li a {
	width: 50px;
	height: 50px;
	line-height: 50px;
}

.footer-widgets-area + .site-info .wrapper {
	border-top: 1px solid #e1e1e1;
}

.site-info .wrapper {
	padding-top: 25px;
	padding-bottom: 25px;
}

.site-info {
	line-height: 1.5;
	text-align: center;
}

.site-info span {
	display: block;
	text-align: center;
	margin: 10px 0;
}

.site-info, .site-info a {
	margin: 0;
	color: #7b7b7b;
}

#colophon .site-info a {
	color: #5376bb;
}

#colophon .site-info a:hover, #colophon .site-info a:focus, #colophon .widget.widget_archive li a {
	text-decoration: underline;
}

.footer-widgets-area .widget ul li:last-child, .footer-widgets-area .widget .social-icons li {
	margin-bottom: 0;
}

.footer-widgets-area .hentry {
	margin-bottom: 45px;
}

.footer-widgets-area.col-1 .hentry {
	text-align: center;
}

.footer-widgets-area.col-1 .hentry ul {
	list-style: none;
}

.footer-widgets-area.col-1 .hentry:last-child {
	margin-bottom: 0;
}

.footer-widgets-area.col-1 .textwidget img {
	margin-left: auto;
	margin-right: auto;
}

.footer-widgets-area.col-1 {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.site-footer .widget > ul {
	padding-left: 1.2em;
}

/*--------------------------------------------------------------
#           RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
	.site-logo, #site-identity {
		display: inline-block;
		vertical-align: middle;
		text-align: left;
	}
	
	#featured-posts .grid-item {
		width: 50%;
	}
	
	.gallery-image-item {
		float: left;
		width: 50%;
	}
	
	.gallery-image-item:nth-child(2n+1) {
		clear: left;
	}
	
	.both-sidebar #left-sidebar, .left-sidebar #left-sidebar {
		width: 40%;
		float: left;
	}
	
	.both-sidebar #primary, .left-sidebar #primary {
		width: 60%;
		float: left;
		padding: 0 0 0 20px;
	}
	
	.both-sidebar #secondary {
		width: 100%;
		display: inline-block;
		margin-top: 20px;
	}
	
	#left-sidebar {
		margin-bottom: 0;
	}
	
	.right-sidebar #primary {
		width: 60%;
		float: left;
		padding-right: 20px;
	}
	
	.right-sidebar #secondary {
		width: 40%;
		float: right;
		margin-top: 0;
	}
	
	.blog-posts .read-more {
		float: right;
		margin-top: 0;
	}
	
	.footer-widgets-area.col-2 .hentry, .footer-widgets-area.col-4 .hentry {
		width: 50%;
		float: left;
	}
	
	.footer-widgets-area.col-2 .hentry:nth-child(2n+1), .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
		clear: left;
	}
	
	.footer-widgets-area.col-2 .hentry:nth-child(odd), .footer-widgets-area.col-4 .hentry:nth-child(odd) {
		padding-right: 40px;
	}
	
	.footer-widgets-area.col-2 .hentry:nth-last-child(-n+2), .footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 767px) {
	blockquote.alignright {
		width: -webkit-calc(50% - .736842105em);
		width: calc(50% - .736842105em);
		margin-top: 10px;
		margin-bottom: 25px;
	}
	
	.left-sidebar #left-sidebar {
		width: 25%;
	}
	
	.left-sidebar #primary {
		width: 75%;
	}
	
	.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
		padding-right: 25px;
	}
	
	.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
		padding-left: 25px;
	}
	
	.footer-widgets-area.col-3 .hentry {
		margin-bottom: 0;
		width: 33.33%;
		float: left;
	}
	
	.footer-widgets-area.col-3 .hentry:not(:last-child) {
		padding-right: 40px;
	}
	
	.site-info .wrapper {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.site-info.col-2 span {
		float: left;
		width: 50%;
		text-align: left;
	}
	
	.site-info.col-2 span:nth-child(2) {
		float: right;
		text-align: right;
	}
	
	.site-info.col-2 .wrapper {
		display: flex;
		align-items: center;
	}
}

@media screen and (min-width: 992px) {
	#featured-posts .grid-item:nth-child(1n) {
		width: 50%;
	}
	
	#featured-posts .grid-item:nth-child(2n), #featured-posts .grid-item:nth-child(3n), #featured-posts .grid-item:nth-child(4n) {
		width: 25%;
	}
	
	#featured-posts .grid-item:nth-child(1n) article {
		padding: 305px 0;
	}
	
	#featured-posts .grid-item:nth-child(2n) article {
		padding: 149px 0;
	}
	
	#featured-posts .grid-item:nth-child(3n) article {
		padding: 305px 0;
	}
	
	#featured-posts .grid-item:nth-child(4n) article {
		padding: 149px 0;
	}
	
	#featured-posts .grid-item:first-child article .entry-title, #featured-posts .grid-item:first-child article .entry-title a {
		font-size: 32px;
	}
	
	.both-sidebar #left-sidebar {
		width: 21.2%;
	}
	
	.both-sidebar #primary {
		width: 49.1%;
		padding: 0 20px;
	}
	
	.both-sidebar #secondary {
		width: 29.7%;
		clear: none;
		margin-top: 0;
		float: right;
	}
	
	.no-sidebar .comment-form-author, .no-sidebar .comment-form-email, .no-sidebar .comment-form-url {
		width: 33.33%;
		float: left;
	}
	
	.no-sidebar .comment-form-author input, .no-sidebar .comment-form-email input {
		max-width: 93%;
	}
	
	#colophon .social-icons {
		margin-left: -15px;
	}
	
	.social-icons li:not(:last-child) {
		margin-right: 14px;
	}
	
	.footer-widgets-area.col-4 .hentry {
		width: 25%;
		padding-right: 40px;
	}
	
	.footer-widgets-area.col-4 .hentry:last-child {
		padding-right: 0;
	}
	
	.footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
		clear: none;
	}
	
	.footer-widgets-area.col-4 .hentry:nth-child(4n+1) {
		clear: left;
	}
	
	.footer-widgets-area.col-4 .hentry:nth-last-child(-n+4) {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 1024px) {
	.main-navigation {
		float: left;
	}
	
	.main-navigation ul.nav-menu {
		display: block !important;
		height: auto !important;
	}
	
	.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
		left: 0;
		right: auto;
	}
	
	.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
		left: 100%;
		right: auto;
	}
	
	.main-navigation ul ul ul {
		top: -2px;
	}
	
	.main-navigation .menu-item-has-children > a:after {
		float: none;
	}
	
	.main-navigation ul.sub-menu li:hover > a, .main-navigation ul.sub-menu li:focus > a {
		background-color: #5376bb;
		color: #fff;
	}
	
	.main-navigation ul.sub-menu > li:last-child > a {
		border-bottom: none;
	}
	
	.main-navigation li.search-menu {
		display: none;
	}
	
	#search {
		position: absolute;
		z-index: 30;
		right: 0;
		top: 100%;
		display: none;
	}
	
	.main-navigation .search-active .icon-search {
		display: none;
	}
	
	.main-navigation .search-active .icon-close {
		display: inline-block;
	}
	
	#masthead .main-navigation ul ul li.menu-item-has-children > a {
		padding-right: 35px;
	}
	
	#masthead .main-navigation ul ul li a svg {
		display: inline-block;
		top: 17px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	
	.main-navigation ul#primary-menu ul li.current-menu-item > a {
		color: #484848;
	}
	
	.main-navigation ul#primary-menu ul li.current-menu-item > a:hover, .main-navigation ul#primary-menu ul li:hover > a, .main-navigation ul#primary-menu ul li:focus > a {
		color: #fff;
	}
	
	.main-navigation ul ul {
		border-top: 2px solid #5376bb;
	}
	
	.main-navigation ul ul li.menu-item-has-children:hover > a > svg, .main-navigation ul ul li.menu-item-has-children > a:hover > svg {
		fill: #fff;
	}
	
	#search:before {
		content: "";
		width: 0;
		height: 0;
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
		border-bottom: 9px solid #484848;
		position: absolute;
		top: -9px;
		right: 5px;
	}
	
	#search-menu {
		display: block;
		float: right;
	}
	
	#search-menu form.search-form button.search-submit {
		right: auto;
	}
	
	button.dropdown-toggle {
		display: none;
	}
	
	.menu-toggle {
		display: none;
	}
	
	.main-navigation ul {
		display: block;
	}
	
	.main-navigation li {
		display: inline-block;
	}
	
	.main-navigation ul.nav-menu > li.menu-item-has-children:hover > a:after {
		content: "";
		width: 0;
		height: 0;
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
		border-bottom: 9px solid #5376bb;
		position: absolute;
		bottom: 0;
		left: 15px;
	}
	
	.main-navigation .left-menu {
		padding-left: 50px;
	}
	
	.main-navigation ul.nav-menu > li.left-menu > a, .main-navigation ul.nav-menu > li.right-menu > a {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.main-navigation li.left-menu + li.right-menu:before {
		content: "/";
		position: absolute;
		top: 50%;
		margin-left: -6px;
		color: #fff;
		margin-top: -1px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.main-navigation form.search-form {
		border: 20px solid #484848;
	}
	
	.main-navigation form.search-form input {
		background-color: #fff;
		border-color: #fff;
		color: #484848;
	}
	
	.main-navigation form.search-form svg.icon-search {
		fill: #484848;
	}
	
	.menu-sticky .nav-shrink {
		position: fixed;
		background-color: #fff;
		top: 0;
		left: 0;
		right: 0;
		box-shadow: 0 1px rgba(34, 34, 34, .1);
	}
	
	.right-sidebar #primary {
		width: 70%;
	}
	
	.right-sidebar #secondary {
		width: 30%;
	}
	
	.no-sidebar #primary {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	
	.boxed-layout #page {
		max-width: 1200px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.frame-layout {
		max-width: 100%;
		width: 100%;
		padding-left: 50px;
		padding-right: 50px;
		margin: 50px auto;
	}
}

@media screen and (min-width: 1200px) {
	.site-branding {
		padding: 10px 0;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.site-logo, #site-identity {
		margin: 0;
	}
	
	#site-identity {
		padding-right: 15px;
	}
	
	#masthead .social-icons {
		flex: 0 1 auto;
		display: flex;
		padding-left: 30px;
		margin: 0;
	}
	
	.site-advertisement {
		display: flex;
		flex: 1;
		padding-left: 35px;
	}
	
	#left-sidebar table#wp-calendar, #secondary table#wp-calendar {
		display: table;
		width: 100%;
	}
}

@media screen and (min-width: 1900px) {
	.footer-widgets-area.col-3 .hentry:not(:last-child), .footer-widgets-area.col-2 .hentry:nth-child(odd) {
		padding-right: 100px;
	}
	
	.boxed-layout #page {
		max-width: 1600px;
		width: 90%;
	}
	
	.frame-layout {
		padding-left: 100px;
		padding-right: 100px;
		margin: 100px auto;
	}
}

@media screen and (max-width: 1023px) {
	#masthead {
		margin-bottom: 0;
		position: relative;
		min-height: 80px;
	}
	
	.site-branding {
		padding: 7px 0;
	}
	
	.site-title {
		font-size: 28px;
	}
	
	.main-navigation a {
		border-bottom: 1px solid #eee;
	}
	
	.main-navigation ul ul a {
		width: 100%;
	}
	
	.main-navigation ul ul, .main-navigation ul ul ul {
		box-shadow: none;
		float: none;
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 0;
		display: none;
	}
	
	.main-navigation ul.sub-menu li {
		padding-right: 0;
	}
	
	.main-navigation .menu-item-has-children > a:before {
		content: "";
		float: right;
		position: relative;
		right: 25px;
		background-color: #ccc;
		width: 1px;
		height: 25px;
	}
	
	.main-navigation .menu-item-has-children > a:after {
		padding-top: 3px;
	}
	
	.main-navigation ul.nav-menu > li > a, .main-navigation ul.sub-menu li a {
		padding: 15px 15px 15px 25px;
	}
	
	.main-navigation ul.sub-menu li a {
		padding-left: 50px;
	}
	
	.main-navigation ul.sub-menu ul li a {
		padding-left: 75px;
	}
	
	.main-navigation ul.sub-menu ul ul li a {
		padding-left: 100px;
	}
	
	.main-navigation ul.sub-menu ul ul ul li a {
		padding-left: 125px;
	}
	
	.main-navigation .menu-item-has-children a svg {
		display: none;
	}
	
	.main-navigation ul.sub-menu li a {
		border-left: none;
	}
	
	.main-navigation ul.nav-menu {
		margin-right: 0;
		background-color: #fff;
		margin-top: 25px;
		border-top: 1px solid #eee;
	}
	
	.main-navigation {
		position: static;
	}
	
	.main-navigation a {
		color: #484848;
	}
	
	.main-navigation svg.icon-search, .main-navigation svg.icon-down {
		fill: #484848;
		margin-top: -5px;
	}
	
	.main-navigation ul.sub-menu {
		border: none;
	}
	
	.menu-open .menu-toggle .icon-close {
		display: block;
		fill: #484848;
		margin: auto;
		width: 20px;
		height: 20px;
	}
	
	#masthead.site-header .main-navigation ul.nav-menu {
		margin-top: 0;
		position: absolute;
		max-width: 100%;
		top: 100%;
		left: auto;
		right: 0;
		width: 100%;
	}
	
	.main-navigation .search-menu a {
		display: none;
	}
	
	.main-navigation form.search-form input {
		background-color: #fff;
		border: none;
		min-height: 55px;
	}
	
	.main-navigation form.search-form button.search-submit {
		height: 55px;
	}
	
	.menu-open #search {
		display: block !important;
	}
	
	.main-navigation form.search-form input {
		padding-left: 25px;
	}
	
	.main-navigation .sub-menu svg {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
		top: 28px;
	}
}

@media screen and (max-width: 992px) {
	.single-post-wrapper .entry-title, .comments-title, #reply-title {
		font-size: 28px;
	}
}

@media screen and (max-width: 767px) {
	#masthead.site-header .main-navigation ul.nav-menu {
		max-width: 100%;
	}
	
	#secondary {
		position: relative;
		z-index: 1;
	}
	
	.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous, .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
		width: 100%;
		margin: 15px 0;
	}
	
	.post-navigation span.previous-article b, .post-navigations span.previous-article b, .post-navigation span.next-article b, .post-navigations span.next-article b {
		font-size: 18px;
	}
	
	#respond {
		margin-top: 40px;
	}
	
	.comment-meta img {
		margin-bottom: 15px;
		float: none;
	}
	
	.comment-wrap {
		margin-left: 0;
	}
	
	.reply {
		padding-left: 15px;
	}
	
	#comments ol.children {
		margin-left: 20px;
	}
	
	.comments-title, #reply-title {
		margin-bottom: 0;
	}
	
	#commentform p.comment-form-comment, #commentform p.form-submit {
		margin-top: 21px;
	}
	
	#secondary {
		margin-top: 20px;
	}
	
	.single-post-wrapper .entry-title, .comments-title, #reply-title {
		font-size: 26px;
	}
	
	#comments {
		margin-top: 40px;
	}
	
	.footer-copyright + .social-icons {
		margin-top: 20px;
	}
}

@media screen and (max-width: 567px) {
	.pagination .page-numbers.prev, .pagination .page-numbers.next {
		top: 0;
	}
	
	.pagination .prev.page-numbers:before, .pagination .next.page-numbers:before {
		width: 35px;
		height: 10px;
	}
	
	.pagination .page-numbers.prev, .pagination .page-numbers.next {
		margin-left: 0;
		margin-right: 0;
	}
	
	.trail-items li {
		font-size: 12px;
	}
	
	#breadcrumb-list {
		padding: 10px 0;
	}
	
	blockquote.alignright {
		margin-left: 0;
	}
	
	.single-post-wrapper .entry-meta {
		float: none;
		margin-right: 0;
		display: inline-block;
		margin-bottom: 25px;
	}
	
	.single-post-wrapper .entry-header {
		text-align: center;
	}
	
	.single-post-wrapper article p {
		margin-bottom: 25px;
	}
	
	.comment-meta .url, .comment-meta .fn {
		display: block;
	}
	
	.comment-content {
		padding-left: 0;
	}
	
	.footer-widgets-area .hentry:last-child, .footer-widgets-area.col-3 .hentry:last-child {
		margin-bottom: 0;
		padding-right: 0;
	}
	
	#left-sidebar table#wp-calendar td, #left-sidebar table#wp-calendar th, #secondary table#wp-calendar td, #secondary table#wp-calendar th, table#wp-calendar td, table#wp-calendar th {
		padding: 7px;
	}
}