/**
 * The Ball v2 Global Stylesheet.
 *
 * Implements default styling for all media.
 *
 * @package The_Ball_v2
 */



/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## 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;
}

/* Render the `main` element consistently in IE. */
main {
	display: block;
}

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

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

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: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

dfn {
	font-style: italic;
}

mark {
	background: #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;
}

figure {
	margin: 1em auto;
}

pre {
	overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	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;
	opacity: 0.75;
}

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

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 var(--sof-form-fieldset-border);
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

progress {
	vertical-align: baseline;
}

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;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}



/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #var(--sof-black);
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: sans-serif;
	font-weight: 300;
}

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

/* Code for Firefox */
*:not(input, textarea)::-moz-selection {
	color: var(--sof-text-highlight);
}

*:not(input, textarea)::selection {
	color: var(--sof-text-highlight);
	background: rgb(0 0 0 / 50%);
}



/*--------------------------------------------------------------
# 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: var(--sof-background-body); /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	clear: both;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
	border-bottom: 1px solid var(--sof-background-hr);
}

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

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. */
}

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;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 16px;
	font-size: 1rem;
	line-height: 1;
	padding: .6em 1em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button: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;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

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

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

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"] {
	padding: 3px;
}

select {
	border: 1px solid #ccc;
	padding: 0.3em 0.3em;
	border-radius: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}



/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: var(--sof-text-link);
}

a:visited {
	color: var(--sof-text-link-visited);
}

a:hover {
	color: var(--sof-text-link-hover);
}

a:focus {
	color: var(--sof-text-link-focus);
}

a:active {
	color: var(--sof-text-link-active);
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
	float: none;
	width: auto;
}

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

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

.main-navigation a {
	display: block;
}

/*
.main-navigation a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 60%;
	line-height: 1;
	letter-spacing: 0.8px;
	padding: 0.8em 0.9em;
	margin: 0 0.8em;
	border: 1px solid #ccc;
	position: relative;
}

.main-navigation a:hover {
	background: #ea6662;
}

.main-navigation a:focus {
	outline: 0;
	background: #ea6662;
}

.main-navigation a:active {
	background: var(--sof-text-link-active);
}

.main-navigation a:after {
	height: 12px;
	width: 12px;
	background: var(--sof-header-footer);
	position: absolute;
	content: '';
	top: 0;
	right: 1px;
	border-left: 1px solid #ccc;
	transform: rotate(-62deg) translate(83%);
	-ms-transform: rotate(-62deg) translate(83%);
	-webkit-transform: rotate(-62deg) translate(83%);
	-moz-transform: rotate(-62deg) translate(83%);
	-o-transform: rotate(-62deg) translate(83%);
}

.main-navigation a:hover:after {
	border-left: 1px solid #ccc;
}
 */

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 3.55em;
	left: -999em;
	z-index: 99999;
	background-color: var(--sof-background-opaque);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.main-navigation.toggled ul ul {
	float: none;
	position: static;
	display: block;
	padding-top: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

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

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

.main-navigation.toggled ul ul a {
	width: auto;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

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

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

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle {
	float: right;
	margin: 1em 4em 1em 0;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background: transparent url("../images/menu-toggle.png") 50% 50% no-repeat;
	cursor: pointer;
}

.main-navigation.toggled .menu-toggle
{

}

.main-navigation.toggled ul {
	display: block;
	clear: left;
	margin: 0 0.5em 1em 0.5em;
	padding-top: 7em;
}

.main-navigation.toggled ul a
{
	text-align: center;
	margin: 0.2em 0 0 0;
	color: var(--sof-text-link);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	line-height: 1;
}

.main-navigation.toggled ul ul a
{
	font-size: 95%;
	color: var(--sof-text-link-toggled);
}

.main-navigation.toggled ul li:after
{
	height: auto;
}

@media screen and (min-width: 940px) {
	.menu-toggle
	{
		display: none;
		margin: 0;
	}
	.main-navigation
	{
		margin-left: 240px;
	}
	.main-navigation ul
	{
		display: block;
	}
	.main-navigation li
	{
		display: inline-block;
	}
	.main-navigation li a
	{
		padding: 1em 1em 0.7em 1em;
		margin-bottom: 0.3em;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		color: var(--sof-text-link);
	}
	.main-navigation li a:hover,
	.main-navigation li.current-menu-ancestor > a,
	.main-navigation li.current-menu-item > a,
	.main-navigation li.current_page_item > a
	{
		background: transparent url("../images/textures/stripe-white-200.png") 0 0 no-repeat;
		background-size: 75% 20%;
		background-position: center bottom;
		opacity: 0.8;
	}
	.main-navigation.toggled ul.nav-menu a
	{
		margin-bottom: 2.3em;
	}
}

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

.comment-navigation .nav-previous:before,
.posts-navigation .nav-previous:before,
.post-navigation .nav-previous:before
{
	content: '\2190';
	margin-right: 0.2em;
	color: var(--sof-text-link);
}

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

.comment-navigation .nav-next:after,
.posts-navigation .nav-next:after,
.post-navigation .nav-next:after {
	content: '\2192';
	margin-left: 0.2em;
	color: var(--sof-text-link);
}

/* Footer menu */
.menu-the-ball-v2-footer-container {
	text-align: center;
}

ul.the-ball-v2-footer {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.the-ball-v2-footer li {
	list-style: none;
	display: inline-block;
	padding-right: 5px;
}

ul.the-ball-v2-footer li:after {
	content: "|";
	display: inline;
	padding-left: 10px;
}

ul.the-ball-v2-footer li:last-child:after {
	display: none;
}



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

.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: 0.875rem;
	font-weight: 700;
	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. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}



/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

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

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


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

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

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

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

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



/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/

.archive .site-main
{
	background: var(--sof-background);
}

#archive
{
	background-color: inherit;
}

.taxonomy-description
{
	background: rgba(0, 0, 0, 0.5);
	background: var(--sof-background);
}

.tax-description-inner
{
	width: 60%;
	margin: 0 auto;
}

.taxonomy-description p
{
	margin: 0;
	padding: 1em 0;
	text-align: center;
	text-shadow: 0 0 5px #0a0933;
}

#archive-loop
{
	margin-top: 2em;
	margin-bottom: 2em;
}

.archive-footer
{
	width: 60%;
	margin: 0 auto;
	padding: 2em 0;
	background: var(--sof-background);
}

.archive-footer a
{
	text-decoration: none;
	text-transform: uppercase;
}



/*--------------------------------------------------------------
## Search Archive
--------------------------------------------------------------*/

.search .site-main
{
	background: var(--sof-background);
}

#search .search-posts
{
	width: 60%;
	margin: 0 auto;
	padding: 2em 0;
}

#search .hentry
{
	width: 32%;
	margin-right: 2%;
	margin-top: 1em;
	margin-bottom: 1em;
	float: left;
	background-color: inherit;
}

/* Every third-plus-one item starts a new row */
#search .hentry.third-plus-one
{
	clear: left;
}

/* Every third item ends a row */
#search .hentry.third
{
	margin-right: 0;
}

#search .hentry .entry-header a
{
	width: 100%;
}

#search,
.search-inner,
.search-posts,
#search .hentry,
#search .entry-header,
#search .hentry .entry-header a,
#search .hentry .entry-header a:after
{
	background-color: inherit;
}

#search .hentry > .entry-title
{
	margin: 0.3em 0 0.3em 0;
	font-size: 150%;
	line-height: 1.2;
}

#search .hentry .entry-title a
{
	text-decoration: none;
}

#search .hentry .entry-content
{
	margin: 0;
	color: var(--sof-text-content);
	font-size: 0.9em;
	width: auto;
}

#search .hentry .entry-content p
{
	margin-top: 0;
}



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

.the-ball-v2-search-trigger {
	display: block;
	text-indent: -999px;
	overflow: hidden;
	position: absolute;
	width: 30px;
	height: 30px;
	right: 1em;
	margin-top: 1em;
}

.the-ball-v2-search-trigger:before {
	position: absolute;
	top: 0px;
	left: 999px;
	z-index: 20;
	font: normal 27px/1 dashicons !important;
	content: "\f179";
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.no-customize-support #the-ball-v2-search
{
	display: none;
}

#the-ball-v2-search {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(51, 51, 51, 0.66);
	z-index: 10000;
	display: none;
}

#the-ball-v2-search h2 {
	text-indent: -999px;
	overflow: hidden;
	height: 0;
	width: 0;
}

#the-ball-v2-search .search-form {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}

#the-ball-v2-search .search-form .search-field {
	font-size: 200%;
	vertical-align: top;
	margin-top: 5px;
	-webkit-appearance: textfield;
}

