/*!
Theme Name: Heeley Trust
Theme URI: http://underscores.me/
Author: Simon Wilson
Author URI: http://www.progressive-web.co.uk
Description: Custom theme for the Heeley Trust
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: heeleytheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

Heeley Trust 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:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

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

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

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

p {
	margin-bottom: 1.5em;
}

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: 0.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: 0.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 https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

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

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

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, 0.8);
	font-size: 12px;
	font-size: 0.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:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	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 #ccc;
	border-radius: 3px;
	padding: 3px;
}

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

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: inherit;
}

a:visited {
	color: purple;
}

a:hover, a:focus, a:active {
	color: #edea2d;;
	cursor: pointer;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
	float: right;
	padding: 30px 0;
}

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

.main-navigation li {
	float: left;
	position: relative;
	padding-left: 60px;
}

.main-navigation li:first-child {
	padding-left: 0;
}

.main-navigation li:after {
     background: #edea2d;
     bottom: -5px;
     content: "";
     float: right;
     height: 2px;
     position: relative;
     width: 100px;
     right: 0;
}

.main-navigation a {
	text-decoration: none;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
}

.main-navigation a:hover {
	color: #edea2d;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

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

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

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

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

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

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

/* Small menu. */
.menu-toggle {
	cursor: pointer;
	display: none;
	text-shadow: none;
}

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

	.main-navigation {
		float: none;
		margin-top: 0;
	}

	.menu-toggle {
        display: block;
        color: #f2f2f2;
        background: transparent;
	}

	.menu-toggle:before {
		font-family: 'FontAwesome';
		content: '\f0c9';
		font-size: 40px;
	}

	.main-navigation.toggled .nav-menu {
		display: block;
		border-top: 1px solid #d8d8d8;
	    float: left;
	    clear: both;
	    width: 100%;
	    margin-top: 3px;
	}

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

	.main-navigation a {
    	display: block;
    	color: #fff;
    	font-weight: 400;
    }

	.main-navigation li {
		float: none;
		margin: 0;
		background: #00aeef;
		border-bottom: 1px solid #d8d8d8;
		padding-left: 0;
	}

	.page-template-full-width-why .site-header .main-navigation li {
		background: #19ad51;
	}

	.page-template-full-width-what .site-header .main-navigation li {
		background: #f15a22;
	}

	.page-template-full-width-contact .site-header .main-navigation li {
		background: #1B49A0;
	}

	.main-navigation li:after {
		content: none;
	}

	.main-navigation li a {
		padding: 10px 0;
		font-weight: 700;
	}

	.main-navigation li li a {
		padding-left: 2em;
	}

	.main-navigation li li li a {
		padding-left: 6em;
	}

	.main-navigation li:hover > a {
		background: transparent;
		color: #fff;
	}

	.main-navigation ul ul li {
		padding: 0;
		margin: 0;
		background: #006a9f;
		border-bottom: 1px solid #4e8fba;
	}

	.main-navigation ul ul li:last-child {
		border-bottom: none;
	}

	.main-navigation ul ul,
	.main-navigation ul ul ul {
		position: relative;
		top: inherit;
		left: 0;
		display: block;
		float: none;
		background: transparent;
		box-shadow: none;
		padding: 0;
		margin: 0;
	}

	.main-navigation ul ul a {
		width: 100%;
		color: #fff;
	}

	.main-navigation ul a:hover,
	.main-navigation ul ul a:hover {
		background: transparent;
	}

	.main-navigation .current_page_ancestor { background: transparent; }

	.main-navigation ul ul .current_page_parent {
		color: inherit;
		background: transparent;
	}

	.main-navigation .current_page_item > a,
	.main-navigation .current_page_item > a:hover,
	.main-navigation .current_page_item li:hover,
	.main-navigation .current_page_parent .current_page_item > a  {
		color: #fff;
	}

	.main-navigation ul ul {
		text-align: left;
		left: 0;
	}

	button:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover {
	    background: transparent;
	}

	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 {
	    background: transparent;
	    outline: -webkit-focus-ring-color auto 0px;
	}


	button.menu-toggle {
		float: right;
		background: transparent;
		border: none;
		box-shadow: none;
		margin: 6px 10px 0 0;
		padding: 0;
	}


} // End responsive menu

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

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

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

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


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    background: #00aeef;
}

.page-template-full-width-contact .site-header {
	background: #1b499b;
}

.page-template-full-width-what .site-header {
	background: #f15a22;
}

.page-template-full-width-why .site-header {
	background: #19ad51;
}

.site-branding {
	float: left;
	padding: 15px 0;
}

.donate-button {
	position: fixed;
	background: #edea2d;
	height: 90px;
	width: 90px;
	border-top-left-radius: 1%;
	border-bottom-left-radius: 1%;
	box-shadow: -2px 2px 11px rgba(0,0,0,.5);
	right: 0;
	top: 200px;
	z-index: 9999;
	padding-top: 18px;
    padding-right: 6px;
}

