/**
 * Theme Name: FosterX
 * Theme URI: https://wpfosterx.com/
 *
 * Author: CloudRedux
 * Author URI: https://cloudredux.com/
 *
 * Description: Powerful and robust WordPress theme base effectively optimized for performance and speed. Helps you build smart and conversion-driven websites powered by WordPress.
 *
 * Version: 0.3.8
 * Requires at least: 4.9
 * Tested up to: 4.9
 *
 * Requires PHP: 5.6
 *
 * License: GNU General Public License v2 or later
 * License URI: LICENSE
 * 
 * Text Domain: foster-x
 */

/* # Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Font Faces
	- Typographical Elements
	- Headings
	- Objects
	- Gallery
	- Forms
	- Tables
	- Screen Reader Text
- Structure and Layout
	- Site Containers
	- Site Layout
	- Content-Sidebar Widths
	- Sidebar-Content Widths
	- Sidebar-Content-Sidebar Widths
- Common Classes
	- Column Classes
	- Avatar
	- Theme Elements
	- Search Form
	- Titles
	- WordPress
- Widgets
	- Featured Content
- Plugins
	- Jetpack
- Site Header
	- Title Area
	- Widget Area
- Site Navigation
	- Accessible Menu
	- Site Header Navigation
	- Primary and Secondary Navigation
- Content Area
	- Entries
	- Entry Meta
	- Pagination
	- Comments
- Sidebars
- Site Footer
	- Footer Widgets
	- Go to top
	- Footer
- Media Queries
	- Max-width: 1280px
	- Max-width: 1023px
	- Max-width: 880px
- Print Styles
*/


/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-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}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* ## Box Sizing
--------------------------------------------- */

html,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

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

:root {
	--fx-body-text-color: #444444;
	--fx-primary-blue-color: #6b58cc;
	--fx-primary-grey-color: #eeeeee;
	--fx-primary-elegrey-color: #f5f4f8;
	--fx-primary-dark-elegrey-color: #bdc3c7;
}

/* ## Skip Link
--------------------------------------------- */

.skip-link {
	left: -9999rem;
	top: 2.5rem;
	z-index: 999999999;
	text-decoration: underline;
}

.skip-link:focus {
	display: block;
	left: 6px;
	top: 7px;
	font-size: 0.875em;
	font-weight: bold;
	text-decoration: none;
	line-height: normal;
	padding: 15px 23px 14px;
	z-index: 100000;
	right: auto;
}


/* ## Float Clearing
--------------------------------------------- */

.author-box::before,
.clearfix::before,
.fosterx-entry::before,
.entry-content::before,
.nav-primary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
	content: " ";
	display: table;
}

.author-box::after,
.clearfix::after,
.fosterx-entry::after,
.entry-content::after,
.nav-primary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
	clear: both;
	content: " ";
	display: table;
}

.clear,
.clearfix {
	display: table;
	clear: both;
}


/* # Defaults
---------------------------------------------------------------------------------------------------- */

/* ## Font Faces
--------------------------------------------- */

/**
 * FosterX uses 'Metropolis' font natively.
 * @license \Foster-X\assets\fonts\metropolis\LICENSE.md
 */