#the-ball-v2-search .search-form .search-submit {
	font-size: 150%;
	vertical-align: top;
	line-height: 1.1;
	margin-top: 5px;
}

@media all and (max-width: 864px) {
	#the-ball-v2-search .search-form .search-field {
		font-size: 110%;
	}
	#the-ball-v2-search .search-form .search-submit {
		font-size: 0.9em;
	}
}

@media all and (max-width: 480px) {
	#the-ball-v2-search .search-form {
		text-align: center;
	}
}



/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}



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

#reply-title
{
	color: var(--sof-text-heading);
	text-transform: uppercase;
}

ol.comment-list {
	list-style: none;
	list-style-image: none;
	padding: 0;
}

ol.comment-list ol {
	list-style: none;
	list-style-image: none;
}

.comment-author
{
	line-height: 1;
}

.comment-author a
{
	font-weight: normal;
}

.comment-meta img
{
	float: left;
	margin-right: 6px;
}

.comment-metadata
{
	font-size: 0.9em;
}

.comment-metadata .edit-link
{
	float: right;
}

.comment-body
{
	margin: 0 0 1.5em 0;
}

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

.bypostauthor
{
	display: block;
}

/*--------------------------------------------------------------
## Comment Form
--------------------------------------------------------------*/

#respond
{
	padding: 0 1em;
	border: 1px solid var(--sof-background);
	margin-bottom: 2em;
	background: var(--sof-background);
}

#respond #cancel-comment-reply-link
{
	float: right;
}



/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.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%;
}



/*--------------------------------------------------------------
## 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
{
	padding: 0.8075em 0;
	background-color: var(--sof-background-caption);
	font-size: 90%;
}

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



/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

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

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}



/*--------------------------------------------------------------
## Video
--------------------------------------------------------------*/

.wp-video
{
	width: 100% !important;
}



/*--------------------------------------------------------------
## The Ball v2 Custom
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## "Angled Side" Feature Image Base CSS
--------------------------------------------------------------*/

.angled-right
{
	display: table;
	position: relative;
	overflow: visible;
	height: 160px;
	background-size: cover;
	background-position: 50% 50%;
	background-color: inherit;
	color: #111;
	overflow: hidden;
/* 	border: 1px solid var(--sof-text-content); */
}

.angled-right:hover
{
/* 	border: 1px solid var(--sof-text-link-hover); */
}

.angled-right:focus
{
	outline: 0;
/* 	border: 1px solid var(--sof-text-link-focus); */
}

.angled-right:active
{
/* 	border: 1px solid var(--sof-text-link-active); */
}

.angled-right:after
{
	height: 166px;
	width: 44px;
	background-color: inherit;
/* 	border-left: 1px solid #7c6f6a; */
	position: absolute;
	content: '';
	top: 1.2px;
	right: 20.7px;
	transform: rotate(345deg) translate(99%);
	-ms-transform: rotate(345deg) translate(99%);
	-webkit-transform: rotate(345deg) translate(99%);
	-moz-transform: rotate(345deg) translate(99%);
	-o-transform: rotate(345deg) translate(99%);
}

.angled-right:hover:after
{
/* 	border-left: 1px solid var(--sof-text-link-hover); */
}

.angled-right:focus:after
{
/* 	border-left: 1px solid var(--sof-text-link-focus); */
}

.angled-right:active:after
{
/* 	border-left: 1px solid var(--sof-text-link-active); */
}

a.angled-right
{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 2em;
	line-height: 1;
	color: var(--sof-text-link);
}

/* Vertically-aligned, center-aligned text */
.angled-right span
{
	display: table-cell;
	vertical-align: middle;
	word-break: break-word;
	text-align: center;
	background: rgba(0, 0, 0, 0.15);
}

/* Without text */
.angled-right.textless
{
	text-indent: -9999px;
}

.angled-right.angled-medium
{
	height: 400px;
}

.angled-right.angled-medium:after
{
	height: 417px;
	width: 108px;
	right: 52px;
	top: 7px;
}

.angled-right.angled-full
{
	height: 460px;
}

.angled-right.angled-full:after
{
	height: 476.7px;
	width: 124px;
	right: 58px;
	top: 6.5px;
}



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

#page
{
	position: relative;
}

#masthead
{
	padding: 1px 0;
	background-color: var(--sof-header-footer);
	background-color: var(--sof-background);
	background-color: var(--sof-background-opaque);
	color: var(--sof-text-content);

	position: absolute;
	width: 100%;
	z-index: 1;
	top: 60px;
}

#masthead .header-inner
{
/*
	width: 60%;
	margin: 0 auto;
	position: relative;
 */
}

.site-branding
{
}

.site-title
{
	position: absolute;
	top: -45px;
	left: 0;
	width: 280px;
	height: 200px;
	margin: 0;
	padding: 0;
	background: transparent url("../images/textures/stripe-lightblue.png") 0 0 no-repeat;
	background-size: 210%;
	background-position: -350px 10px;
	z-index: 1000;
}

.site-title a
{
	display: block;
	width: 128px;
	height: 128px;
	text-indent: -9999px;
	background: transparent url("../images/logos/sof-logo-512-white.png") 50% 50% no-repeat;
	background-size: 90%;
	margin: 20px 30px;
}

.site-description
{
	display: none;
}