p.donate {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
	line-height: 1;
}

p.donate:before {
	content: url('/wp-content/themes/heeleytheme/images/donate.png');
	padding-left: 10px;
}

/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
#content {
	padding-top: 107px;
	background: #00aeef;
}

.content-block {
	padding-top: 60px;
	padding-bottom: 200px;
	height: 100%;
}

@media screen and (max-width: 768px) {
	.content-block {
		padding-bottom: 80px;
	}
}

.blue {
	background: #00aeef;
}

.green {
	background: #19ad51;
}

.orange {
	background: #f15a22;
}

.royalblue {
	background: #1b499b;
}

.content-block.green, .content-block.royalblue, .content-block.orange, .content-block.blue {
	padding-top: 140px;
}

@media screen and (max-width: 768px) {
		.content-block.green, .content-block.royalblue, .content-block.orange, .content-block.blue {
		padding-top: 40px;
	}
}

.content-block.blue {
	background-image: url("images/main-image.png");
	background-position: right bottom; /*Positioning*/
	background-repeat: no-repeat; /*Prevent showing multiple background images*/
}

.content-block.green {
	background-image: url("images/manonboulder.png");
	background-position: -80px 200px; /*Positioning*/
	background-repeat: no-repeat; /*Prevent showing multiple background images*/
	padding-bottom: 150px;
}

@media screen and (max-width: 768px) {
	.content-block.green {
		padding-bottom: 120px;
	}
}

.content-block.orange {
	background-image: url("images/house.png");
	background-position: right 260px; /*Positioning*/
	background-repeat: no-repeat; /*Prevent showing multiple background images*/
	padding-bottom: 130px;
}

.content-block.royalblue {
	background-image: url("images/nest.png");
	background-position: center 350px; /*Positioning*/
	background-repeat: no-repeat; /*Prevent showing multiple background images*/
	padding-top: 180px;
}

@media screen and (max-width: 768px) {
	.content-block.royalblue {
		padding-top: 40px;
	}
}

.content-block.royalblue.contact {
	background-image: url("images/nest.png");
	background-position: center 1100px;
	padding-top: 100px;
}

.content-block.orange.contact {
	background-image: url("images/house.png");
	background-position: right 700px;
	padding-top: 100px;
	padding-bottom: 100px;
}

.content-block h2, h1.entry-title, .contact-details-meta {
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	margin: 0 0 30px;
	line-height: 1;
}

.contact-details-meta, .contact-details-meta a {
	color: #edea2d;
	text-decoration: none;
	margin: 20px 0 100px;
}

ul.meta {
	margin: 0;
	list-style: none;
	padding: 0;
}

ul.meta li {
	margin-bottom: 8px;
	font-size: 20px;
}

.content-block p, .content-block.royalblue.contact p {
	font-size: 48px;
	color: #fff;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 30px;
}

@media screen and (max-width: 768px) {
	.content-block p, .content-block.royalblue.contact p {
		font-size: 42px;
	}
}

p.sub-text-meta {
	font-size: 22px;
	color: #edea2d;
	font-weight: 400;
}

.content-block.blue.contact {
	padding-top: 100px;
	padding-bottom: 100px;
}

.body-text p {
	width: 75%;
}

@media screen and (max-width: 768px) {
	.body-text p {
		width: 100%;
	}
}

.why-we-are-here p {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.2;
}

p.sub-header {
	font-size: 30px;
	color: #fff;
	font-weight: 600;
	margin: 0 0 30px;
	margin: 0 0 10px;
}

a.readmore, .back-button a {
	font-size: 30px;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}

.back-button {
	margin-top: 40px;
}

a.readmore:hover, .back-button a:hover {
	color: #edea2d;
}

.back-button a:before {
	font-family: 'FontAwesome';
	content: '\f053';
	color: #edea2d;
	margin-right: 10px;
	font-size: 24px;
	font-weight: 400;
}

a.readmore:after {
	font-family: 'FontAwesome';
	content: '\f054';
	color: #edea2d;
	margin-left: 10px;
	font-size: 24px;
	font-weight: 400;
}

i.fa.fa-minus {
	color: #fff;
	display: block;
}

ul.get-in-touch {
	list-style: none;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 0;
    margin-left: 60px;
}

@media screen and (max-width: 768px) {
	ul.get-in-touch {
		margin-left: 0;
		padding-left: 30px;
	}
}

ul.get-in-touch li {
	line-height: 1.2;
	margin-bottom: 8px;
	position: relative;
}

ul.get-in-touch li a {
	text-decoration: none;
	color: #fff;
}

ul.get-in-touch li a:hover {
	color: #edea2d;
}

ul.get-in-touch li:before {
	font-family: 'FontAwesome';
	content: '\f068';
	font-weight: 400;
	font-size: 18px;
	position: absolute;
	left: -26px;
    top: 9px;
}