@font-face {
	font-family: 'Metropolis';
	font-weight: 400;
	src: local('Metropolis'),
		url('../eot/metropolis-regulard41d-2.eot?#iefix') format('embedded-opentype'),
		url('../woff2/metropolis-regular.woff2') format('woff2'), 
		url('../woff/metropolis-regular.woff') format('woff'),
		url('../ttf/metropolis-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Metropolis';
	font-style: italic;
	font-weight: 400;
	src: local('Metropolis Italic'),
		url('../eot/metropolis-regularitalicd41d.eot?#iefix') format('embedded-opentype'),
		url('../woff2/metropolis-regularitalic.woff2') format('woff2'), 
		url('../woff/metropolis-regularitalic.woff') format('woff'),
		url('../ttf/metropolis-regularitalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Metropolis';
	font-weight: 600;
	src: local('Metropolis Semibold'),
		url('../eot/metropolis-semiboldd41d.eot?#iefix') format('embedded-opentype'),
		url('../woff2/metropolis-semibold.woff2') format('woff2'), 
		url('../woff/metropolis-semibold.woff') format('woff'),
		url('../ttf/metropolis-semibold.ttf') format('truetype');
}
@font-face {
	font-family: 'Metropolis';
	font-style: italic;
	font-weight: 600;
	src: local('Metropolis Semibold Italic'),
		url('../eot/metropolis-semibolditalicd41d.eot?#iefix') format('embedded-opentype'),
		url('../woff2/metropolis-semibolditalic.woff2') format('woff2'), 
		url('../woff/metropolis-semibolditalic.woff') format('woff'),
		url('../ttf/metropolis-semibolditalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Metropolis';
	font-weight: 700;
	src: local('Metropolis Bold'),
		url('../eot/metropolis-boldd41d.eot?#iefix') format('embedded-opentype'),
		url('../woff2/metropolis-bold.woff2') format('woff2'), 
		url('../woff/metropolis-bold.woff') format('woff'),
		url('../ttf/metropolis-bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Metropolis';
	font-style: italic;
	font-weight: 700;
	src: local('Metropolis Bold Italic'),
		url('../eot/metropolis-bolditalicd41d.eot?#iefix') format('embedded-opentype'),
		url('../woff2/metropolis-bolditalic.woff2') format('woff2'), 
		url('../woff/metropolis-bolditalic.woff') format('woff'),
		url('../ttf/metropolis-bolditalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Metropolis';
	font-weight: 800;
	src: local('Metropolis ExtraBold'),
		url('../eot/metropolis-extraboldd41d.eot?#iefix') format('embedded-opentype'),
		url('../woff2/metropolis-extrabold.woff2') format('woff2'), 
		url('../woff/metropolis-extrabold.woff') format('woff'),
		url('../ttf/metropolis-extrabold.ttf') format('truetype');
}
@font-face {
	font-family: 'Metropolis';
	font-style: italic;
	font-weight: 800;
	src: local('Metropolis ExtraBold Italic'),
		url('../eot/metropolis-extrabolditalicd41d.eot?#iefix') format('embedded-opentype'),
		url('../woff2/metropolis-extrabolditalic.woff2') format('woff2'), 
		url('../woff/metropolis-extrabolditalic.woff') format('woff'),
		url('../ttf/metropolis-extrabolditalic.ttf') format('truetype');
}

/* ## Typographical Elements
--------------------------------------------- */

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5%; /* 1rem = 10px */
	scroll-behavior: smooth;
}

body {
	background-color: #ffffff;
	color: var(--fx-body-text-color);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.618;
	margin: 0;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-kerning: normal;
	overflow-x: hidden;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

a {
	color: var(--fx-primary-blue-color);
	text-decoration: underline;
	display: inline-block;
}

a:hover,
a:focus {
	color: #4c6793;
}

p {
	margin: 0 0 1.25em;
	padding: 0;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

ul.no-list,
ol.no-list {
	list-style-type: none;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-top: 1px solid #dddddd;
	clear: both;
	margin: 1em 0;
}

b,
strong {
	font-weight: 700;
}

dl {
	margin: 0 0 1.618em;
}

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

blockquote {
	margin: 2.5em;
}

blockquote::before {
	content: "";
	display: block;
	-webkit-mask-image: url('../svg/quote.svg');
	mask-image: url('../svg/quote.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color: var(--fx-body-text-color);
	width: 1.25em;
	height: 1.25em;
}

code {
	background-color: var(--fx-primary-elegrey-color);
	padding: 2px 5px;
	font-size: 0.9375em;
}

pre {
	background: var(--fx-primary-elegrey-color);
	border: 1px solid var(--fx-primary-grey-color);
	border-radius: 3px;
	padding: 1em;
	font-size: 0.875em;
	line-height: 1.2;
	white-space: pre-wrap;
}

pre code {
	white-space: pre-wrap;
	word-wrap: break-word;
	background-color: transparent;
}

address {
	margin-bottom: 1.618em;
}


/* ## Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Metropolis, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 1.309;
	margin: 0 0 0.618em;
	text-rendering: geometricPrecision;
}

h1 {
	font-size: 3.6rem;
}

h2 {
	font-size: 3rem;
}

h3 {
	font-size: 2.4rem;
}

h4 {
	font-size: 2.2rem;
}

h5 {
	font-size: 2.1rem;
}

h6 {
	font-size: 2rem;
}

/* ## Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

/* ## Utility Classes
--------------------------------------------- */

.ampersand {
	font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
	font-style: italic;
	font-weight: normal;
}

.rotate-left-90 {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

/* ## Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
}

.gallery-item {
	margin: 0 0 1.618em;
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 20px;
}

.gallery-item .gallery-icon {
	border: 1px solid #eee;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

.gallery img {
	border: 1px solid var(--fx-primary-grey-color);
	height: auto;
	padding: 4px;
}

.gallery img:hover,
.gallery img:focus {
	border: 1px solid #999;
}

/* ## Forms
--------------------------------------------- */

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

fieldset {
	margin: 0 0 1.618em;
	border: 1px solid var(--fx-primary-grey-color);
}

input,
select,
textarea {
	background-color: #ffffff;
	border: 1px solid var(--fx-primary-grey-color);
	color: var(--fx-body-text-color);
	font-size: inherit;
	font-weight: normal;
	padding: 0.625em 0.75em;
	width: 100%;
}

select {
	padding: 0.625em;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input[type="number"] {
	padding: 0.625em 0 0.625em 0.625em;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button__link {
	background-color: var(--fx-primary-blue-color);
	border: 0;
	color: #ffffff;
	cursor: pointer;
	font-family: Metropolis, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 700;
	padding: 0.625em 1.25em;
	width: auto;
	text-decoration: none;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus 
.wp-block-button__link:focus,
button:active,
input:active[type="button"],
input:active[type="reset"],
input:active[type="submit"],
.button:active 
.wp-block-button__link:active,
button:visited,
input:visited[type="button"],
input:visited[type="reset"],
input:visited[type="submit"],
.button:visited 
.wp-block-button__link:visited {
	background-color: #5a44c6;
	color: #ffffff;
}

input.disabled,
input:disabled,
input:disabled[disabled],
.button.disabled,
.button:disabled,
.button:disabled[disabled],
button.disabled,
button:disabled,
button:disabled[disabled] {
	cursor:not-allowed;
	opacity:.5;
}

.entry-content .button:hover,
.entry-content .button:focus {
	color: #ffffff;
}

.button {
	display: inline-block;
}

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

.comment-reply-link {
	font-size: 0.875em;
	border: 1px solid;
	padding: 0.2857em 0.8571em;
	border-radius: 3px;
	text-decoration: none;
}

.comment-respond .comment-form-cookies-consent input,
.comment-respond .comment-form-cookies-consent label {
	display: inline-block;
}

.comment-respond .comment-form-cookies-consent input {
	margin-right: 5px;
}

/* ## Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
}

tbody {
	border-bottom: 1px solid var(--fx-primary-grey-color);
}

td,
th {
	text-align: left;
	border-bottom: 1px solid var(--fx-primary-grey-color);
	padding: 5px 8px;
}

thead th {
	border-bottom-width: 2px;
}

th {
	font-family: Metropolis, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 600;
}

/* ## Screen Reader Text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
	word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.fosterx-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus {
	clip: auto !important;
	height: auto;
	width: auto;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 15px 23px 14px;
	color: var(--fx-body-text-color);
	background: #ffffff;
	z-index: 100000; /* Above WP toolbar. */
	text-decoration: none;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}

.more-link {
    position: relative;
}


/* # Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* ## Site Containers
--------------------------------------------- */

.site-inner,
.wrap {
	margin: 0 auto;
}

.wrap {
	padding: 4rem;
	max-width: 120rem;
	width: calc(100% - 10rem);
}

.site-inner {
	clear: both;
}

.site-inner .wrap {
	padding-top: 6rem;
	padding-bottom: 6rem;
}

/* ## Site Layout
--------------------------------------------- */

.site-container {
	margin: 0 auto;
	position: relative;
}

body.layout-wide .site-container {
	width: auto;
}

body.layout-boxed {
	background-color: #2d3034;
}

body.layout-boxed .site-container {
	width: 120rem; /* Make this equal to site wrap width */
	margin: 2rem auto;
	background-color: #fff;
}

/* ## Content-Sidebar Widths
--------------------------------------------- */

.content-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

body.layout-content-sidebar .content,
body.layout-content-sidebar .sidebar {
	margin-left: 2.564102564102564%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 1px;
}

body.layout-content-sidebar .content {
	margin-left: 0;
}

body.layout-content-sidebar .sidebar {
	width: 27.076923076923077%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

/* ## Sidebar-Content Widths
--------------------------------------------- */

body.layout-sidebar-content .content,
body.layout-sidebar-content .sidebar {
	margin-left: 2.564102564102564%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 1px;
}

body.layout-sidebar-content .sidebar {
	margin-left: 0;
	width: 27.076923076923077%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

/* ## Sidebar-Content-Sidebar Widths
--------------------------------------------- */

body.layout-sidebar-content-sidebar .content,
body.layout-sidebar-content-sidebar .sidebar {
	margin-left: 2.564102564102564%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

body.layout-sidebar-content-sidebar .content {
	width: calc(100% - 51.282051282051282%)
}

body.layout-sidebar-content-sidebar .sidebar {
	width: 23.076923076923077%;
}

body.layout-sidebar-content-sidebar .secondary-sidebar {
	margin-left: 0;
}


/* ## Full-width Layout
--------------------------------------------- */

body.layout-full-width .content {
	width: 100%;
	float: none;
	margin-left: 0;
	padding-right: 0;
}

body.single.layout-full-width .fosterx-entry,
body.page.layout-full-width .fosterx-entry {
	padding-bottom: 0;
	border-bottom: 0 none;
	margin-bottom: 0;
}


/* # Common Classes
---------------------------------------------------------------------------------------------------- */

/* ## Column Classes
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}

/* ## Avatar
--------------------------------------------- */

.avatar {
	float: left;
}

.alignleft .avatar,
.author-box .avatar {
	margin-right: 1.618em;
}

.alignright .avatar {
	margin-left: 1.618em;
}

.comment .avatar {
	float: none;
	display: block;
	margin: 0 auto 1em auto;
	border: 1px solid var(--fx-primary-grey-color);
	border-radius: 50%;
	padding: 5px;
}

/* ## Theme Elements
--------------------------------------------- */

span.archive-meta-description {
	display: block;
}

.archive-meta-description,
.author-box {
	margin-bottom: 1.618em;
}

.archive-meta-description p:last-child,
.author-box p:last-child {
	margin-bottom: 0;
}

.fosterx-entry.use-drop-cap .entry-content p:first-child:first-letter {
	font-family: Metropolis, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 4.5em;
	float: left;
	margin-top: 0.1em;
	margin-right: 5px;
}

.fosterx-svg {
	width: 1em;
	height: 1em;
	color: inherit;
}

.fosterx-svg.autoscale {
	width: auto;
	height: auto;
}

.fosterx-svg.transparent {
	background-color: transparent;
}

/* ## Search Form
--------------------------------------------- */

.search-form {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}

.search-form.use-icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: 100%;
}

input[type="search"] {
	max-width: 80%;
}

.search-form input[type="search"] {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.search-form.use-icon input[type="search"] {
	max-width: 100%;
}

.search-form.use-icon .input-search {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

button.search-submit {
	margin-left: 15px;
}

button.search-submit.fosterx-search-icon {
	line-height: 1;
	margin-left: 0;
	background-color: transparent;
	border-bottom: 3px solid var(--fx-primary-grey-color);
}

button.search-submit.fosterx-search-icon svg {
	fill: #ffffff;
}

.fosterx-menu .search input[type="submit"],
.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* ## Titles
--------------------------------------------- */

.author-box-title,
.archive-title {
	font-size: 2.25em;
	margin-bottom: 0.277778em;
	padding-bottom: 0.277778em;
	border-bottom: 3px double #bbbbbb;
	color: #666666;
}

.article-title a,
.sidebar .widget-title a {
	color: var(--fx-primary-blue-color);
	text-decoration: none;
}

.article-title a:hover,
.article-title a:focus {
	color: var(--fx-primary-blue-color);
}

.widget-title {
	margin-bottom: 0.85em;
}

.article-title b,
.widget-title b,
.article-title strong,
.widget-title strong {
	font-weight: 800;
}

/* ## WordPress
--------------------------------------------- */

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
	margin-right: 1.618em;
}

.alignright {
	float: right;
	text-align: right;
	margin-left: 1.618em;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 1.618em;
}

img.alignnone,
.alignnone {
	margin-bottom: 1.618em;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 1.618em 1.618em 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 1.618em 1.618em;
}

.wp-caption-text {
	font-size: 0.875em;
	font-weight: 700;
	text-align: center;
	background-color: var(--fx-primary-elegrey-color);
	border: 1px solid var(--fx-primary-grey-color);
	border-top: 0 none;
	color: #999;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
	margin: 0 0 1.618em;
}

.post-password-form label {
	display: block;
	margin-bottom: 0.9375em;
}

.post-password-form input {
	margin-top: 0.625em;
}

/* # Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	word-wrap: break-word;
}

.widget li {
	list-style-type: none;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 1.25em;
	text-indent: -1.25em;
}

.widget li li {
	border: 0;
	margin: 0 0 0.9375em 0.9375em;
	padding: 0;
}

.widget .sub-menu,
.widget li ul,
.widget li ol {
	margin-top: 0.625em;
}

.widget_calendar table {
	width: 100%;
	border: 1px solid var(--fx-primary-grey-color);
	margin-bottom: 1.25em;
}

.widget_calendar caption {
	padding: 0.5em;
	background-color: var(--fx-primary-elegrey-color);
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
	border-color: var(--fx-primary-grey-color);
	word-break: keep-all;
}

.widget_calendar tfoot th,
.widget_calendar tfoot td {
	text-align: left;
}

.widget_calendar .wp-calendar-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.widget_search .search-submit {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
	word-wrap: normal !important;
}

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

.featured-content .fosterx-entry {
	margin-bottom: 2.5em;
}

.featured-content .fosterx-entry:last-child {
	margin-bottom: 0;
}

.featured-content .article-title {
	font-size: 1.25em;
}


/* # Plugins
---------------------------------------------------------------------------------------------------- */

/* ## Jetpack
--------------------------------------------- */

#wpstats {
	display: none;
}


/* # Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	border-bottom: 1px solid var(--fx-primary-grey-color);
}

/* ## Title Area
--------------------------------------------- */

.site-title {
	font-size: 2.25em;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0.277em;
}

.site-title a {
	display: inline-block;
}

.site-title a,
.site-title a:hover,
.site-title a:focus {
	color: #4c6793;
}

.site-header.logo-active .site-title > a {
	background: url(../logo.html) no-repeat left;
	float: left;
	min-height: 60px;
	width: 100%;
}

.site-tagline {
	font-size: 0.9375em;
	font-weight: 300;
	margin-bottom: 0;
}

.site-header.logo-active .site-tagline,
.site-header.logo-active .site-title a {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

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

.fosterx-menu-wrapper .wrap {
	padding-top: 0;
	padding-bottom: 0;
}

.fosterx-menu {
	clear: both;
	font-weight: normal;
	width: 100%;
}

.fosterx-menu .menu-item {
	display: inline-block;
	text-align: left;
	position: relative;
}

.fosterx-menu a {
	color: var(--fx-body-text-color);
	text-decoration: none;
	display: block;
	padding: 0.75em 1.125em;
}

.fosterx-menu a:hover,
.fosterx-menu a:focus,
.fosterx-menu .current-menu-item > a,
.fosterx-menu .sub-menu .current-menu-item > a:hover,
.fosterx-menu .sub-menu .current-menu-item > a:focus {
	color: var(--fx-primary-blue-color);
	text-decoration: underline;
}

.fosterx-menu .menu-item.menu-item-has-children > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 1em;
}

.fosterx-menu .menu-item.menu-item-has-children > a::after {
	content: "";
	width: 0.4em;
	height: 0.4em;
	position: relative;
	left: 0.625em;
	top: -2px;
	border: solid var(--fx-body-text-color);
	border-width: 0 2px 2px 0;
	padding: 2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.fosterx-menu .sub-menu {
	border-top: 1px solid var(--fx-primary-grey-color);
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	width: 210px;
	z-index: 99;
}

.fosterx-menu .sub-menu a {
	background-color: #ffffff;
	border: 1px solid #eee;
	border-top: 0;
	font-size: 0.875em;
	padding: 1em 1.25em;
	position: relative;
	width: 210px;
	word-wrap: break-word;
}

.fosterx-menu .sub-menu .sub-menu {
	margin: -3.5em 0 0 209px;
}

.fosterx-menu .sub-menu .menu-item.menu-item-has-children > a {
	justify-content: space-between;
}

.fosterx-menu .sub-menu .menu-item.menu-item-has-children > a::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0;
	left: 0;
}

.fosterx-menu .menu-item {
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.fosterx-menu .menu-item:hover {
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	position: static;
}

.fosterx-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.fosterx-menu > .first > a {
	padding-left: 0;
}

.fosterx-menu > .last > a {
	padding-right: 0;
}

#menu-search,
#fx-menu-cart,
.fx-search-close {
	cursor: pointer;
}

#menu-search .fosterx-svg,
#fx-menu-cart .fosterx-svg,
.fx-search-close .fosterx-svg {
	position: relative;
	top: 2px;
}

#menu-search:hover .fosterx-svg,
#fx-menu-cart:hover .fosterx-svg,
.fx-search-close:hover .fosterx-svg {
	fill: var(--fx-primary-blue-color);
}

.fosterx-menu-search {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #ffffff;
}

.fosterx-menu-search.inactive {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
	-webkit-animation-name: fadeout;
	animation-name: fadeout;
}

.fosterx-menu-search.active {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
	-webkit-animation-name: fadein;
	animation-name: fadein;
}

@-webkit-keyframes fadeout {
	from {
		opacity: 1;
		visibility: visible;
		-webkit-transform: none;
		transform: none;
	}

	to {
		opacity: 0;
		visibility: hidden;
		z-index: -1;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

@keyframes fadeout {
	from {
		opacity: 1;
		visibility: visible;
		-webkit-transform: none;
		transform: none;
	}

	to {
		opacity: 0;
		visibility: hidden;
		z-index: -1;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

@-webkit-keyframes fadein {
	from {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		visibility: visible;
		z-index: 2;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadein {
	from {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		visibility: visible;
		z-index: 2;
		-webkit-transform: none;
		transform: none;
	}
}

.fosterx-menu-search .fx-search-close {
	padding: 0.625em 0 0.625em 0.625em;
}

.fosterx-menu-search .fx-search-close svg {
	width: 1.309em;
}

.fosterx-menu-search .fx-search-close svg {
	fill: var(--fx-primary-blue-color);
}

.fosterx-menu-search .search-form {
	width: 100%;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.fosterx-menu-search .search-form.use-icon input[type="search"],
.fosterx-menu-search .search-form.use-icon button.search-submit.fosterx-search-icon
.fosterx-menu-search .search-form.use-icon + .fx-search-close {
	border-width: 0 0 3px 0;
	background-color: #ffffff;
}

.fosterx-menu-search .search-form.use-icon button.search-submit.fosterx-search-icon svg {
	fill: var(--fx-primary-blue-color);
}

/* ## Mobile Menu Toggles
--------------------------------------------- */

.mobile-nav-toggle {
	padding: 8px 0;
	width: 100%;
	line-height: 1;
	border-bottom: 1px solid var(--fx-primary-grey-color);
}

.mobile-nav-toggle,
.mobile-nav-toggle:hover,
.mobile-nav-toggle:active,
.mobile-nav-toggle:focus {
	background-color: var(--fx-primary-elegrey-color);
}

.mobile-nav-icon {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 22px;
}

.mobile-nav-icon .icon-bar {
	top: 50%;
	display: block;
	margin-top: -2px;
	transition-timing-function: cubic-bezier(.55,.055,.675,.19);
	transition-duration: 75ms;
}

.mobile-nav-toggle.active .mobile-nav-icon .icon-bar {
	transition-delay: .12s;
	transition-timing-function: cubic-bezier(.215,.61,.355,1);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mobile-nav-icon .icon-bar,
.mobile-nav-icon .icon-bar::after,
.mobile-nav-icon .icon-bar::before {
	position: absolute;
	width: 25px;
	height: 4px;
	transition-timing-function: ease;
	transition-duration: .15s;
	transition-property: transform;
	border-radius: 4px;
	background-color: #666;
}

.mobile-nav-icon .icon-bar::after,
.mobile-nav-icon .icon-bar::before {
	display: block;
	content: "";
}

.mobile-nav-icon .icon-bar::after {
	bottom: -8px;
}

.mobile-nav-icon .icon-bar::before {
	top: -8px;
}

.mobile-nav-toggle.active .mobile-nav-icon .icon-bar::after {
	bottom: 0;
	transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.mobile-nav-toggle.active .mobile-nav-icon .icon-bar::before {
	top: 0;
	transition: top 75ms ease,opacity 75ms ease .12s;
	opacity: 0;
}

/* Hide mobile menu toggle initally */
.mobile-nav-toggle,
.sub-menu-toggle {
	display: none;
	visibility: hidden;
}

.sub-menu-toggle {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	padding: 12px 18px 15px;
	background-color: var(--fx-primary-elegrey-color);
	color: #999;
	border: 1px solid #eee;
	font-size: 22px;
	font-weight: normal;
	line-height: 1;
}

/* ## Off-canvas Menu
--------------------------------------------- */

.fosterx-oc-menu-wrap.active .fosterx-oc-nav {
	hheight: 100%;
}

.fosterx-oc-menu-wrap.active {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.fosterx-ocmenu-active .site-container::before {
	opacity: 1;
	-webkit-transition: opacity 0.8s;
	transition: opacity 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.fosterx-oc-menu-close {
	color: #fff;
	font-size: 42px;
	cursor: pointer;
	margin-bottom: 20px;
	display: none;
	position: fixed;
	top: 0;
	right: 20px;
}

.fosterx-oc-menu-wrap.active .fosterx-oc-menu-close {
	display: inline-block;
}

.fosterx-oc-menu-close:hover {
	color: var(--fx-primary-dark-elegrey-color);
}

.fosterx-oc-menu-wrap.active .fosterx-oc-nav .wrap {
	padding: 0;
}

.fosterx-oc-menu-wrap.active .fosterx-oc-nav .fosterx-menu .sub-menu {
	border-top: 0 none;
	padding-left: 15px;
	padding-bottom: 10px;
}

.fosterx-oc-menu-wrap.active .fosterx-oc-nav .fosterx-menu .sub-menu .sub-menu {
	margin: 0;
}

.fosterx-oc-menu-wrap.active .fosterx-oc-nav .fosterx-menu a,
.fosterx-oc-menu-wrap.active .fosterx-oc-nav .fosterx-menu .sub-menu a {
	background-color: transparent;
	color: #ffffff;
	border: 0 none;
}

.fosterx-oc-menu-wrap.active .fosterx-oc-nav .fosterx-menu a:hover,
.fosterx-oc-menu-wrap.active .fosterx-oc-nav .fosterx-menu .sub-menu a:hover {
	background-color: transparent;
	color: var(--fx-primary-dark-elegrey-color);
}

.fosterx-oc-menu-wrap.active .fosterx-oc-nav .fosterx-menu .sub-menu a {
	padding: 12px;
	border-bottom: 1px solid var(--fx-primary-dark-elegrey-color);
}

.fosterx-oc-menu-wrap.active .fosterx-oc-nav .sub-menu-toggle {
	padding: 14px 12px;
	background-color: transparent;
	color: #fff;
	border: 0 none;
}

.fosterx-oc-menu-wrap.active .fosterx-oc-nav .sub-menu-toggle:hover {
	color: var(--fx-primary-dark-elegrey-color);
}

.fosterx-oc-menu-wrap.active .fosterx-menu-search {
	height: auto;
	position: relative;
	width: auto;
	top: -50px;
}

.fosterx-oc-menu-wrap.active .fosterx-menu-search .search-form {
	width: auto;
	justify-content: normal;
	margin-top: 1px;
}

.fosterx-oc-menu-wrap.active .fosterx-menu-search .search-form input {
	color: #ffffff;
}

.fosterx-oc-menu-wrap.active .fosterx-menu-search .search-form.use-icon button.search-submit.fosterx-search-icon {
	display: none;
}

/* ## Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
	left: auto;
	opacity: 1;
}

/* ## Site Header Navigation
--------------------------------------------- */

.site-header .fosterx-menu li li {
	margin-left: 0;
}

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

.nav-primary {
	border-bottom: 1px solid var(--fx-primary-grey-color);
}

.nav-primary .fosterx-menu a:hover,
.nav-primary .fosterx-menu a:focus,
.nav-primary .fosterx-menu .current-menu-item > a,
.nav-primary .fosterx-menu .sub-menu .current-menu-item > a:hover,
.nav-primary .fosterx-menu .sub-menu .current-menu-item > a:focus {
	background-color: var(--fx-primary-grey-color);
	text-decoration: none;
}

/* ## Header Right area
--------------------------------------------- */

.site-header .header-right {
	margin-left: 2.564102564102564%;
	text-align: right;
	position: relative;
}

.site-header .header-right .fosterx-menu-wrapper .wrap {
	width: auto;
	padding: 0;
}

.site-header .header-right input,
.header-right select {
	width: auto;
}

.site-header .header-right > .widget {
	display: inline-block;
	margin-left: 15px;
}

.site-header .header-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
}

.site-header .header-wrapper .header-right {
	flex: 1 0 70%;
}

.site-header .header-right .nav-primary {
	border-bottom: 0 none;
}

.site-header .header-right .mobile-nav-toggle {
	background-color: transparent;
	text-align: left;
	width: auto;
	position: absolute;
	right: 0;
	top: 50%;
	padding: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}


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

/* ## Entries
--------------------------------------------- */

.archive-meta {
	flex: 0 0 100%;
	margin-bottom: 20px;
}

.fosterx-entry {
	margin-bottom: 1.875em;
	padding-bottom: 1.875em;
	border-bottom: 1px solid var(--fx-primary-grey-color);
	position: relative;
}

.fosterx-entry h1,
.fosterx-entry h2,
.fosterx-entry h3,
.fosterx-entry h4,
.fosterx-entry h5,
.fosterx-entry h6 {
	color: #666666;
}

.fosterx-entry ol,
.fosterx-entry ul {
	margin-bottom: 1.875em;
	margin-left: 1.875em;
}

.fosterx-entry ol.blocks-gallery-grid,
.fosterx-entry ul.blocks-gallery-grid,
.fosterx-entry form ol,
.fosterx-entry form ul {
	margin-left: 0;
}

.fosterx-entry ol > li,
.fosterx-entry ul > li {
	margin-bottom: 0.4em;
}

.fosterx-entry ol {
	list-style-type: decimal;
}

.fosterx-entry ul {
	list-style-type: disc;
}

.fosterx-entry ol ol,
.fosterx-entry ul ul,
.fosterx-entry ul ol,
.fosterx-entry ol ul {
	margin-bottom: 0;
}

.fosterx-entry li ul,
.fosterx-entry li ol {
	padding-left: 1.618em;
}

.fosterx-entry pre code {
	background-color: transparent;
}

.fosterx-entry .read-more {
	font-weight: initial;
	font-style: initial;
	font-size: initial;
}

.fosterx-entry.sticky {
	background-color: #f3f6fb;
	padding: 1.875em;
}

.fosterx-entry .search-form {
	margin-bottom: 1.875em;
}

/* ## Entry Meta
--------------------------------------------- */

p.entry-meta {
	font-family: Metropolis, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.875em;
	margin-bottom: 0;
	color: #999999;
}

p.entry-meta a {
	color: #808080;
}

.entry-header .header-meta {
	margin-bottom: 1.618em;
	margin-top: -0.618em;
}

.post-categories,
.post-tags {
	display: block;
}

.post-image-wrapper {
	margin-bottom: 1.618em;
}

.fosterx-svg-icon {
	width: 18px;
	height: 18px;
}

.fosterx-svg-icon.inherit-w {
	width: inherit;
	height: inherit;
}

.fosterx-svg-icon path,
.fosterx-svg-icon polygon,
.fosterx-svg-icon rect {
	fill: inherit;
}

.fosterx-svg-icon.blue path,
.fosterx-svg-icon.blue polygon,
.fosterx-svg-icon.blue rect {
	fill: var(--fx-primary-blue-color);
}

.fosterx-svg-icon circle {
	stroke: var(--fx-primary-blue-color);
	stroke-width: 1;
}

/* ## Pagination
--------------------------------------------- */

.post-pagination,
.posts-pagination {
	clear: both;
	margin: 1.618em 0;
}

.posts-pagination li a,
.post-content-navigation .post-page-numbers {
	cursor: pointer;
	display: inline-block;
	font-size: 0.875em;
	padding: 2px 9px;
	text-decoration: none;
	border: 1px solid;
}

.posts-pagination li.previous a,
.posts-pagination li.next a {
	border-color: transparent;
}

.posts-pagination li {
	display: inline-block;
	margin: 0 5px;
}

.posts-pagination .active a {
	color: var(--fx-body-text-color);
}

.post-pagination {
	background-color: var(--fx-primary-elegrey-color);
	border: 1px dashed var(--fx-primary-grey-color);
	padding: 10px 12px;
}

.post-pagination p {
	margin-bottom: 0;
}

.post-pagination span {
	display: inline-block;
}

.post-pagination .next {
	float: right;
}

.post-pagination .previous {
	float: left;
}


/* ## Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	margin-bottom: 1.875em;
}

.entry-comments {
	margin-top: 1.875em;
}

.comment-left {
	padding-right: 10px;
	border-right: 1px solid var(--fx-primary-grey-color);
}

.comments-header {
	padding-bottom: 0.9375em;
	margin-bottom: 0.9375em;
}

.comments-header h2,
.comments-header h3,
.comments-header h4,
.comments-header p {
	margin-bottom: 0;
}

.comments-header .comments-num {
	text-align: right;
}

.comment-content {
	clear: both;
	word-wrap: break-word;
	margin-top: 10px;
}

.comment-list li.comment {
	padding: 1.875em 0 0 2.5em;
	list-style-type: none;
}

.comment-list li.depth-1 {
	padding-left: 0;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%;
}

.comment-respond label {
	display: block;
}

.entry-comments .comment-author {
	margin-bottom: 0;
	font-size: 0.875em;
	text-align: center;
}

.entry-comments .comment-author-avatar,
.entry-comments .comment-author-name,
.entry-comments .comment-posted {
	display: block;
}

.entry-comments .comment-author .comment-author-url {
	display: inline-block;
	text-decoration: none;
	margin-left: 5px;
}

.entry-comments .comment-author .comment-author-url .dashicons {
	font-size: 0.875em;
	width: 0.875em;
	height: 0.875em;
	line-height: 0.75em;
	vertical-align: middle;
}

.entry-comments .comment-author .comment-author-url .comment-link-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
}

.entry-comments div.comments-pagination {
	margin: 1.618em 0 0.618em;
}

.entry-comments div.comments-pagination span.pagination {
	display: inline-block;
}

.entry-comments div.comments-pagination span.pagination a {
	display: inline-block;
	font-size: 0.875em;
	padding: 0.5em 0.75em;
	color: inherit;
	background-color: var(--fx-primary-elegrey-color);
	border: 1px solid var(--fx-primary-grey-color);
	border-radius: 3px;
}

.entry-comments div.comments-pagination span.pagination a {
	text-decoration: none;

}

.entry-pings .reply {
	display: none;
}


/* # Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
	padding: 20px;
	background-color: var(--fx-primary-elegrey-color);
}

.sidebar ul > li {
	padding-left: 15px;
}

.sidebar ul > li:before {
	position: absolute;
	left: 0;
	top: -1px;
	content: "\00bb";
	font-family: 'Times New Roman', serif;
	color: inherit;
}

.sidebar li {
	list-style-type: none;
	margin-bottom: 0.625em;
	position: relative;
}

.sidebar p:last-child,
.sidebar ul > li:last-child {
	margin-bottom: 0;
}

.sidebar .widget {
	margin-bottom: 1.875em;
}

.sidebar input[type="search"] {
	max-width: 100%;
}

/* # Focus Mode - Single Template
---------------------------------------------------------------------------------------------------- */

.single.focus-mode.layout-full-width .article-title,
.page.focus-mode.layout-full-width .article-title {
	font-size: 2.2em;
	margin-bottom: 0.6818em;
}

.single.focus-mode.layout-full-width.page .article-title,
.page.focus-mode.layout-full-width.page .article-title {
	margin-bottom: 0.25em;
}

.single.focus-mode.layout-full-width .fosterx-main,
.page.focus-mode.layout-full-width .fosterx-main {
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.single.focus-mode.layout-full-width .fosterx-entry,
.page.focus-mode.layout-full-width .fosterx-entry {
	font-size: 1.25em;
}

.single.focus-mode.layout-full-width .fosterx-entry li ul,
.page.focus-mode.layout-full-width .fosterx-entry li ul,
.single.focus-mode.layout-full-width .fosterx-entry li ol,
.page.focus-mode.layout-full-width .fosterx-entry li ol {
	margin-left: 0.618em;
}

.single.focus-mode.layout-full-width button:not(.customize-partial-edit-shortcut-button),
.single.focus-mode.layout-full-width input[type="button"],
.single.focus-mode.layout-full-width input[type="reset"],
.single.focus-mode.layout-full-width input[type="submit"],
.single.focus-mode.layout-full-width .button,
.single.focus-mode.layout-full-width .wp-block-button__link,
.page.focus-mode.layout-full-width button:not(.customize-partial-edit-shortcut-button),
.page.focus-mode.layout-full-width input[type="button"],
.page.focus-mode.layout-full-width input[type="reset"],
.page.focus-mode.layout-full-width input[type="submit"],
.page.focus-mode.layout-full-width .button,
.page.focus-mode.layout-full-width .wp-block-button__link {
	font-size: inherit;
}

.single.focus-mode.layout-full-width .entry-header,
.page.focus-mode.layout-full-width .entry-header {
		text-align: center;
		padding-bottom: 0.5em;
		margin-bottom: 1.5em;
		position: relative;
}

.single.focus-mode.layout-full-width .entry-header::after,
.page.focus-mode.layout-full-width .entry-header::after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	max-width: 30%;
	background-color: var(--fx-primary-grey-color);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.single.focus-mode.layout-full-width .entry-header p.entry-meta,
.page.focus-mode.layout-full-width .entry-header p.entry-meta {
	font-size: 0.7em;
	margin-top: -1.2em;
}


/* # Site Footer
---------------------------------------------------------------------------------------------------- */

/* ## Footer Widgets
--------------------------------------------- */

.footer-widgets-area {
	border-top: 1px solid var(--fx-primary-grey-color);
}

.footer-widgets-area .wrap {
	padding-top: 4em;
	padding-bottom: 2.5em;
}

.footer-widgets-area.footer-widgets-2 .wrap,
.footer-widgets-area.footer-widgets-3 .wrap,
.footer-widgets-area.footer-widgets-4 .wrap,
.footer-widgets-area.footer-widgets-5 .wrap,
.footer-widgets-area.footer-widgets-6 .wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.footer-widgets-area.footer-widgets-2 .footer-widget-area,
.footer-widgets-area.footer-widgets-3 .footer-widget-area,
.footer-widgets-area.footer-widgets-4 .footer-widget-area,
.footer-widgets-area.footer-widgets-5 .footer-widget-area,
.footer-widgets-area.footer-widgets-6 .footer-widget-area {
	margin-left: 4.564102564102564%;
	flex: 1;
}

.footer-widgets-area.footer-widgets-2 .footer-widget-area-1,
.footer-widgets-area.footer-widgets-3 .footer-widget-area-1,
.footer-widgets-area.footer-widgets-4 .footer-widget-area-1,
.footer-widgets-area.footer-widgets-5 .footer-widget-area-1,
.footer-widgets-area.footer-widgets-6 .footer-widget-area-1 {
	margin-left: 0;
}

.footer-widgets-area .widget {
	margin-bottom: 1.875em;
}

/* ## Go to top
--------------------------------------------- */

.go-to-top {
	border: 1px solid var(--fx-primary-blue-color);
	color: var(--fx-primary-blue-color);
	bottom: 30px;
	position: fixed;
	right: 30px;
	text-align: center;
	z-index: 99999;
	display: none;
	text-decoration: none;
	padding: 5px;
	line-height: inherit;
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
}

.go-to-top .fosterx-svg {
	fill: var(--fx-primary-blue-color);
}

.go-to-top:hover .fosterx-svg,
.go-to-top:active .fosterx-svg,
.go-to-top:focus .fosterx-svg {
	fill: #ffffff;
}

.go-to-top:hover,
.go-to-top:active,
.go-to-top:focus {
	background-color: var(--fx-primary-blue-color);
	color: #ffffff;
}

/* ## Footer
--------------------------------------------- */

.site-footer {
	border-top: 1px solid var(--fx-primary-grey-color);
}

.site-footer .wrap {
	padding-top: 1.25em;
	padding-bottom: 1.25em;
}

.site-footer p {
	margin-bottom: 0;
}

.site-footer.has-footer-right-area > .wrap {
	display: flex;
	flex-wrap: wrap;
}

.site-footer.has-footer-right-area > .wrap > * {
	flex: 1;
}

.site-footer .fosterx-menu-wrapper .wrap {
	width: auto;
	max-width: none;
	padding: 0;
}

/* # Search Results
---------------------------------------------------------------------------------------------------- */

body.search-results .fosterx-main {
	display: flex;
	flex-wrap: wrap;
}

.search-results-intro {
	flex: 0 0 100%;
	display: flex;
	flex-wrap: wrap;
}

.search-results-intro .search-results-info-wrapper-left,
.search-results-intro .search-results-form {
	flex: 1;
}

.archive-title.search-results-title {
	margin-bottom: 30px;
	padding-bottom: 15px;
}

.search-results-intro .search-results-form {
	margin-left: 1.875em;
}

.search-results-intro .search-results-count {
	margin-top: 12px;
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 3px double #bbb;
	color: #666;
	font-style: italic;
	font-family: Metropolis, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 600;
	align-items: flex-end;
}

body.search-results .fosterx-entry {
	flex: none;
	margin-left: 4.564102564102564%;
	width: 47.717948717948715%;
	margin-bottom: 1.875em;
}

body.search-results .fosterx-main > .fosterx-entry:nth-child(2n-2) {
	margin-left: 0;
}

/* # Block Editor Widths
---------------------------------------------------------------------------------------------------- */

.alignfull,
.wp-block-gallery.alignfull {
	margin: 1.618em calc(-100vw / 2 + 100% / 2);
	max-width: 100vw;
	width: 100vw;
	padding: 0 10px;
}

.layout-boxed .alignfull,
.layout-boxed .wp-block-gallery.alignfull {
	margin: 1.618em calc(-120rem / 2 + 100% / 2);
	max-width: 120rem;
	width: auto;
	padding: 0;
}

.alignwide,
.wp-block-gallery.alignwide {
	margin: 1.618em -6em;
	max-width: calc(100% + 12em);
	width: 100vw;
}

.alignfull > figcaption,
.alignfull > .wp-caption-text,
.alignfull > .blocks-gallery-caption {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 100vw;
	text-align: center;
	padding: 5px 10px;
	background-color: var(--fx-primary-elegrey-color);
	border: 1px solid #eee;
	border-top: 0 none;
	color: #999;
}

.alignfull ul,
.alignfull ol,
.alignwide ul,
.alignwide ol {
	margin-left: 0;
}

.wp-block-gallery.alignfull > .blocks-gallery-caption {
	margin-top: -1.618em;
}

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

body.layout-content-sidebar .alignfull,
body.layout-content-sidebar .wp-block-gallery.alignfull,
body.layout-content-sidebar .alignwide,
body.layout-content-sidebar .wp-block-gallery.alignwide,
body.layout-sidebar-content .alignfull,
body.layout-sidebar-content .wp-block-gallery.alignfull,
body.layout-sidebar-content .alignwide,
body.layout-sidebar-content .wp-block-gallery.alignwide,
body.layout-sidebar-content-sidebar .alignfull,
body.layout-sidebar-content-sidebar .wp-block-gallery.alignfull,
body.layout-sidebar-content-sidebar .alignwide,
body.layout-sidebar-content-sidebar .wp-block-gallery.alignwide {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}


/* # Block Editor Features
---------------------------------------------------------------------------------------------------- */

.wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) {
	color: #ffffff;
}

.wp-block-button,
.wp-block-buttons {
	margin-bottom: 1.25em;
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* ## Accessibility Settings 
--------------------------------------------- */

@media ( prefers-reduced-motion: reduce ) {

	* {
		animation-duration: 0s !important;
		transition-duration: 0s !important;
	}
}

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

	.wrap {
		width: auto;
		padding: 3rem;
	}
}

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

	/* Overlay for off-canvas menu */
	.site-container {
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.site-container::before {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.3);
		content: '';
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		-webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s;
		transition: opacity 0.4s, transform 0s 0.4s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	}

	.fosterx-oc-menu-wrap {
		position: fixed;
		z-index: 100001;
		width: 300px;
		height: 100%;
		top: 0;
		right: 0;
		background: #373a47;
		padding: 5em 1.5em 0;
		-webkit-transform: translate3d(800px,0,0);
		transform: translate3d(800px,0,0);
		text-align: right;
		-webkit-transition: -webkit-transform 0.4s;
		transition: transform 0.4s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		overflow-y: auto;
	}

	/* Show mobile menu toggle */
	.mobile-nav-toggle,
	.sub-menu-toggle {
		display: block;
		visibility: visible;
	}

	.mobile-nav-toggle + nav,
	.mobile-nav-toggle + .fosterx-oc-menu-wrap nav {
		display: none;
	}

	.mobile-nav-toggle.active + nav,
	.mobile-nav-toggle.active + .fosterx-oc-menu-wrap nav {
		display: block;
	}

	.nav-primary .fosterx-menu .menu-item {
		display: block;
	}

	.fosterx-menu .menu-item:hover {
		position: relative;
	}

	.fosterx-menu .sub-menu {
		position: relative;
		left: 0;
		top: 0;
		width: auto;
		opacity: 1;
		display: none;
	}

	.fosterx-menu .sub-menu.active {
		display: block;
	}

	.fosterx-menu .sub-menu a {
		width: auto;
	}

	.site-header .wrap {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.fosterx-menu li,
	.site-header ul.fosterx-menu,
	.site-header .search-form {
		float: none;
	}

	.fosterx-menu,
	.site-header .title-area,
	.site-title,
	.site-tagline {
		text-align: center;
	}

	.site-header .header-left .title-area,
	.site-header .header-left .site-title,
	.site-header .header-left .site-tagline {
		text-align: left;
	}

	.site-header .header-wrapper .header-right {
		width: auto;
		flex: 1;
	}

	.fosterx-menu a,
	.fosterx-menu > .first > a,
	.fosterx-menu > .last > a {
		padding: 12px;
	}

	.site-header .search-form {
		_margin: 16px auto;
	}
}

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

	.site-inner .wrap {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	body.layout-content-sidebar .content,
	body.layout-sidebar-content .content,
	body.layout-sidebar-content-sidebar .content {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 1.875em;
	}

	body.layout-content-sidebar .sidebar,
	body.layout-sidebar-content .sidebar,
	body.layout-sidebar-content-sidebar .sidebar {
		width: 100%;
		margin-left: 0;
	}

	body.layout-sidebar-content-sidebar .content {
		margin-top: 1.875em;
	}

	.single.focus-mode.layout-full-width .fosterx-main,
	.page.focus-mode.layout-full-width .fosterx-main {
		max-width: 90%;
	}

	.single.focus-mode.layout-full-width .fosterx-entry,
	.page.focus-mode.layout-full-width .fosterx-entry {
		padding: 0;
	}

	.footer-widgets-area.footer-widgets-2 .footer-widget-area,
	.footer-widgets-area.footer-widgets-3 .footer-widget-area,
	.footer-widgets-area.footer-widgets-4 .footer-widget-area,
	.footer-widgets-area.footer-widgets-5 .footer-widget-area,
	.footer-widgets-area.footer-widgets-6 .footer-widget-area {
		margin-left: 0;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-bottom: 1.875em;
	}

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

}

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

	.single.focus-mode.layout-full-width .fosterx-main,
	.page.focus-mode.layout-full-width .fosterx-main {
		max-width: none;
	}

	body.search-results .fosterx-entry {
		width: auto;
		flex: 0 0 100%;
		margin-left: 0;
	}

}


/* # Print Styles
---------------------------------------------------------------------------------------------------- */

@media print {

	*,
	*::before,
	*::after {
		background: transparent !important;
		box-shadow: none !important;
		color: #000 !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]::after {
		content: " (" attr(href) ")";
	}

	abbr[title]::after {
		content: " (" attr(title) ")";
	}

	a[href^="javascript:"]::after,
	a[href^="#"]::after,
	.site-title > a::after {
		content: "";
	}

	thead {
		display: table-header-group;
	}

	img,
	tr {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 2cm 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	blockquote,
	pre {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	.content,
	.content-sidebar {
		width: 100%;
	}

	button,
	input,
	select,
	textarea,
	.breadcrumb,
	.comment-edit-link,
	.comment-form,
	.comment-list .reply a,
	.comment-reply-title,
	.edit-link,
	.entry-comments-link,
	.entry-footer,
	.header-widget-area,
	.hidden-print,
	.home-top,
	.nav-primary,
	.post-edit-link,
	.sidebar {
		display: none !important;
	}

	.title-area {
		text-align: center;
		width: 100%;
	}

	.site-title > a {
		margin: 0;
		text-decoration: none;
		text-indent: 0;
	}

	.site-inner {
		padding-top: 0;
		position: relative;
		top: -100px;
	}

	.author-box {
		margin-bottom: 0;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		orphans: 3;
		page-break-after: avoid;
		page-break-inside: avoid;
		widows: 3;
	}


	img {
		page-break-after: avoid;
		page-break-inside: avoid;
	}

	blockquote,
	pre,
	table {
		page-break-inside: avoid;
	}

	dl,
	ol,
	ul {
		page-break-before: avoid;
	}

}