.header-widgets
{
	position: absolute;
	top: -60px;
	width: 100%;
	height: 60px;
	z-index: 10;
	background: rgb(0 0 0 / 30%);
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.header-widgets .widget
{
	display: inline-block;
	margin-right: 0.5em;
	margin-left: 0.5em;
	margin-bottom: 0;
}

.header-widgets h3
{
	display: none;
}

#masthead .header-widgets a,
#masthead .header-widgets a:active,
#masthead .header-widgets a:hover,
#masthead .header-widgets a:focus,
#masthead .header-widgets a:visited
{
	text-decoration: none;
	text-shadow: 0 0 1px var(--sof-black);
}

#masthead .header-widgets a:visited
{
	color: var(--sof-text-link);
}

#masthead .header-widgets a:hover
{
	color: var(--sof-text-link-hover);
}

.header-widgets .jetpack-social-widget-list
{
	margin-bottom: 0;
	margin-right: 1em;
}

.header-widgets .widget.widget_custom_html a
{
	display: inline-block;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0.3em;
	padding: 0.5em 1em;
	background: var(--sof-background-donate-button);
}



/*--------------------------------------------------------------
## Article General
--------------------------------------------------------------*/

.hentry {
	position: relative;
	overflow: hidden;
	background-color: var(--sof-background);
	color: var(--sof-text-content);
}

/* Avatar images */
img.avatar
{
	border-radius: 50%;
}

/*--------------------------------------------------------------
## Article Header
--------------------------------------------------------------*/

#primary .entry-header
{
	margin: 0 auto;
}

#primary .has-post-thumbnail .entry-header
{
	width: auto;
	margin: 0;
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	background-color: inherit;
	color: var(--sof-text-heading-overlaid);
}

#primary .has-post-thumbnail .entry-header a
{
	color: var(--sof-text-link);
	text-decoration: none;
	width: 100%;
}

#primary .entry-header h1,
#primary .entry-header h2
{
	font-size: 3em;
	margin: 3.5em 0 0;
	color: var(--sof-text-heading-overlaid);
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0 0 15px #0a0933;
}

#primary .has-post-thumbnail .entry-header h1,
#primary .has-post-thumbnail .entry-header h2
{
	font-size: 6em;
	text-align: center;
	padding: 3.2em 0.5em 1.6em 0.5em;
	margin: 0;
	color: var(--sof-text-heading-overlaid);
	line-height: 1;
	background: rgba(0, 0, 0, 0.15);
}

#primary .entry-meta
{
	text-align: center;
}

#primary .has-post-thumbnail .entry-meta
{
	padding: 0.6em 0 1em 0;
}

.feature-image-caption
{
	display: block;
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
	opacity: 0.9;
	padding: 0 1%;
}

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

#primary .entry-content
{
	width: 60%;
	margin: 0 auto;
}

#primary #archive-header .entry-content
{
	width: 60%;
}

.archive #archive-header .hentry
{
	margin-bottom: 0;
}


.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6
{
	color: var(--sof-text-heading);
	text-transform: uppercase;
	line-height: 1.2;
	margin-bottom: 0.5em;
}

.entry-content blockquote
{
	color: var(--sof-text-blockquote);
	font-size: 1.4em;
	margin: 0;
	font-style: italic;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	position: relative;
}

.entry-content blockquote p
{
	margin: 0.5em 0;
}

.entry-content blockquote p:before
{
	display: block;
	content: "\201C";
	position: absolute;
	left: -0.4em;
	color: var(--sof-text-blockquote);
}

.entry-content blockquote p:after
{
	display: inline-block;
	content: "\201D";
	position: relative;
	color: var(--sof-text-blockquote);
}

.entry-content blockquote footer
{
	line-height: 0;
}

.entry-content blockquote footer cite
{
	font-size: 50%;
	font-style: normal;
	text-transform: uppercase;
	color: var(--sof-text-cite);
	line-height: 1;
}

.entry-content blockquote cite
{
	font-size: 50%;
	font-style: normal;
	text-transform: uppercase;
	color: var(--sof-text-cite);
	line-height: 1;
}

.entry-content blockquote + p cite
{
	font-size: 120%;
	font-style: normal;
	line-height: 0;
	display: block;
	padding-bottom: 0.5em;
}

#primary .comments-area
{
	color: var(--sof-text-content);
	background-color: var(--sof-background-comments);
	margin: 0;
	padding: 1px 0;
}

#primary .comments-area .comments-inner
{
	width: 50%;
	margin: 2em auto;
}

/* Tables */
.entry-content table
{
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: 1px solid var(--sof-table-divider);
	width: 100%;
}

.entry-content table td,
.entry-content table th
{
	border: 0;
	border-top: 1px solid var(--sof-table-divider);
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.entry-content table th
{
	font-weight: bold;
	font-style: normal;
	text-align: left;
}

.entry-content p.outstanding
{
	padding: 1em;
	background-color: var(--sof-background-caption);
}

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

#primary .entry-footer
{
	width: 60%;
	margin: 0 auto;
}



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

#colophon
{
	padding: 1px 0;
	background-color: var(--sof-header-footer);
	color: var(--sof-text-footer);
}

#colophon .footer-inner
{
	width: 60%;
	margin: 4em auto;
	text-align: center;
}

#colophon a,
#colophon a:active,
#colophon a:hover,
#colophon a:focus,
#colophon a:visited
{
	text-decoration: none;
}

#colophon .hentry
{
	background: transparent;
}

#colophon .footer-menu
{
    margin: 0 0 1em 0;
}

/* Jetpack Social Widget styles. */
#colophon .jetpack_widget_social_icons .widget-title
{
	display: none;
}

/* "SOF Network" styles. */
#colophon .sof_network
{
	width: 300px;
	margin: 0 auto;
	padding: 6px 12px;
	background: var(--sof-blue-light);
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

#colophon .sof_network h3
{
	padding: 4px 0;
	color: var(--sof-text-footer);
	font-weight: 400;
	font-size: 0.8em;
	text-transform: uppercase;
}

#colophon .sof_network ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#colophon .sof_network ul li
{
	list-style: none;
	list-style-image: none;
	margin: 8px 12px 8px 0;
	padding: 0 0 18px 0;
	display: inline-block;
	width: 75px;
}

#colophon .sof_network ul li.cic_icon
{
	background: transparent url(../images/flags/uk.jpg) no-repeat center bottom;
	background-size: 15px;
}

#colophon .sof_network ul li.brazil_icon
{
	background: transparent url(../images/flags/br.jpg) no-repeat center bottom;
	background-size: 15px;
}

#colophon .sof_network ul li.germany_icon
{
	background: transparent url(../images/flags/de.jpg) no-repeat center bottom;
	background-size: 15px;
}

#colophon .sof_network ul li#colophon .sof_network_last
{
	margin-right: 0;
}

#colophon .sof_network ul li a:link,
#colophon .sof_network ul li a:hover,
#colophon .sof_network ul li a:active,
#colophon .sof_network ul li a:visited
{
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding: 0;
	width: 75px;
	border: 0;
	overflow: hidden;
}

#colophon .sof_network ul li a
{
	background: transparent url(../images/logos/sof-logo-200-black.png) no-repeat left top;
	background-size: 75px;
	height: 75px;
}

#colophon .sof_network.network_white
{
	display: block;
	float: none;
	width: 300px;
	margin: 0 auto;
	background: transparent;
}

#colophon .sof_network.network_white h3
{
	display: none;
}

#colophon .sof_network.network_white ul li a
{
	background: transparent url(../images/logos/sof-logo-200-white.png) no-repeat left top;
	background-size: 75px;
	height: 75px;
}

/* Modify the "Powered By" Loop Include. */
#colophon .powered-by .loop-include-posts
{
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
}

#colophon .powered-by
{
	margin-top: 1.5em;
}

#colophon .powered-by p
{
	margin: 0 0 0.5em 0;
}

#colophon .loop-include-inner
{
	width: auto;
}



/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/

.home-page #primary .page
{
	background-size: cover;
	background-position: 50% 50%;
}

.home-page #primary .entry-header
{
	background-color: var(--sof-text-heading-overlaid);
	color: var(--sof-black);
	height: auto;
}

.home-page #primary .entry-header h1
{
	margin: 0;
	padding: 0;
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.home-page #primary .page
{
	margin: 0;
	background-color: #eee;
	position: relative;
	overflow: hidden;
}

/* Container for homepage "call to action" box */
.home-page #primary .page .entry-content
{
	width: 100%;
}



/*--------------------------------------------------------------
## Homepage Teaser Include
--------------------------------------------------------------*/

#teaser
{
	padding: 2.4em 0 1em 0;
	background-color: var(--sof-background);
	color: var(--sof-text-teaser);
}

#teaser .teaser-inner
{
/*
	width: 60%;
	margin: 0 auto;
 */
	background-color: inherit;
}

#teaser a
{
	color: var(--sof-text-link);
}

#teaser .hentry
{
	margin-bottom: 1.5em;
	background-color: inherit;
}

#teaser .hentry .teaser-header
{
	background-color: inherit;
	float: left;
	width: 50%;
	overflow: hidden;
}

#teaser .hentry .teaser-header span
{
	width: 100%;
	background-color: inherit;
}

#teaser .hentry .teaser-title
{
	margin-bottom: 0;
	font-size: 110%;
}

#teaser .hentry .teaser-content
{
	float: left;
	width: 49%;
	margin-top: 1.2em;
	font-size: 110%;
	color: var(--sof-text-content);
}

#teaser .hentry .teaser-content-inner
{
	padding: 0 4em 0;
}

#teaser .hentry .teaser-content p
{
	margin-top: 0;
	margin-bottom: 0.5em;
}

#teaser .hentry .teaser-content a
{
/*
	color: #111;
 */
}

#teaser .loop-insert-footer a
{
	border: 1px solid var(--sof-text-link);
	color: var(--sof-text-link);
}

/*
#teaser .loop-insert-footer a:after {
	background: var(--sof-background);
	border-left: 1px solid var(--sof-text-link);
}
 */

@media all and (max-width: 1200px) {

	#teaser .hentry .teaser-content
	{
		font-size: 100%;
	}

}

@media all and (max-width: 1024px) {

	#teaser .hentry .teaser-content-inner
	{
		padding-left: 2.5em;
		padding-right: 2em;
	}

}

@media all and (max-width: 876px) {

	#teaser .hentry .teaser-content
	{
		font-size: 95%;
	}

	#teaser .hentry .teaser-header
	{
		float: none;
		width: 90%;
	}

	#teaser .hentry .teaser-content
	{
		float: none;
		width: 90%;
		margin: 1em auto 0;
	}

}

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

	#teaser .hentry .teaser-content-inner
	{
		padding: 0;
	}

}

@media all and (max-width: 440px) {

	#teaser
	{
		padding-bottom: 0;
	}

	#teaser .hentry
	{
		margin-bottom: 0.5em;
	}

}



/*--------------------------------------------------------------
## Includes Layout (Grid)
--------------------------------------------------------------*/

/* Styles to centre the Loop Include. */
.loop-include {
	background-color: inherit;
}

.loop-include-inner {
	width: 60%;
	margin: 0 auto 1rem;
	background-color: inherit;
}

body.blog .site-content .loop-include-inner {
	margin: 2rem auto;
}

@media all and (max-width: 1200px) {
	.loop-include-inner {
		width: 68%;
	}
}

@media all and (max-width: 1024px) {
	.loop-include-inner {
		width: 80%;
	}
}

@media all and (max-width: 876px) {
	.loop-include-inner {
		width: 96%;
	}
}

/* Loop Include layout. */
.loop-include-posts {
	display: grid;
	grid-column-gap: 2em;
	grid-row-gap: 2em;
	background-color: inherit;
}

/* Styles for Loop Include elements. */
.loop-include-header {
	text-align: center;
	text-transform: uppercase;
	color: var(--sof-text-content);
}

.loop-include .hentry {
	color: var(--sof-text-content);
	background-color: inherit;
	position: relative;
	overflow: visible;
}

#primary .loop-include .hentry .entry-header,
#primary .loop-include .hentry .entry-content
{
	width: auto;
	margin: 0 auto;
}

/* Styles to define a One Column layout include. */
.loop-include-one .loop-include-posts {
	grid-template-columns: repeat(1, 1fr);
}

.loop-include-one .loop-include-inner {
	width: auto;
}

/* Styles to define a Two Column layout include. */
.loop-include-two .loop-include-posts {
	grid-template-columns: repeat(2, 1fr);
}

@media all and (max-width: 640px) {
	.loop-include-two .loop-include-posts {
		/* Reduce to Three Column layout. */
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Styles to define a Three Column layout include. */
.loop-include-three .loop-include-posts {
	grid-template-columns: repeat(3, 1fr);
}

@media all and (max-width: 640px) {
	.loop-include-three .loop-include-posts {
		/* Reduce to Two Column layout. */
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Styles to define a Four Column layout include. */
.loop-include-four .loop-include-posts {
	grid-template-columns: repeat(4, 1fr);
}

@media all and (max-width: 640px) {
	.loop-include-four .loop-include-posts {
		/* Reduce to Three Column layout. */
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Styles to define a Five Column layout include. */
.loop-include-five .loop-include-posts {
	grid-template-columns: repeat(5, 1fr);
}

@media all and (max-width: 640px) {
	.loop-include-five .loop-include-posts {
		/* Reduce to Four Column layout. */
		grid-template-columns: repeat(4, 1fr);
	}
}



/*--------------------------------------------------------------
## Includes Layout (Flex)
--------------------------------------------------------------*/

.loop-include-flex .loop-include-posts {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	justify-content: center;
	background-color: inherit;
}

.loop-include-flex.loop-include-stacked .loop-include-posts {
	flex-direction: column;
	align-items: center;
}

/* Styles to define a Two Column layout include. */
.loop-include-flex.loop-include-two .hentry {
	width: 48%;
}

@media all and (max-width: 640px) {
	.loop-include-flex.loop-include-two .hentry {
		/* Reduce to Three Column layout. */
		width: 31%;
	}
}

/* Styles to define a Three Column layout include. */
.loop-include-flex.loop-include-three .hentry {
	width: 31%;
}

@media all and (max-width: 640px) {
	.loop-include-flex.loop-include-three .hentry {
		/* Reduce to Two Column layout. */
		width: 48%;
	}
}

/* Styles to define a Four Column layout include. */
.loop-include-flex.loop-include-four .hentry {
	width: 23%;
}

@media all and (max-width: 640px) {
	.loop-include-flex.loop-include-four .hentry {
		/* Reduce to Three Column layout. */
		width: 31%;
	}
}

/* Styles to define a Five Column layout include. */
.loop-include-flex.loop-include-five .hentry {
	width: 18%;
}

@media all and (max-width: 640px) {
	.loop-include-flex.loop-include-five .hentry {
		/* Reduce to Four Column layout. */
		width: 23%;
	}
}



/*--------------------------------------------------------------
## Includes Common
--------------------------------------------------------------*/

.loop-include-sub-title p
{
	text-transform: uppercase;
	text-align: center;
	padding: 0 0 0.5em 0;
	margin: 0;
}

.loop-include h3 a:visited {
	color: var(--sof-text-heading);
}

.loop-include-footer p
{
	margin: 0 0 1.5em 0;
	padding: 0;
	text-align: center;
}

.loop-include-footer a
{
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.8px;
	line-height: 1;
	padding: 0.8em 1.2em;
	margin: 0.8em 0 0.2em 0;
	border: 1px solid var(--sof-text-link);
	color: var(--sof-text-link);
	position: relative;
}



/*--------------------------------------------------------------
## Events Common
--------------------------------------------------------------*/

.hentry.event
{
	background-color: inherit;
}

.hentry.event .entry-header h3
{
	margin: 0;
}

.hentry.event .entry-header a
{
	width: 100%;
	background-color: inherit;
}

.hentry.event .entry-header a:after
{
	background-color: inherit;
}

.hentry.event > .entry-title
{
	margin: 0.3em 0 0.3em 0;
	font-size: 150%;
	line-height: 1.2;
}

.hentry.event > .entry-title a
{
	text-decoration: none;
}

.hentry.event .entry-content
{
	margin: 0;
	color: var(--sof-text-content);
	font-size: 0.9em;
	width: auto;
}

.hentry.event .entry-content p
{
	margin-top: 0;
}



/*--------------------------------------------------------------
## Events Archives
--------------------------------------------------------------*/

.page-template-page-event #primary #archive-header .hentry
{
	margin-bottom: 0;
}

.page-template-page-event #primary .event-intro-inner
{
	width: 60%;
	margin: 2em auto;
}

#primary .event-list
{
	background-color: var(--sof-background-events-ongoing);
	color: var(--sof-text-content);
}

#primary .event-list-inner
{
	width: 60%;
	margin: 2em auto;
	background-color: inherit;
}

.page-template-page-event #primary .entry-header
{
	width: auto;
	background-color: inherit;
}

.post-type-archive-event .not-found,
.post-type-archive-event .archive-footer,
.tax-event-category .not-found,
.tax-event-category .archive-footer
{
	width: auto;
	background-color: var(--sof-background-events-ongoing);
}

#archive-event
{
	padding-top: 2em;
	background-color: var(--sof-background-events-ongoing);
}



/*--------------------------------------------------------------
## Events Includes
--------------------------------------------------------------*/

#events-featured
{
	background-color: var(--sof-background);
}

#events-ongoing
{
	background-color: var(--sof-background-events-ongoing);
}

#events-ongoing .has-featured-event
{
	visibility: hidden;
	line-height: 0;
}

#events-past
{
	background-color: var(--sof-background-events-past);
}

#events-other
{
	background-color: var(--sof-background-events-past);
}

#event-hosts
{
	background-color: var(--sof-background-events-hosts);
}



/*--------------------------------------------------------------
## Featured Events Include
--------------------------------------------------------------*/

#events-featured .loop-include-inner
{
	width: 60%;
	margin: 0 auto 1rem;
	background-color: inherit;
}

#events-featured .hentry.event
{
	width: auto;
	background-color: inherit;
	/* Make text slightly larger */
	font-size: 125%;
}



/*--------------------------------------------------------------
## "Make your Pledge with The Ball" Event Include
--------------------------------------------------------------*/

#event-the-ball
{
	background-color: inherit;
	width: 100%;
	margin: 0 auto 2em 0;
}

#event-the-ball .loop-include-header
{
	display: none;
}

#primary #event-the-ball .hentry
{
	padding: 1em;
	background-color: var(--sof-background-pledgeball-widget);
	border-radius: 5px;
}

#primary #event-the-ball .entry-title a
{
	color: var(--sof-text-link-header);
}

#primary #event-the-ball .entry-title
{
	margin: 0 0 0.5em 0;
	font-size: 150%;
	line-height: 1.2;
}

#primary #event-the-ball .has-post-thumbnail .entry-header a
{
	width: 100%;
}

#primary #event-the-ball .entry-content
{
	width: 100%;
}

#primary #event-the-ball .entry-content .eo-event-date
{
	margin: 0.5em 0 0 0;
	font-size: 110%;
}

#primary #event-the-ball .entry-content p
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#primary #event-the-ball .entry-content h3
{
	margin-top: 1em;
	margin-bottom: 0.2em;
}

#primary #event-the-ball .entry-content h3 a.button
{
	font-size: 100%;
	color: green;
}

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

	#event-the-ball
	{
		font-size: 70%;
	}

}


/*--------------------------------------------------------------
## Single Event
--------------------------------------------------------------*/

.single-event .site-main
{
	background-color: var(--sof-background);
	color: var(--sof-text-content);
}

.single-event .site-main .hentry
{
	margin: 0;
}

.single-event #primary .entry-content
{
	margin: 2em auto;
}

/*
.tax-event-category .taxonomy-description
{
	display: none;
}
 */

/* Event submenu */
.single-event .the-ball-v2-page-menu
{
	text-align: center;
	padding: 0.5em 0;
	margin-top: 3em;
	color: var(--sof-text-link);
	background-color: var(--sof-background-submenu);
}

.single-event .has-post-thumbnail .the-ball-v2-page-menu
{
	/* No margin with feature image. */
	margin-top: 0;
}

.single-event .the-ball-v2-page-menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.single-event .the-ball-v2-page-menu li
{
	list-style: none;
	display: inline-block;
	padding-right: 5px;
}

.single-event .the-ball-v2-page-menu li:after
{
	content: "|";
	display: inline;
	padding-left: 5px;
}

.single-event .the-ball-v2-page-menu li:last-child:after
{
	display: none;
}

.single-event .the-ball-v2-page-menu li a:hover,
.single-event .the-ball-v2-page-menu li a:focus,
.single-event .the-ball-v2-page-menu li a:active
{
	outline: none;
}

.single-event .the-ball-v2-page-menu li a
{
/* 	text-decoration: none; */
}



/*--------------------------------------------------------------
## Pledge Form Include
--------------------------------------------------------------*/

#pledge
{
	padding: 1px 0;
	background-color: var(--sof-background-pledgeball-form);
	color: var(--sof-text-pledgeball-form);
}

#pledge .pledge-inner
{
	width: 60%;
	margin: 0 auto;
}

#pledge a
{
	color: var(--sof-text-link);
}

#pledge .pledge-title
{
	text-transform: uppercase;
	text-align: center;
	padding: 1em 0 0.5em 0;
	margin: 0;
}

#pledge .hentry
{
	float: left;
	width: 28%;
	margin-right: 8%;
	margin-bottom: 1.5em;
	background: transparent;
}

#pledge .hentry .entry-header img
{
	display: block;
	margin: 0;
	padding: 0;
	width: 80%;
	border-radius: 50%;
}

#pledge .hentry .entry-title
{
	margin-bottom: 0;
	font-size: 110%;
}

#pledge .hentry .entry-content
{
	margin-top: 0;
	font-size: 0.9em;
	color: var(--sof-text-content);
}

#pledge .hentry .entry-content p
{
	margin-top: 0;
}

#pledge .hentry .entry-content a
{
	color: #111;
}

#pledge .loop-insert-footer a
{
	border: 1px solid var(--sof-text-link);
	color: var(--sof-text-link);
}

/*
#pledge .loop-insert-footer a:after {
	background: var(--sof-background);
	border-left: 1px solid var(--sof-text-link);
}
 */

/*--------------------------------------------------------------
## Pledge Form Include in Single Events
--------------------------------------------------------------*/

.single-event #pledge
{
	background-color: var(--sof-background-pledgeball-form);
	padding-bottom: 1em;
}

.single-event #pledge #pledge_submit h3,
.single-event #pledge #pledge_submit h4
{
	color: var(--sof-text-pledgeball-form);
}

.single-event #pledge_submit .pledgeball_message
{
	color: var(--sof-text-content);
	background: transparent;
	box-shadow: none;
	border: none;
	text-align: center;
}

.single-event #pledge_submit .pledgeball_message .pledgeball_thanks
{
	font-size: 200%;
}


/*--------------------------------------------------------------
## Pledgeball Data Widget Include
--------------------------------------------------------------*/

/* Give enclosing element the same margins as a paragraph */
.pledge-data-display
{
	margin: 0 0 1.5em 0;
	padding: 1em;
	background-color: var(--sof-background-organisations);
	border-radius: 5px;
}

.pledge-data-display h2
{
	margin-top: 0;
	text-align: center;
}

.pledge-data-display .pledge-data-display-list
{
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 98%;
}

.pledge-data-display .pledge-data-display-list li.data-item
{
	float: left;
	display: block;
	min-width: 27%;
	border-right: 1px solid var(--sof-text-pledgeball-widget);
	margin-bottom: 1em;
}

.pledge-data-display .pledge-data-display-list li.data-item:last-child
{
	border-right: none;
}

/* Widen Kg saved item */
.pledge-data-display .pledge-data-display-list li.data-item-3
{
	min-width: 46%;
}

.pledge-data-display .pledge-data-display-list .data-item-number
{
	display: block;
	font-weight: 700;
	font-size: 4em;
	color: var(--sof-text-pledgeball-widget);
	padding-bottom: 0.1em;
	text-align: center;
	line-height: 1;
}

.pledge-data-display .pledge-data-display-list .data-item-text
{
	display: block;
	font-weight: normal;
	font-size: 1em;
	text-align: center;
}

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

	.pledge-data-display
	{
		font-size: 65%;
		margin-bottom: 3em;
	}

}

@media all and (max-width: 400px) {

	.pledge-data-display
	{
		font-size: 50%;
	}

	.pledge-data-display .pledge-data-display-list li.data-item
	{
		min-width: 24%;
	}

	.pledge-data-display .pledge-data-display-list li.data-item-1
	{
		margin-left: auto;
		min-width: 24%;
	}

	.pledge-data-display .pledge-data-display-list li.data-item-2
	{
		border-right: 1px solid var(--sof-text-pledgeball-widget);
	}

	.pledge-data-display .pledge-data-display-list li.data-item-3
	{
		clear: none;
		min-width: 52%;
	}

	.pledge-data-display .pledge-data-display-list .data-item-number
	{
		padding-bottom: 0.1em;
	}

	.pledge-data-display .pledge-data-display-list .data-item-text
	{
		font-size: 1.2em;
	}

}



/*--------------------------------------------------------------
## SDG styles
--------------------------------------------------------------*/

#sdg-linked
{
	background-color: var(--sof-background-people-supporters);
}

#sdg-posts
{
	background-color: var(--sof-background-events-hosts);
}

#sdg-events
{
	background-color: var(--sof-background-people-supporters);
	background-color: var(--sof-background-events-past);
}

.sdg-links-container ul
{
	list-style: none;
    padding: 0;
}

.single-sdg .sdg .entry-title
{
	visibility: hidden;
}



/*--------------------------------------------------------------
## Organisation styles
--------------------------------------------------------------*/

#organisations-partners
{
	background-color: var(--sof-background);
}

#organisations-partners .loop-include-posts
{
	grid-column-gap: 4em;
	grid-row-gap: 4em;
}

/* Don't show include title on Partners page template. */
.page-template-page-partner #organisations-partners .loop-include-header
{
	display: none;
}

.single-organisation .site-main
{
	background-color: var(--sof-background);
	color: var(--sof-text-content);
}

.single-organisation .site-main .hentry
{
	margin: 0;
}

.single-organisation #primary .entry-content,
.single-partner #primary .entry-content,
.single-host #primary .entry-content
{
	margin: 2em auto;
}

.organisation-website,
.organisation-social-links
{
	text-align: center;
}

.organisation-website
{
	margin-bottom: 1em;
}



/*--------------------------------------------------------------
## Individuals
--------------------------------------------------------------*/

/* Colour scheme */
#individuals
{
	background-color: var(--sof-background);
}

#individuals-squad
{
	background-color: var(--sof-background-people-squad);
}

#individuals-board
{
	background-color: var(--sof-background-people-board);
}

#individuals-staff
{
	background-color: var(--sof-background-people-staff);
}

#individuals-supporters
{
	background-color: var(--sof-background-people-supporters);
}

/* Layout */
.individual .entry-title
{
	text-align: center;
	margin: 0 0.5em 1em;
	text-transform: uppercase;
	font-size: 150%;
	line-height: 1.3;
}

.loop-include-two .individual .entry-title
{
	font-size: 150%;
}

.loop-include-three .individual .entry-title
{
	font-size: 140%;
}

.loop-include-four .individual .entry-title
{
	font-size: 130%;
}

.loop-include-five .individual .entry-title
{
	font-size: 120%;
}

@media all and (max-width: 640px) {
	.loop-include-two .individual .entry-title
	{
		font-size: 120%;
	}

	.loop-include-three .individual .entry-title
	{
		font-size: 110%;
	}

	.loop-include-four .individual .entry-title
	{
		font-size: 100%;
	}

	.loop-include-five .individual .entry-title
	{
		font-size: 90%;
	}

}

.individual .entry-title a
{
	color: var(--sof-text-link-header);
	text-decoration: none;
}

.individual-job-title,
.individual-image,
.individual-tags,
.individual-website,
.individual-social-links
{
	text-align: center;
}

.individual-job-title
{
	text-transform: uppercase;
	font-size: 120%;
}

.individual-tags span a
{
	display: inline-block;
	padding: 0.1em 0.4em;
	border: 1px solid var(--sof-text-link);
	margin: 0 0.5em;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

.individual .entry-header img.avatar
{
	width: 100%;
}

.individual-type
{
	font-size: 120%;
	display: block;
	text-align: center;
	text-transform: uppercase;
}

.has-post-thumbnail .individual-type
{
	font-size: 240%;
	background: rgba(0, 0, 0, 0.15);
}

.page-template-page-people .type-page .entry-content
{
	padding: 1.5em 0;
}

.page-template-page-people .type-individual .individual-tags
{
	display: none;
}

.post-type-archive-individual #primary .entry-footer
{
	width: auto;
}



/*--------------------------------------------------------------
## Map Page
--------------------------------------------------------------*/

.page-template-page-map #primary .hentry
{
	margin-bottom: 0;
}

.page-template-page-map #primary .entry-header
{
	visibility: hidden;
	height: 30px;
	display: none;
}

.page-template-page-map #primary .entry-content.sof-map
{
	width: auto;
	margin-top: 7.4em;
}

.page-template-page-map #primary .entry-content.sof-map .gm-map
{
	width: 100% !important;
	height: 660px !important;
}

.page-template-page-map #primary .entry-footer
{
	padding-bottom: 0.5em;
}



/*--------------------------------------------------------------
## Forms, e.g. ACF, JetPack, Pledgeball etc
--------------------------------------------------------------*/

.entry-content .acf-form
{
	margin-bottom: 2em;
}

.entry-content .acf-form .acf-form-submit
{
	margin: 2em 0;
}

.entry-content .acf-form .acf-form-submit input,
.contact-submit .pushbutton-wide
{
	font-size: 140%;
}

.entry-content .acf-fields > .acf-field
{
	border-top: none;
}

.entry-content .acf-fields.-border
{
	background: transparent;
}

.entry-content a.button
{
	background: var(--sof-text-link); /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #555;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	outline: none;
	padding: 4px 10px;
	text-align: center;
	text-decoration: none;
	line-height: 16px;
}

.entry-content a.button:hover,
.entry-content a.button:focus
{
	background: #ededed;
	background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* W3C */
	border: 1px solid #bbb;
	color: #222;
	outline: none;
	text-decoration: none;
}



/*--------------------------------------------------------------
## Single Quote
--------------------------------------------------------------*/

#primary .quote-container
{
	background-color: var(--sof-background);
}

.single-quote #primary .quote-container
{
	padding: 9em 0 3em 0;
}

#primary .quote-container .quote
{
	background-color: var(--sof-text-quote);
	width: 60%;
	margin: 3em auto;
}

#primary .quote-container .quote-inner
{
	padding: 2em;
	position: relative;
}

.quote .quote-header
{
	padding-bottom: 1em;
}

.quote span.quote-about,
.quote span.quote-date
{
	display: block;
}

.quote .quote-about,
.quote .quote-date
{
	text-align: center;
}



/*--------------------------------------------------------------
## Single Statement Quote
--------------------------------------------------------------*/

.quote.quote-type-statement .quote-header:before
{
	content: "";
	display: block;
	position: absolute;
	background: transparent url("../images/textures/stripe-green.png") 0 0 no-repeat;
	background-size: contain;
	width: 52%;
	height: 40%;
}

.quote.quote-type-statement .quote-header
{
	float: left;
	width: 49%;
}

.quote.quote-type-statement .quote-header-inner
{
	transform: rotate(-4deg);
	position: absolute;
	top: 10%;
	left: 11%;
	width: 41%;
}

.insert-area .quote.quote-type-statement .quote-header-inner
{
	top: 8.9%;
	left: 10.2%;
}

#primary .quote.quote-type-statement h1.quote-title,
#primary .quote.quote-type-statement h2.quote-title,
.quote.quote-type-statement h1.quote-title,
.quote.quote-type-statement h2.quote-title
{
	margin: 0;
	font-size: 150%;
	line-height: 1;
	padding: 0;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
	color: var(--sof-text-heading);
	text-transform: uppercase;
}

.quote.quote-type-statement .quote-about,
.quote.quote-type-statement .quote-date
{
	text-align: left;
	line-height: 1.3;
	font-size: 0.9vw;
}

.quote.quote-type-statement .quote-title a
{
	text-decoration: none;
	color: var(--sof-text-link-header);
	font-size: 1.5vw;
}

#primary .quote.quote-type-statement .entry-content,
.quote.quote-type-statement .entry-content
{
	width: auto;
	margin: 0;
}

.quote.quote-type-statement .quote-image
{
	float: right;
	width: 50%;
	line-height: 0;
}

.quote.quote-type-statement .quote-content
{
	width: 44%;
	margin: 0 2%;
	margin-top: 20%;
}

.quote.quote-type-statement blockquote,
.quote.quote-type-statement blockquote p:before,
.quote.quote-type-statement blockquote p:after
{
	color: var(--sof-text-quote-blockquote);
	font-size: 120%;
}

@media all and (max-width: 1400px) {

	.quote.quote-type-statement .quote-about,
	.quote.quote-type-statement .quote-date
	{
		font-size: 1.2vw;
	}

	.quote.quote-type-statement .quote-title a
	{
		font-size: 1.8vw;
	}

}

@media all and (max-width: 1200px) {

	.quote.quote-type-statement .quote-content
	{
		font-size: 80%;
	}

}

@media all and (max-width: 876px) {

	.quote.quote-type-statement .quote-about,
	.quote.quote-type-statement .quote-date
	{
		font-size: 1.4vw;
	}

	.quote.quote-type-statement .quote-title a
	{
		font-size: 2vw;
	}

}

@media all and (max-width: 782px) {

	.quote.quote-type-statement .quote-header
	{
		width: 60%;
	}

	.quote.quote-type-statement .quote-header:before
	{
		width: 80%;
		height: 40%;
	}

	.quote.quote-type-statement .quote-header-inner,
	.insert-area .quote.quote-type-statement .quote-header-inner
	{
		top: 8%;
		left: 15%;
		width: 60%;
	}

	.quote.quote-type-statement .quote-inner
	{
		padding: 1.5em;
	}

	.quote.quote-type-statement .quote-image
	{
		float: none;
		width: auto;
		margin-top: 15%;
	}

	.quote.quote-type-statement .quote-image img
	{
		width: 100%;
	}

	.quote.quote-type-statement .quote-content
	{
		width: 96%;
		margin: 1em auto 0;
		font-size: 100%;
	}

	.quote.quote-type-statement .quote-about,
	.quote.quote-type-statement .quote-date
	{
		font-size: 2vw;
	}

	.quote.quote-type-statement .quote-title a
	{
		font-size: 4vw;
	}

}

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

	.quote.quote-type-statement .quote-header:before
	{
		width: 100%;
		background-size: cover;
		height: 230px;
		background-position: -170px -90px;
		left: 0;
		top: 0;
	}

	.quote.quote-type-statement .quote-image
	{
		margin-top: 90px;
	}

	.quote.quote-type-statement .quote-header-inner,
	.insert-area .quote.quote-type-statement .quote-header-inner
	{
		top: 20px;
		left: 20px;
		width: 90%;
		transform: rotate(-2deg);
	}

	.quote.quote-type-statement .quote-title
	{
		white-space: normal;
	}

	.quote.quote-type-statement blockquote,
	.quote.quote-type-statement blockquote p:before,
	.quote.quote-type-statement blockquote p:after
	{
		font-size: 100%;
	}

	.quote.quote-type-statement .quote-about,
	.quote.quote-type-statement .quote-date
	{
		font-size: 3vw;
	}

	.quote.quote-type-statement .quote-title a
	{
		font-size: 5vw;
	}

}



/*--------------------------------------------------------------
## Single Pledge Quote
--------------------------------------------------------------*/

.quote.quote-type-pledge .quote-about,
.quote.quote-type-pledge .quote-date
{
	text-align: left;
	line-height: 1.3;
	color: var(--sof-text-quote-chrome);
}

#primary .quote.quote-type-pledge .entry-content,
.quote.quote-type-pledge .entry-content
{
	width: auto;
	margin: 0;
}

#primary .quote.quote-type-pledge .entry-content .quote-title,
.quote.quote-type-pledge .entry-content .quote-title
{
	clear: none;
	color: var(--sof-heading-quote);
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#primary .quote.quote-type-pledge .entry-content .quote-i-pledge .quote-title,
.quote.quote-type-pledge .entry-content .quote-i-pledge .quote-title
{
	font-size: 300%;
	text-transform: uppercase;
}

.quote.quote-type-pledge .quote-image
{
	float: left;
	width: 50%;
	line-height: 0;
}

.quote.quote-type-pledge .entry-content .quote-i-pledge,
.quote.quote-type-pledge .quote-content,
.quote.quote-type-pledge .quote-citation
{
	margin-left: 52%;
}

.quote.quote-type-pledge .quote-content
{
	margin-bottom: 2em;
}

.quote.quote-type-pledge .quote-citation p
{
	margin: 0.2em 0;
}

.quote.quote-type-pledge blockquote,
.quote.quote-type-pledge blockquote p:before,
.quote.quote-type-pledge blockquote p:after
{
	color: var(--sof-text-quote-blockquote);
	font-size: 120%;
}

@media all and (max-width: 1200px) {

	.quote.quote-type-pledge .quote-content
	{
		font-size: 80%;
	}

}

@media all and (max-width: 782px) {

	.quote.quote-type-pledge .quote-image
	{
		float: none;
		width: auto;
	}

	.quote.quote-type-pledge .quote-image img
	{
		width: 100%;
	}

	.quote.quote-type-pledge .entry-content .quote-i-pledge,
	.quote.quote-type-pledge .quote-content,
	.quote.quote-type-pledge .quote-citation
	{
		margin: 0;
	}

	.quote.quote-type-pledge .entry-content .quote-i-pledge
	{
		position: absolute;
		top: 1em;
		font-size: 150%;
	}

	.quote.quote-type-pledge .entry-content .quote-i-pledge .quote-title
	{
		text-shadow: 0 0 20px var(--sof-text-quote);
	}

}

@media all and (max-width: 480px) {

	.quote.quote-type-pledge .entry-content .quote-i-pledge .quote-title
	{
		font-size: 200%;
	}

}



/*--------------------------------------------------------------
## Statement Quotes and Pledge Quotes as Shortcodes and Sliders
--------------------------------------------------------------*/

#quotes-statements .quotes-statements-title,
#quotes-pledges .quotes-pledges-title
{
	text-transform: uppercase;
	text-align: center;
}

.hentry .quote.quote-type-pledge,
.hentry .quote.quote-type-statement,
.insert-area .quote.quote-type-pledge,
.insert-area .quote.quote-type-statement
{
	padding: 1.5em;
	background: var(--sof-text-quote);
}

#quotes-statements,
#quotes-pledges
{
	background-color: var(--sof-heading-quote);
	color: var(--sof-text-quote);
}

#primary #quotes-statements,
#primary #quotes-pledges
{
	background-color: transparent;
}

#quotes-statements .quotes-statements-inner,
#quotes-pledges .quotes-pledges-inner
{
	width: 60%;
	margin: 0 auto;
}

#primary #quotes-statements .quotes-statements-inner,
#primary #quotes-pledges .quotes-pledges-inner
{
	width: 100%;
	margin: 0;
}

#primary #quotes-statements .quotes-statements-header,
#primary #quotes-pledges .quotes-pledges-header
{
	display: none;
}

/* Fix slider arrows */
.flexslider .flex-direction-nav a
{
	height: 50px;
}



/*--------------------------------------------------------------
## Press Coverage Archive & Include Common
--------------------------------------------------------------*/

.post-type-archive-press_coverage #primary .entry-content
{
	margin-top: 2em;
	margin-bottom: 2em;
}

.archive #primary .press_coverage
{
	margin-bottom: 1.5em;
}

.archive #primary .press_coverage .entry-title
{
	margin: 0;
}

.archive #primary .press_coverage .entry-title a
{
	color: var(--sof-text-link-header);
	text-decoration: none;
}

.archive #primary .press_coverage p
{
	width: auto;
	margin: 0.2em 0;
}

#primary .press-item-publisher
{
	font-size: 150%;
	text-align: center;
	text-transform: uppercase;
	color: var(--sof-text-heading);
}

#primary .press-item-date,
#primary .press-item-about,
#primary .press-item-image,
#primary .press-item-link
{
	text-align: center;
	margin-bottom: 1em;
}

#primary .press-item-link
{
	margin-bottom: 2em;
}

.archive #primary .press-item-publisher,
.archive #primary .press-item-date,
.archive #primary .press-item-about,
.archive #primary .press-item-image,
.archive #primary .press-item-link
{
	text-align: left;
	margin-bottom: 0;
}

.archive #primary .press-item-publisher
{
	font-size: 100%;
	text-transform: uppercase;
	color: var(--sof-text-press);
}

.press-coverage-type
{
	font-size: 240%;
	display: block;
	text-align: center;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0.15);
}



/*--------------------------------------------------------------
## Press Resources Archive & Include Common
--------------------------------------------------------------*/

.post-type-archive-press_resource #primary .loop-include-inner
{
	margin-top: 2em;
	margin-bottom: 2em;
}

#press-resource-type
{
	background-color: var(--sof-background);
	padding-top: 2em;
}

.archive #primary .press_resource .entry-title
{
	margin: 0.3em 0 0.3em 0;
	font-size: 150%;
	line-height: 1.2;
}

.archive #primary .press_resource .entry-title a
{
	color: var(--sof-text-link-header);
	text-decoration: none;
}

.archive #primary .press_resource p
{
	width: auto;
	margin: 0.2em 0;
}

#primary .press-resource-about
{
	margin-bottom: 1em;
}

#primary .press-resource-files
{
	margin-bottom: 2em;
}

.archive #primary .press-resource-about,
.archive #primary .press-resource-files
{
	text-align: left;
	margin-top: 0.3em;
	margin-bottom: 0;
}

.archive #primary .press-resource-files
{
	padding-left: 1em;
	list-style: square;
}

.press-resource-file p
{
	margin: 0.5em 0;
}

.press-resource-type
{
	font-size: 240%;
	display: block;
	text-align: center;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0.15);
	text-shadow: 0 0 15px #0a0933;
}

.press-resource-tags
{
	text-align: center;
	margin-top: 0.1em;
}

.press-resource-tags span a
{
	display: inline-block;
	padding: 0.1em 0.4em;
	border: 1px solid var(--sof-text-link);
	margin: 0 0.5em;
	text-decoration: none;
	text-transform: uppercase;
}



/*--------------------------------------------------------------
## Blog Archive
--------------------------------------------------------------*/

#blog
{
	color: var(--sof-text-content);
	background-color: var(--sof-background);
}

#blog .taxonomy-description
{
	width: 60%;
	margin: 0 auto;
	text-align: center;
}



/*--------------------------------------------------------------
## News styles
--------------------------------------------------------------*/

#blog .has-post-thumbnail .entry-header a:focus,
#blog .has-post-thumbnail .entry-header a:active
{
	/* TODO: Make this a variable. */
	color: #7c6f6a;
}

.loop-include .hentry.post .entry-header a
{
	width: 100%;
}

.loop-include .hentry.post .entry-header a:after
{
	background-color: inherit;
}

.loop-include .hentry.post .entry-title
{
	margin: 0.3em 0 0.3em 0;
	font-size: 150%;
	line-height: 1.2;
}

.loop-include .hentry.post .entry-title a
{
	text-decoration: none;
}

.loop-include .entry-header
{
	background-color: inherit;
}

.hentry.post .entry-content
{
	margin: 0;
	color: var(--sof-text-content);
	font-size: 0.9em;
	width: auto;
}

.hentry.post .entry-content p
{
	margin-top: 0;
}

#blog .blog-footer a
{
	text-decoration: none;
	text-transform: uppercase;
}



/*--------------------------------------------------------------
## News Include
--------------------------------------------------------------*/

#news
{
	background-color: var(--sof-background-news);
	color: var(--sof-text-content);
}

.loop-include .hentry.post
{
	background-color: inherit;
}

#news .news-title
{
	margin: 0;
	padding: 1em 0;
}

.hentry.post .entry-header
{
	background-color: inherit;
}

.hentry.post .entry-header a:after
{
	background-color: inherit;
}

#news .loop-insert-footer a
{
	border: 1px solid var(--sof-text-link);
	color: var(--sof-text-link);
}



/*--------------------------------------------------------------
## Author Archive
--------------------------------------------------------------*/

.author .page-header
{
	padding-bottom: 2em;
}

.author #blog .author-avatar
{
	width: 60%;
	margin: 0 auto;
}

.author #blog .author-avatar
{
	text-align: center;
}

.author #blog .author-avatar img
{
	max-width: 100%;
	height: auto;
	border-radius: 320px;
	margin-bottom: 1em;
}



/*--------------------------------------------------------------
## 404 - Not Found
--------------------------------------------------------------*/

.not-found
{
	width: auto;
	padding: 1px 0 20px 0;
	color: var(--sof-text-content);
	background-color: var(--sof-background);
}

.not-found .entry-title
{
	font-size: 1.5em;
	color: var(--sof-text-heading);
	text-transform: uppercase;
}

.not-found .entry-content
{
	padding: 2em 0;
}



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

.single .navigation
{
	padding: 1em 0 2em 0;
	background-color: var(--sof-background);
}

.single .navigation .nav-links
{
	width: 60%;
	margin: 0 auto;
}



/*--------------------------------------------------------------
## Responsiveness
--------------------------------------------------------------*/

@media all and (max-width: 1400px) {

	#primary .quote-container .quote
	{
		width: 80%;
	}

}

@media all and (max-width: 1200px) {

	#masthead
	{
	}

	#masthead .header-inner
	{
	}

	#masthead .header-inner .header-widgets
	{
	}

	/* Widen column */
	#primary #archive-header .entry-content,
	#primary .entry-header,
	#primary .comments-area,
	#primary .entry-footer,
	#colophon .footer-inner,
	.page-template-page-event #primary .event-intro-inner,
	#primary .event-list-inner,
	#events .events-inner,
	#events-past .events-inner,
	#pledge .pledge-inner,
	#quotes-pledges .quotes-pledges-inner,
	#quotes-statements .quotes-statements-inner,
	#search .search-posts,
	#subpages .subpages-inner,
	.not-found-inner,
	.single .navigation,
	.search.search-results #primary .site-main
	{
		width: 68%;
	}

	#primary .entry-content,
	#pledge .pledge-inner
	{
		width: 60%;
	}

}

@media all and (max-width: 1124px) {

}

@media all and (max-width: 1040px) {

	.main-navigation li a
	{
		padding: 1em 0.5em 0.7em 0.5em;
	}

}

@media all and (max-width: 1024px) {

	#masthead
	{
	}

	#masthead .header-inner
	{
	}

	#masthead .header-inner .nav-menu a
	{
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	#masthead .header-inner .nav-menu > li:first-child a
	{
		margin-top: 0;
	}

	#masthead .header-inner .header-widgets
	{
	}

	/* Widen column */
	#primary #archive-header .entry-content,
	#primary .entry-header,
	#primary .comments-area,
	#primary .entry-footer,
	#colophon .footer-inner,
	#primary .event-list-inner,
	#events .events-inner,
	#events-past .events-inner,
	#pledge .pledge-inner,
	#quotes-pledges .quotes-pledges-inner,
	#quotes-statements .quotes-statements-inner,
	#search .search-posts,
	#subpages .subpages-inner,
	.not-found-inner,
	.single .navigation,
	.search.search-results #primary .site-main
	{
		width: 80%;
	}

	.tax-description-inner,
	#primary .entry-content,
	#pledge .pledge-inner
	{
		width: 72%;
	}

	/* Singular Titles */
	#primary .has-post-thumbnail .entry-header h1,
	#primary .has-post-thumbnail .entry-header h2
	{
		font-size: 4em;
	}

}

@media all and (max-width: 950px) {

	.main-navigation li a
	{
	}

}

@media all and (max-width: 876px) {

	#masthead
	{
	}

	#masthead .header-inner
	{
	}

	#masthead .header-inner .header-widgets
	{
	}

	/* Widen column */
	#primary #archive-header .entry-content,
	#primary .entry-header,
	#primary .comments-area,
	#primary .entry-footer,
	#colophon .footer-inner,
	.page-template-page-event #primary .event-intro-inner,
	#primary .event-list-inner,
	#events .events-inner,
	#events-past .events-inner,
	#pledge .pledge-inner,
	#quotes-pledges .quotes-pledges-inner,
	#quotes-statements .quotes-statements-inner,
	#search .search-posts,
	#subpages .subpages-inner,
	.not-found-inner,
	.single .navigation,
	.search.search-results #primary .site-main
	{
		width: 96%;
	}

	.tax-description-inner,
	#primary .entry-content,
	#pledge .pledge-inner,
	#primary .quote-container .quote
	{
		width: 90%;
	}

	/* Singular Titles */
	#primary .has-post-thumbnail .entry-header h1,
	#primary .has-post-thumbnail .entry-header h2
	{
		font-size: 3em;
		padding: 4.5em 0 1.5em 0;
	}

}

@media all and (max-width: 876px) {

}

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

	#masthead
	{
		top: 80px;
	}

	#masthead .header-inner
	{
	}

	#masthead .header-inner .header-widgets
	{
		top: -80px;
		height: 80px;
		align-items: flex-start;
	}

	#masthead .header-inner .header-widgets .widget
	{
		margin-top: 10px;
	}

	.angled-right.angled-full
	{
		height: 230px;
	}

	.angled-right.angled-full:after
	{
		height: 244px;
		width: 65px;
		right: 30px;
		top: 0;
	}

	.angled-right.angled-medium
	{
		height: 200px;
	}

	.angled-right.angled-medium:after
	{
		height: 227px;
		width: 98px;
		right: 23px;
	}

	/* Singular Titles */
	#primary .entry-header h1,
	#primary .entry-header h2
	{
		font-size: 2.5em;
		margin: 5em 0 0;
	}

	#primary .has-post-thumbnail .entry-header h1,
	#primary .has-post-thumbnail .entry-header h2
	{
		font-size: 2.5em;
		padding: 7em 0 4em 0;
	}

	.tax-description-inner
	{
		width: 96%;
	}

	.home-page #primary .page .entry-content
	{
		width: 100%;
	}

}

@media all and (max-width: 440px) {

	#masthead
	{
	}

	#masthead .header-inner
	{
	}

	#masthead .header-inner .header-widgets
	{
	}

	#masthead .header-widgets .jetpack_widget_social_icons
	{
		min-width: 90px;
	}

	#masthead .header-widgets .jetpack-social-widget-list
	{
		margin-right: 0;
	}

	#masthead .header-widgets .widget_custom_html
	{
		position: absolute;
		left: 10px;
	}

	.site-title
	{
		width: 180px;
		background-size: 300%;
		background-position: -370px 4px;
		top: -25px;
	}

	.site-title a
	{
		background-size: 80%;
		margin: 5px 0 0 0;
	}

	/* Widen column */
	#primary .entry-footer,
	.page-template-page-event #primary .event-intro-inner,
	#primary .event-list-inner,
	#events .events-inner,
	#events-past .events-inner,
	#pledge .pledge-inner,
	#quotes-pledges .quotes-pledges-inner,
	#quotes-statements .quotes-statements-inner,
	#search .search-posts,
	#subpages .subpages-inner,
	.not-found-inner,
	.home-page #primary .page .entry-content
	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		overflow: hiddem;
	}

	/* Exceptions */
	#colophon .footer-inner,
	#primary .event-list-inner,
	#primary .entry-content,
	#pledge .pledge-inner,
	#primary #archive-header .entry-content,
	.event-intro
	{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	/* Move feature image upwards */
	.home-page #primary .page
	{
		/* background-position-y: -70px; */
	}

	/* Make feature image smaller */
	.home-page #primary .page .entry-content
	{
		/* Height: 300px; */
	}

	/* Adjust content of includes */
	#primary .event-list .event,
	#events .event,
	#events-past .event
	{
		margin: 0.5em 0;
	}

	.events-header,
	.news-header,
	.blog-header
	{
		padding: 0;
	}

	#search .search-posts,
	#subpages .subpages-inner,
	#events .events-inner,
	#events-past .events-inner,
	#pledge .pledge-inner,
	#quotes-pledges .quotes-pledges-inner,
	#quotes-statements .quotes-statements-inner
	{
		width: 90%;
		margin: 0 auto;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}

	.loop-insert-footer p
	{
		margin-bottom: 0.5em;
	}

	/* Singular Titles */
	#primary .has-post-thumbnail .entry-header h1,
	#primary .has-post-thumbnail .entry-header h2
	{
		padding: 6em 0 1em 0;
		font-size: 2.3em;
	}

	.entry-content blockquote
	{
		font-size: 1.1em;
	}

	#primary #event-the-ball .entry-content
	{
		font-size: 120%;
	}

}

@media all and (max-width: 400px) {

	.angled-right.angled-medium
	{
		height: 160px;
	}

	.angled-right.angled-medium:after
	{
		height: 173px;
		width: 45px;
		right: 21px;
		top: 0;
	}

}

@media all and (max-width: 340px) {

	#colophon .sof_network,
	#colophon .sof_network.network_white
	{
		width: 260px;
	}
}

@media all and (max-width: 340px) {

	#colophon .sof_network,
	#colophon .sof_network.network_white
	{
		width: auto;
	}
}