ul.get-in-touch li:after {
	font-family: 'FontAwesome';
	content: '\f054';
	color: #edea2d;
	margin-left: 10px;
	font-size: 24px;
	font-weight: 400;
}

.content-block.royalblue p, .why-we-are-here p {
	font-size: 32px;
	line-height: 1.2;
	font-weight: 600;
}

a.link {
    display: block;
    position: relative;
    top: -220px;
    visibility: hidden;
}

a.contact {
    display: block;
    position: relative;
	top: -220px;
    visibility: hidden;
}

a.linkwho {
    display: block;
    position: relative;
    top: -270px;
    visibility: hidden;
}

a.linkwhy {
    display: block;
    position: relative;
    top: -220px;
    visibility: hidden;
}

@media screen and (max-width: 768px) {
	a.link {
	    display: block;
	    position: relative;
	    top: -140px;
	    visibility: hidden;
	}

	a.contact {
	    display: block;
	    position: relative;
	    top: -140px;
	    visibility: hidden;
	}

	a.linkwho {
	    display: block;
	    position: relative;
	    top: -270px;
	    visibility: hidden;
	}

	a.linkwhy {
	    display: block;
	    position: relative;
	    top: -140px;
	    visibility: hidden;
	}
}


.contact-box-left {
	border-top: 4px solid #fff;
	border-top-right-radius: 25px;
	border-right: 4px solid #fff;
	height: 434px;
    position: absolute;
    width: 424px;
    right: -75px;
    top: -62px;
}

@media screen and (max-width: 768px) {
	.contact-box-left {
		display: none;
	}
}

.col-md-6.contactbarleft {
	position: relative;
}

h2.getintouch {
	display: inline-block;
}

h2.getintouch:after {
	font-family: 'FontAwesome';
	content: '\f10c';
	margin-left: 14px;
}

@media screen and (max-width: 768px) {
	h2.getintouch:after {
		display: none;
	}
}

p.sub-text {
	font-weight: 300;
	font-size: 46px;
}

p.sub-text.why {
	font-weight: 300;
	font-size: 32px;
}

.content-block.termspage p.sub-header {
	font-size: 30px;
	color: #fff;
	font-weight: 600;
	margin: 0 0 30px;
	margin: 0 0 10px;
}

.content-block.termspage p, .content-block.termspage ul {
	font-size: 22px;
	font-weight: 400;
	color: #fff;
}

.content-block.termspage ul {
	margin-left: 0;
	padding-left: 40px;
	width: 75%;
}

@media screen and (max-width: 768px) {
	.content-block.termspage ul {
		width: 100%;
	}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
	padding: 40px 0;
}

.right-side-footer {
	text-align: right;
	min-height: 195px;
}

@media screen and (max-width: 768px) {
	.right-side-footer {
		text-align: left;
	}
}

.back-to-top {
    text-align: right;
}

.back-to-top p {
	font-weight: 600;
	font-size: 26px;
	color: #fff;
	margin: 0;
	line-height: 1;
}

.back-to-top a {
	text-decoration: none;
	color: #fff;
}

.back-to-top a:hover {
	color: #edea2d;
}

.back-to-top p:after {
	font-family: 'FontAwesome';
	content: '\f077';
	color: #fff;
	margin-left: 10px;
}

.footer-social-icons {
	margin-top: 20px;
	text-align: right;
}

.footer-social-icons a {
	color: #fff;
}

.footer-social-icons a:hover {
	color: #edea2d;
}

i.fa.fa-facebook-official, i.fa.fa-instagram, i.fa.fa-twitter {
	font-size: 30px;
	margin-left: 8px;
}

@media screen and (max-width: 768px) {
	i.fa.fa-facebook-official, i.fa.fa-instagram, i.fa.fa-twitter {
		margin-left: 0;
		margin-right: 8px;
	}
}

.terms {
	text-align: right;
	font-size: 20px;
}

@media screen and (max-width: 768px) {
	.terms {
		text-align: left;
		margin-top: 10px;
	}

	.footer-social-icons {
		text-align: left;
	}
}

.terms a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}

.terms a:hover {
	color: #edea2d;
}

.top-footer {
	position: relative;
}

.footer-address {
	margin-top: 20px;
}

.footer-address p {
	font-weight: 600;
	font-size: 20px;
	color: #fff;
	margin: 0;
	text-align: left;
}

.bottom-right-footer {
	position: relative;
	height: 110px;
}

.right-footer-block {
	position: absolute;
	bottom: 0;
	right: 0;
}

@media screen and (max-width: 768px) {
	.bottom-right-footer {
		position: relative;
		height: auto;
	}

.right-footer-block {
		position: relative;

	}
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.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;
	/* Above WP toolbar. */
}

/* 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 {
	content: "";
	display: table;
	table-layout: fixed;
}

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

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

.hentry {
	margin: 0 0 1.5em;
}

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

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

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

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

.bypostauthor {
	display: block;
}

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

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

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## 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: 0.8075em 0;
}

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}