/*
Theme Name: Slingshot Three Masons Court
Theme URI: http://www.slingshot.co.uk/
Author: Slingshot Design Ltd
Author URI: http://www.slingshot.co.uk/
Description: Core for Slingshot themes 2017+. Very basic visually but provides common functionality to use with child themes.
Version: 126
License: License required. Contact for details. This theme is NOT licensed under the GPL.

Colours
Dark Blue: #273b62
Light Blue: #273b63
Very Light Blue: #D4EEFA
Mid Grey: #717277
Light Grey: #979B9D
*/


/* <s> Media Queries
----------------------------------------------------------------- */

@-ms-viewport {
 width: device-width;
}
 @viewport {
 width: device-width;
}


/* <s> Reset
---------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	max-width: 100%;
}
html {
	/*-webkit-overflow-scrolling: touch;*/
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	background-color: #fffef1;
	font-size: 16px;
	font-family: Times, "Times New Roman", serif;
}
body, button, input, select, textarea {
	line-height: 1.4;
}
body, button {
	color: #273b62;
}
html, body {
	width: 100%;
	margin: 0px;
	padding: 0px;/*overflow-x: hidden;*/
}

@media screen and (min-width: 769px) {
	body {
		font-size: 14px;
	}
}

@media screen and (min-width: 1280px) {
	body {
		font-size: 17px;
	}
}

/* <s> Clearing floats
---------------------------------------------------------------- */

.site:before, .site:after, .site-header:before, .site-header:after, .site-branding:before, .site-branding:after, .site-main:before, .site-main:after, .article-content:before, .article-content:after, .site-sidebar:before, .site-sidebar:after, .site-before-footer:before, .site-before-footer:after, .site-footer:before, .site-footer:after, .site-footer-content:before, .site-footer-content:after, .post-navigation:before, .post-navigation:after, .site-after-footer:before, .site-after-footer:after{
	content: "";
	display: table;
}
.site:after, .site-header:after, .site-branding:after, .site-main:after, .article-content:after, .site-sidebar:after, .site-before-footer:after, .site-footer:after, .site-footer-content:after, .post-navigation:after, .site-after-footer:after{
	clear: both;
}

/* <s> Box Sizing
---------------------------------------------------------------- */

.site, .site-pre-header, .site-pre-header-content, .site-header, .site-header-content, .site-title-desc, .site-navigation, .nav-menu, .sub-menu, .site-navigation ul ul li a, .menu-item-basket, .site-before-footer, .site-footer, .site-footer-content, .site-after-footer, .footer-credit, .widget-content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* <s> Spacing
---------------------------------------------------------------- */
.site-header-content {
	padding: 0 20px;
}
.wp-custom-logo .site-branding {
	padding: 20px 0 5px 0;
}
.site-main {
	margin: 0;
}
.article-single{
	padding: 0 20px 20px 20px;
}
.page-template-page-homepage .site-main {
	padding-bottom: 0;
}
.site-before-footer, .site-footer-content, .site-after-footer {
	padding: 20px;
}

.article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content p{
	max-width: 1366px;
	margin: 1em auto;
}

@media screen and (min-width: 769px) {

	.site-header-content {
		padding: 0 30px;
	}
	.custom-logo .site-branding {
		padding: 30px 0;
	}
	.lines-button .menu-text {
		display: inline;
	}
	.menu-style-2 .responsive-menu-icon {
		right: 30px;
	}
	.menu-style-3 .responsive-menu-icon {
		left: 30px;
	}
	.site-main {
		margin: 0;
	}
	.article-single {
		padding: 0 30px 30px 30px;
	}
	.site-footer-content {
		padding: 30px;
	}
	
}

@media screen and (min-width: 1280px) {
	.site-header-content {
	 padding: 0 40px;
	}
	.wp-custom-logo .site-branding {
	 padding: 25px 0 5px 0;
	}
	.menu-style-2 .responsive-menu-icon {
	 right: 40px;
	}
	.menu-style-3 .responsive-menu-icon {
	 left: 40px;
	}
	.site-navigation a {
	 padding: 0.5em 40px;
	}
	.site-navigation .sub-menu a {
	 padding: 0.2em 40px;
	}
	.site-navigation .search-form {
	 padding: 1em 40px 0em 40px;
	}
	.site-main {
	 margin: 0;
	}
	.article-single {
	 padding: 0 40px 40px 40px;
	}
	.site-footer-content {
	 padding: 40px;
	}
	.menu-desktop .site-navigation {
	 padding: 0 40px 0 340px;
	}
	 .menu-desktop .site-navigation .menu-item-wide {
	 margin-right: 6em;
	}

}


/* <s> Type
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .site-before-footer, .footer-navigation, .social-media-intro, .site-pre-header,
.wp-block-pullquote blockquote p, .featured-image .thumbnail-text{
	font-style: normal;
	line-height: 1.2;
	white-space: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0.6em 0;
	color: #273b62;
}
h4, h5, h6 {
	font-weight: bold;
}
h1 {
	font-size: 32px;
}
h2{
	font-size: 30px;
}
h3,
.wp-block-pullquote.is-style-solid-color blockquote p{
	font-size: 24px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 17px;
}
p {
	/*font-size: 16px;*/
	margin: 1em 0;
	line-height: 1.5em;
}
a {
	color: #273b62;
	text-decoration: none;
}
.article-content a{
	text-decoration: underline;
}
a:focus {
}
a:hover, a:active {
	color: #273b63;
	outline: 0;
}
h1, h2, h3, h4, h5, h6, .site-title-desc, .wp-block-pullquote.is-style-solid-color blockquote p {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.site-before-footer p{
	font-size: 20px;
	margin: 0.3em 0;
}

.site-description{
	color: #fffef1;
	font-size: 15px;
	margin: 0;
	padding: 5px 0 1em 0;
	line-height: 1;
}


 @media screen and (min-width: 769px) {

	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 22px;
	}
	h3,
	 .wp-block-pullquote.is-style-solid-color blockquote p{
		font-size: 18px;
	}
	h4 {
		font-size: 17px;
	}
	h5 {
		font-size: 15px;
	}
	h6 {
		font-size: 14px;
	}
	p {
		/*font-size: 14px;*/
	}
	 
}

@media screen and (min-width: 1280px) {
	
	h1 {
	 font-size: 44px;
	}
	h2 {
	 font-size: 34px;
	}
	h3,
	.wp-block-pullquote.is-style-solid-color blockquote p{
	 font-size: 26px;
	}
	h4 {
	 font-size: 22px;
	}
	h5 {
	 font-size: 20px;
	}
	h6 {
	 font-size: 18px;
	}
	p {
		/*font-size: 17px;*/
	}
	
	.site-before-footer p{
		font-size: 25px;
	}
	
	.site-description{
		font-size: 18px;
	}

}

/* <s> Other textual content
------------------------------------------------------------------------------*/

b, strong {
	font-weight: 600;
}
cite, dfn, em, i {
	font-style: italic;
}
blockquote, q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}
blockquote {
	padding: 0 1em;
	margin: 1em 0;
	background-color: #D4EEFA;
}
blockquote cite, blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	line-height: 1.5;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote strong, blockquote b {
}
small {
	font-size: 65%;
}
big {
	font-size: 125%;
}
sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
dl {
	margin-bottom: 24px;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 24px;
}
ul, ol {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}
ul {
	list-style-type: disc;
	list-style-position: inside;
}
ol {
	list-style:lower-alpha;
	list-style-position: inside;
}
li > ul, li > ol {
	margin: 0 0 0 20px;
}
li{
	margin-bottom: 0.6em;
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
figure {
	margin: 0;
}
table, th, td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}
td {
	border-width: 0 1px 1px 0;
}
del {
}

hr.is-style-wide {
	height: 5px;
	clear: both;
	width: 100vw;
	position: relative;
}

.article-content hr {
	border-bottom: 1px solid #273b63;
	border-top: 5px solid #273b63;
	margin: 3em 0 5px 0;
	left: -20px;
}

.site-header hr {
	border-bottom: 1px solid #fffef1;
	border-top: 5px solid #fffef1;
	margin: 0 0 5px 0;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #989898;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
 background: #989898;
 color: #fff;
 text-shadow: none;
}

@media screen and (min-width: 769px) {
	.article-content hr.is-style-wide {
		left: -30px;
	}
}

@media screen and (min-width: 1280px) {
	.article-content hr.is-style-wide {
		left: -40px;
	}
}

/* <s> Forms
---------------------------------------------------------------- */

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 1em;
}
legend {
	white-space: normal;
}
button, input, select, textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}
button, input {
	line-height: normal;
}
input, textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
}
 input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
input, textarea {
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 8px 0px 8px 10px;
}
textarea {
	width: 100%;
}
input:focus, textarea:focus {
	border: 1px solid rgba(0, 0, 0, 0.3);
	outline: 0;
}

/* <s> Form Buttons
---------------------------------------------------------------- */

input[type="button"], input[type="reset"], input[type="submit"] {
	background-color: #989898;
	border: 0;
	color: #FFFFFF;
	padding: 9px 18px;
	vertical-align: bottom;
}
input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
	background-color: #353535;
	color: #FFFFFF;
}
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
	background-color: #353535;
}
.search-field {
	width: 100%;
}
.search-submit {
	display: none;
}

/* Placeholder text color -- selectors need to be separate to work. */

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

:-moz-placeholder {
 color: #999999;
}

::-moz-placeholder {
 color: #999999;
 opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
 color: #999999;
}


/* <s> Textual Buttons
---------------------------------------------------------------- */

.wp-block-button__link,
.wp-block-file .wp-block-file__button,
.wp-block-file a.wp-block-file__button:visited
.highlight-btn, .highlight-btn-alt {
	padding: 6px 18px;
	color: #fffef1!important;
	background-color: #273b62!important;
	text-shadow: none;
	text-decoration: none!important;
	display: inline-block;
	text-align: center;
	border: solid 1px #273b62;
	font-size: 18px;
	border-radius: 40px;
}
.wp-block-file .wp-block-file__button {
	padding: 2px 16px;
	margin-left: 0;
}
.wp-block-file > a:first-child{
	margin-right: .75em
}

.wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover,
.highlight-btn:hover {
	color: #273b62!important;
	background-color: #fffef1!important;
}

.highlight-btn-p {
	padding: 0.6em 1em;
	margin: 0;
}
.highlight-btn-alt {
	padding: 0.6em 1em;
	color: #FFFFFF;
	background-color: #353535;
	display: inline-block;
	text-decoration: none!important;
}
.highlight-btn-alt:hover {
	color: #FFFFFF;
	background-color: #14822C;
}
.highlight-box {
	padding: 1em 1em 0 1em;
	margin: 0 0 1.5em 0;
	background-color: rgba(0, 0, 0, 0.1);
}
.lowlight-box {
	padding: 1em 1em 0 1em;
	margin: 0 0 1.5em 0;
	color: #FFFFFF;
	background-color: rgba(0, 0, 0, 0.85);
}

@media screen and (max-width: 678px){
	/*.wp-block-file a.wp-block-file__button{
		display: block;
		margin-left: 0;
		margin-top: 1em;
	}*/
}


/* <s> Responsive images
---------------------------------------------------------------- */

.comment-content img, .article-content img, .entry-summary img, .site-header img, .widget img, .wp-caption {
	max-width: 100%;
}
/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.comment-content img[height], .article-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], .site-header img {
	height: auto;
}
img.size-large, img.size-medium, .wp-post-image, .article-thumbnail img {
	height: auto;
	width: 100%;
}

@media screen and (min-width: 769px) {
	.article-content img.size-medium {
		width: 49%;
	}
	.wp-caption {
		width: auto;
	}
}

/* <s> Make sure embeds and iframes fit their containers
---------------------------------------------------------------- */
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
	max-width: 100%;
	height: auto;
}
embed, iframe, object {
	margin-bottom: 1.5em;
	max-width: 100%;
}
p > embed, p > iframe, p > object, span > embed, span > iframe, span > object {
	margin-bottom: 0;
}

/* <s> Make embedded iframes responsive
---------------------------------------------------------------- */
.embed-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.embed-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* <s> User selected Alignment
---------------------------------------------------------------- */

.alignleft, .alignright, .aligncenter {
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
blockquote.alignleft, img.alignleft {
	margin: 0 0 1em 0;
}
.wp-caption.alignleft {
	margin: 0 0 1em 0;
}
blockquote.alignright, img.alignright {
	margin: 0 0 1em 0;
}
.wp-caption.alignright {
	margin: 0 0 1em 0;
}
blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter, img.alignnone {
	margin-top: 0;
	margin-bottom: 1em;
}
.wp-caption {
	width: auto;
	margin-bottom: 2em;
	position: relative;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}
.wp-caption {
	color: #767676;
}
.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 5px 14px;
	background-color: rgba(0,0,0,0.5);
	color: #FFF;
	margin: 0;
}
.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

@media screen and (min-width: 769px) {
	
	.alignleft {
		float: left;
	}
	.alignright {
		float: right;
	}
	blockquote.alignleft, img.alignleft {
		margin: 0px 1em 1em 0;
	}
	.wp-caption.alignleft {
		margin: 0px 1em 1em 0;
	}
	blockquote.alignright, img.alignright {
		margin: 0 0 30px 2%;
	}
	.wp-caption.alignright {
		margin: 0 0 30px 2%;
	}
	
}


/* <s> Assistive text
---------------------------------------------------------------- */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* <s> Container
 ----------------------------------------------------------------------------- */

.site {
	position: relative;
	margin: 0 auto;/*max-width: 1255px;*/
}
.min-headfoot-bg .site-pre-header, .min-headfoot .site-pre-header, .min-headfoot .site-pre-header-content, .min-headfoot-bg .site-header, .min-headfoot-bg .site-post-header, .min-headfoot .site-post-header-content, .min-headfoot-bg .site-before-footer, .min-headfoot-bg .site-after-footer, .min-headfoot-bg .site-footer, .min-headfoot .site-header-content, .min-headfoot .site-before-footer-content, .min-headfoot .site-after-footer-content, .min-headfoot .site-footer-content, .min-content-bg .site-main, .min-content .site-main .site-main-content, .min-featimg .flexslider, .min-featimg .featured-image {
	max-width: 1444px;
	margin: 0 auto;
}


/* <s> Header
----------------------------------------------------------------------------- */

/* Ensure that there is no gap between the header and
   the admin bar for WordPress versions before 3.8. */
#wpadminbar {
	min-height: 32px;
}
.site-header {
	position: relative;
	width: 100%;
	z-index: 999;
	padding: 0;
	margin: 0;/*-webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.3);*/
}
.site-header-content {
	position: relative;
}
.site-branding {
	text-align: center;
	position: relative;
}
.site-branding {
	text-align: center;
	z-index: 999;
	width: auto;
	margin: 0 auto;
}
.site-branding a {
	display: inline-block;
}
.site-branding,
img.custom-logo {
	max-width: 260px;
}
.site-title-desc {
	text-align: center;
}
.site-title-desc {
	text-align: center;
	z-index: 998;
}
.site-title-desc .site-title {
	margin: 0;
	display: none;
}
.has-site-title .site-title-desc {
}
.site-description {
	margin: 0;
}

/* custom header img */
.has-site-header-img .site-header {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.site-header-content {
		position: relative;
	}
	
	.no-site-title .custom-logo {
		margin: 0;
	}
	.site-post-header .widget {
		margin: 0;
	}
}

@media screen and (min-width: 1280px) {
	.site-branding,
	img.custom-logo {
	max-width: 306px;
}
}

/* <s> Navigation
----------------------------------------------------------------------------- */

.site-navigation {
	color: #353535;
	font-size: 1.4em;
	text-align: left;
	position: relative;
}
.site-navigation, .site-navigation ul, .site-navigation li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.site-navigation.toggled-on {
	padding-bottom: 1em;
}
.site-navigation .nav-menu {
}
.site-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.site-navigation li {
	border-bottom: 1px solid rgba(0,0,0,0.10);
}
.site-navigation li:last-child {
	border-bottom: none;
}
.site-navigation ul ul li {
	font-size: 90%;
}
.site-navigation ul ul li a:before {
	content: '-';
	padding-right: 0.5em;
}
.site-navigation ul ul li:first-child {
	border-top: 1px solid rgba(0,0,0,0.10);
}
.site-navigation ul ul li:last-child {
	border: none;
}
.site-navigation a {
	color: #717277;
	display: block;
	padding: 0.5em 0;
}
.site-navigation a:hover {
	color: #273b63;
}
.site-navigation .sub-menu a {
	padding: 0.3em 20px;
}

/* current menu item */
.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a {
	color: #273b63;
}
.site-navigation ul ul li:first-child {
	border-top: 1px solid rgba(255,255,255,0.50);
}

/* specific links */

.site-navigation .menu-item-basket {
	display: none;
}
.site-navigation .menu-item-basket a:before, .site-navigation .menu-item-basket a:before {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #989898;
	padding-right: 0.25em;
}
.site-navigation .menu-item-basket a, .site-navigation .menu-item-basket a {
	/*padding-left: 3em;*/
	position: relative;
}
.site-navigation .menu-item-basket a:before, .site-navigation .menu-item-basket a:before {
	content: '\f291';
}
.site-navigation .menu-item-basket a .count {
	position: absolute;
	left: 10px;
	top: 5px;
	font-size: 10px;
	border-radius: 50%;
	padding: 2px;
	background-color: #FF0000;
	width: 10px;
	height: 10px;
	color: #FFFFFF;
	text-align: center;
	line-height: 9px;
}
.site-navigation .menu-item-basket a .amount {
	font-size: 80%;
}
/* menu toggle */

.site-navigation {
	display: none;
	padding: 0;
}
/* menu and close */

.responsive-menu-icon {
	padding: 0 0 0.5em 0.2em;
}
.lines-button .menu-text {
	/*display:none;*/
	text-transform: uppercase;
	font-size: 140%;
	position: relative;
	top: 6px;
	left: 4px;
	color: rgba(0, 0, 0, 0.60);
}

.menu-style-2 .responsive-menu-icon {
	position: absolute;
	right: 20px;
	padding: 0;
	top: 50px;
	/*top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);*/
}
.menu-style-3 .responsive-menu-icon {
	position: absolute;
	left: 20px;
	padding: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.responsive-menu-icon {
	cursor: pointer;
	z-index: 1002;/*background-color: rgba(255, 255, 255, 0.4);*/
}
.lines-button {
	background: 0;
	background-color: transparent!important;
	border: 0;
	cursor: pointer;
	display: inline-block;
	outline: 0;
	user-select: none;
	padding: 0.25em 0em 1em 0em;
}
.lines-button .lines {
	transition: background .2s .2s ease;
	background: rgba(0, 0, 0, 0.60);
	display: inline-block;
	height: 3px;
	position: relative;
	transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-webkit-transition: .2s;
	width: 28px;
}
.lines-button .lines:before, .lines-button .lines:after {
	background: rgba(0, 0, 0, 0.60);
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transition: top .2s .2s ease, transform .2s ease;
	-ms-transition: top .2s .2s ease, -ms-transform .2s ease;
	-moz-transition: top .2s .2s ease, -moz-transform .2s ease;
	-o-transition: top .2s .2s ease, -o-transform .2s ease;
	-webkit-transition: top .2s .2s ease, -webkit-transform .2s ease;
}

/* Colour Schemes */
.header-dark .lines-button .lines,
.header-dark .lines-button .lines:before,
.header-dark .lines-button .lines:after {
	background: rgba(255, 255, 255, 0.50);
}

.lines:before {
	top: 10px;
}
.lines:after {
	top: -10px;
}
.lines:before, .lines:after {
	content: '';
	display: inline-block;
	height: 3px;
	left: 0;
	position: absolute;
	transform-origin: 1px center;
	-ms-transform-origin: 1px center;
	-moz-transform-origin: 1px center;
	-o-transform-origin: 1px center;
	-webkit-transform-origin: 1px center;
	width: 28px;
}
.responsive-menu-icon.close .lines-button .lines:before {
	transform: rotate3d(0, 0, 1, 45deg);
	-ms-transform: rotate3d(0, 0, 1, 45deg);
	-moz-transform: rotate3d(0, 0, 1, 45deg);
	-o-transform: rotate3d(0, 0, 1, 45deg);
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
}
.responsive-menu-icon.close .lines-button .lines:after {
	transform: rotate3d(0, 0, 1, -45deg);
	-ms-transform: rotate3d(0, 0, 1, -45deg);
	-moz-transform: rotate3d(0, 0, 1, -45deg);
	-o-transform: rotate3d(0, 0, 1, -45deg);
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
}
.responsive-menu-icon.close .lines-button .lines:before, .responsive-menu-icon.close .lines-button .lines:after {
	/*background: #989898;*/
	transition: top .2s ease, transform .2s .2s ease;
	-ms-transition: top .2s ease, -ms-transform .2s .2s ease;
	-moz-transition: top .2s ease, -moz-transform .2s .2s ease;
	-o-transition: top .2s ease, -o-transform .2s .2s ease;
	-webkit-transition: top .2s ease, -webkit-transform .2s .2s ease;
	top: 0;
	width: 28px;
}
.responsive-menu-icon.close .lines-button .lines {
	background: transparent;
	transition: background .2s 0 ease;
	-ms-transition: background .2s 0 ease;
	-moz-transition: background .2s 0 ease;
	-o-transition: background .2s 0 ease;
	-webkit-transition: background .2s 0 ease;
}

/* menu search */
.site-navigation .search-form {
	padding: 1em 20px 0em 20px;/*border-top: 1px solid rgba(0, 0, 0, 0.10);*/
}

@media screen and (min-width: 769px) {

	.site-navigation a {
		padding: 0.5em 30px;
	}
	.site-navigation .sub-menu a {
		padding: 0.2em 30px;
	}
	/*.site-navigation li .current_page_item > a, .site-navigation li .current_page_ancestor > a, .site-navigation li .current-menu-item > a, .site-navigation li .current-menu-ancestor > a {
		color: #fff;
	}*/
	.scrolled-on .site-navigation li .current_page_item > a, .scrolled-on .site-navigation li .current_page_ancestor > a, .scrolled-on .site-navigation li .current-menu-item > a, .scrolled-on .site-navigation li .current-menu-ancestor > a {
		color: #000;
	}
	.menu-desktop .site-navigation ul ul li:first-child {
		border-top: none;
	}
	.menu-desktop .site-navigation {
		display: inline;
		font-size: 12pt;
		font-weight: 700;
		padding: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: auto;
		position: absolute;
		bottom: 20px;
		/*top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);*/
	}
	.menu-desktop.page-template-page-homepage .site-navigation {
		border-bottom: none;
	}
	.menu-desktop.has-site-title .site-navigation, .menu-desktop.has-site-title .site-navigation {
		top: 67%;
	}
	.menu-desktop .site-navigation {
		text-align: right;
		width: 100%;
		padding: 0 30px 0 190px;
		margin: 0 auto;
	}
	.min-headfoot.menu-desktop .site-navigation {
		max-width: 1444px;
		left: 0;
		right:0;
	}
	.menu-desktop .responsive-menu-icon {
		display: none;
	}
	.menu-desktop .site-navigation .menu-toggle {
		display: none;
	}
	.menu-desktop .site-navigation .nav-menu {
		display: inline-block;
		top: 0;
		border-top: none;
		position: relative;
		width: 100%;
	}
	.menu-desktop .site-navigation.toggled-on {
		border-bottom: 0;
		margin: 0;
		padding: 0;
	}
	.menu-desktop .site-navigation ul {
		background-color: transparent;
	}
	.menu-desktop .site-navigation li {
		display: inline;
		position: relative;
	}
	.menu-desktop .site-navigation > ul > li {
		border: 0;
	}
	.menu-desktop .site-navigation .sub-menu li {
		border-bottom: 1px solid #2F2F2F;
	}
	.menu-desktop .site-navigation > ul > li:first-child {
		padding-top: 0;
	}
	.menu-desktop .site-navigation a {
		display: inline-block;
		padding: 0.25em 0.5em;
		white-space: nowrap;
	}
	.menu-desktop .site-navigation > ul > li:first-child a {
		padding-left: 0;
	}
	.menu-desktop .site-navigation > ul > li:last-child a {
		padding-right: 0;
	}
	.menu-desktop .site-navigation li:last-child a {
		border-right: none;
	}
	.menu-desktop .site-navigation ul ul {
		margin: 0;
		position: absolute;
		left: 0;
	 left: -webkit-calc((240px - 100%) / 2 * -1);
	 left: calc((240px - 100%) / 2 * -1);
		display: none;
		z-index: 99999;
		padding: 18px 0 0 0;
		text-align: left;
		font-size: 1em;
		width: 240px;
	}
	/* arrowhead */
	.menu-desktop .site-navigation ul ul:before {
		pointer-events: none;
		position: absolute;
		z-index: -1;
		content: '';
		border-style: solid;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: top;
		transition-property: top;
		left: 45%;
		left: -webkit-calc(50% - 8px);
		left: calc(50% - 8px);
		top: 10px;
		border-width: 0 8px 8px 8px;
		border-color: transparent transparent #2F2F2F transparent;
	}
	.menu-desktop .site-navigation ul ul li {
		padding: 0;
		width: 100%;
		text-align: left;
	}
	.menu-desktop .site-navigation li li {
		border: 0;
		display: block;
		height: auto;
		line-height: 1.0909090909;
	}
	.menu-desktop .site-navigation ul ul li a {
		color: #FFFFFF;
		display: inline-block;
		white-space: normal;
		width: 100%;
		background-color: #2F2F2F;
		padding: 0.25em 1em;
	}
	.menu-desktop .site-navigation ul ul li:first-child a {
		padding-top: 1.25em;
	}
	.menu-desktop .site-navigation ul ul li:last-child a {
		border-bottom: none;
		padding-bottom: 1.25em;
	}
	.menu-desktop .site-navigation ul ul li a:before {
		content: '';
		padding-right: 0;
	}
	.menu-desktop .site-navigation ul ul li a:hover, .site-navigation ul ul li.focus > a {
		color: #989898;
	}
	.menu-desktop .site-navigation ul li:hover > ul, .site-navigation ul li:active > ul, .site-navigation ul li.focus > ul {
		/*left: 7px;*/
		display: block;
	}
	.menu-desktop .site-navigation ul ul li:hover > ul, .site-navigation ul ul li:active > ul, .site-navigation ul ul li.focus > ul {
		left: 100%;
	}
	.menu-desktop .site-navigation li .menu-item-has-children > a, .site-navigation li .page_item_has_children > a {
		padding-right: 20px;
		width: 168px;
	}
	.menu-desktop .site-navigation ul ul ul {
		left: -999em;
		top: 0;
	}
	
	/* menu search */
	.site-navigation .search-form {
		padding: 1em 30px 0em 30px;
	}
	
	/* specific menu items */
	
	.menu-desktop .site-navigation li.faqs{
		font-family: 'Fredoka One', Helvetica, Arial, "sans-serif";
		text-align: right;
		font-size: 14pt;
		position: absolute;
		bottom: 70px;
		right: 0;
	}
	
	.menu-desktop .site-navigation li.faqs a{
		color: #FFFFFF;
		background-color: #273b62;
		padding: 15px 15px 10px 15px!important;
		-webkit-box-shadow: -5px 5px 0 0 #000000;
		box-shadow: -5px 5px 0 0 #000000;
	}
	.menu-desktop .site-navigation li.faqs.current-menu-item a,
	.menu-desktop .site-navigation li.faqs a:hover{
		background-color: #273b63;
	}
	
	
	
}


@media screen and (min-width: 1280px) {
	.menu-desktop .site-navigation {
		padding: 0 40px 0 280px;
		bottom: 35px;
		font-size: 15pt;
	}
	
	/* specific menu items */
	
	.menu-desktop .site-navigation li.faqs{
		font-size: 16pt;
		bottom: 92px;
	}
	
	.menu-desktop .site-navigation li.faqs a{
		padding: 15px 20px 10px 20px!important;
	}
	
}


/* <s> Before Footer
----------------------------------------------------------------------------- */

.site-before-footer-content, .site-footer-content {
	position: relative;
}
.site-before-footer {
	color: rgba(255,255,255,0.80);
	text-align: center;
}
.site-before-footer .widget_text {
	margin-bottom: 0;
}
.site-before-footer .widget_text img {
	margin: 0 10px 10px 10px;
}
.site-before-footer a,
.site-before-footer .widget_text .widget-title {
	color: #FFFFFF;
}
.site-before-footer a:hover{
	color: #000000;
}

/* <s> Footer
----------------------------------------------------------------------------- */

.site-footer-content {
}
.site-footer p {
	line-height: 1.4;
}
.site-footer a {
	color: #353535;
}
.site-footer a:hover {
	color: rgba(0,0,0,0.40);
}

/* Colour Schemes */
.footer-dark .site-footer, .footer-dark .site-footer a, .footer-dark .site-before-footer a {
	color: #FFFFFF;
}
.footer-dark .site-footer a:hover, .footer-dark .site-before-footer a:hover {
	color: rgba(255,255,255,0.50);
}

.site-footer .widget {
	padding: 10px 0;
	margin: 10px 0;
	border-bottom: 1px solid rgba(0,0,0,0.20);
}
.site-footer .widget:last-child {
	border-bottom: none;
}
.site-footer .widget-title {
	margin: 0;
}
.site-footer .widget li {
	margin: 0 0 0.5em 0;
}

.footer-navigation {
}
.footer-navigation ul {
	list-style: none;
	margin: 0;
}
.footer-navigation li {
	display: inline;
	white-space: nowrap;
}
.footer-navigation a {
	display: inline-block;
	padding: 0.5em 0.8em;
	white-space: nowrap;
}

/* <s> After Footer
----------------------------------------------------------------------------- */

.site-after-footer-content {
	text-align: center;
}
.site-after-footer-content .widget{
	display: block;
	padding: 20px;
	max-width: 100%;
}

.footer-credit {
	font-size: 10px;
	padding: 2em 1em;
	clear: both;
	text-align: center;
	margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
}
.footer-credit p {
	margin: 0px;
	font-size: 10px;
}
.footer-credit img {
	position: relative;
	left: 0px;
	top: 0px;
}
.footer-credit a {
	color: rgba(255,255,255,0.50);
	text-decoration: none;
	opacity: 0.5;
}
.footer-credit a:hover {
	color: #FFFFFF;
	opacity: 1;
}

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

	.site-before-footer {
	}
	.site-before-footer .widget_text img {
		margin: 0 20px 20px 20px;
	}
	.site-footer .widget {
		margin-bottom: 0;
		border-bottom: none;
	}
	
	.site-after-footer-content {
		display: flex;
		flex-wrap: nowrap;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.site-after-footer-content .widget{
		display: inline-block;
		padding: 10px;
		flex: 1;
		align-items: center;
	}
	
}

@media screen and (min-width: 1280px) {

	.site-after-footer-content .widget{
		padding: 10px 20px;
	}
	
}

/* <s> Social Networks
----------------------------------------------------------------- */

.social-media {
	list-style: none;
	display: block;
}
.social-media-intro {
	padding-top: 1em;
}
.social-media li {
	display: inline;
	margin: 0.6em;
	text-align: center;
}
.social-media li:first-child {
	margin-left: 0;
}
.social-media li:last-child {
	margin-right: 0;
}
.social-media a {
	font-size: 22px;
	color: #FFFFFF;
	display: inline-block;
}
.social-media .fa {
	width: 38px;
	height: 38px;
	/*border-radius: 50%;*/
	line-height: 38px;
}
.social-media .fa:hover {
	color: #FFFFFF;
	background-color: #353535;
}
.social-media .fa-twitter {
	background-color: #3FA9F5;
}
.social-media .fa-facebook {
	background-color: #475C99;
}
.social-media .fa-linkedin {
	background-color: #007bb5;
}
.social-media .fa-youtube, .social-media .fa-youtube-play {
	background-color: #E5302E;
}
.social-media .fa-pinterest {
	background-color: #cb2027;
}
.social-media .fa-google-plus {
	background-color: #dd4b39;
}
.social-media .fa-instagram {
	background-color: #e4405f;
}

/* <s> Sidebar
----------------------------------------------------------------------------- */

.site-sidebar {
	/*padding: 1em;*/
	margin: 0 0 1.5em 0;
}
.site-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.site-sidebar .widget {
	padding-bottom: 1em;
	margin-bottom: 2em;
	border-bottom: 1px solid #D9D9D9;
}
.site-sidebar .widget:last-child {
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.sidebar .widget {
	margin-bottom: 1.5em;
}
.sidebar .widget-title {
	margin-bottom: 1.5em;
}
.widget ul {
	padding: 0;
	list-style: none;
}
.site-sidebar ul ul {
	font-size: 95%;
	text-indent: 0.5em;
}
.site-sidebar ul ul ul {
	font-size: 90%;
	text-indent: 1em;
}
.site-sidebar ul ul ul ul {
	font-size: 85%;
	text-indent: 1.5em;
}
.site-sidebar .widget ul > li {
	margin-bottom: 1em;
	line-height: 1.1
}
.site-sidebar .widget > ul > li > ul li {
	margin-bottom: 0.5em;
}
.site-sidebar .widget ul.children {
	margin-top: 0.5em;
}
.site-sidebar a {
	color: #353535;
	display: block;
}
.site-sidebar a:hover, .site-sidebar .current_page_item > a {
	color: #989898;
}


/* <s> Widgets
----------------------------------------------------------------------------- */

.sscouk-recent-posts{
	margin-bottom: 20px;
}
.sscouk-recent-posts p{
	margin: 0;
}
.sscouk-recent-posts a:not(.wp-block-button__link):not(.more-link){
	text-decoration: none;
	color: #353535;
}
.sscouk-recent-posts .entry-title{
	font-weight: bold;
}

.sscouk-recent-posts li{
	border-bottom: 1px solid rgba(0,0,0,0.10);
	padding-bottom: 20px;
	margin-bottom: 20px
}
.sscouk-recent-posts li:last-child{
	border-bottom: none;
	padding-bottom: 0;
}

/* <s> Gallery
----------------------------------------------------------------------------- */
.wp-block-gallery{
	width: 100vw;
	left: -20px;
	position: relative;
	margin: 0 0 3em 0;
}
.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item{
	margin: 0;
}

.wp-block-gallery.last{
	margin-bottom: 0;
}

@media screen and (min-width: 600px) {
	.wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item{
		margin-right: 0;
	}
	
}

@media screen and (min-width: 769px) {
	.wp-block-gallery{
		left: -30px;
	}
}

@media screen and (min-width: 1280px) {
	.wp-block-gallery{
		left: -40px;
	}
}

/* <s> Post Navigation < Prev & Next >
----------------------------------------------------------------------------- */
.nav-links {
	line-height: 1.2;
}
.post-navigation, .image-navigation {
	padding: 2.5em 0;
	border-top: solid 1px #273b63;
	border-bottom: solid 1px #273b63;
	margin: 1.5em 0;
}
.post-navigation a, .image-navigation .previous-image, .image-navigation .next-image {
	width: 100%;
}
.post-navigation .nav-subtitle {
	display: block;
	line-height: 2;
}
.post-navigation a, .image-navigation a {
	color: #989898;
	display: block;
	text-decoration: none;
}
.post-navigation a:hover,
.image-navigation a:hover,
.post-navigation a:hover .meta-nav{
	color: #353535;
}
.nav-links .nav-previous {
	width: 45%;
	float: left;
	text-align: left;
}
.nav-links .nav-next {
	width: 45%;
	float: right;
	text-align: right;
}

.post-navigation .meta-nav {
	color: #273b63;
	display: block;
	 font-size: 90%; 
	line-height: 2;
}

/* <s> Paging Navigation
----------------------------------------------------------------------------- */

.paging-navigation {
	margin: 2em 0;
	padding: 1em;
}
.paging-navigation .loop-pagination {
	text-align: center;
}
.paging-navigation .page-numbers {
	display: inline-block;
	margin-right: 1px;
	padding: 7px 12px 5px 12px;
	background: #FFFFFF;
	color: #353535;
	border: 1px solid #D9D9D9;
}
.paging-navigation .page-numbers.current {
	background: #989898;
	color: #FFFFFF;
}
.paging-navigation a:hover {
	background: #353535;
	color: #FFFFFF;
}

@media screen and (min-width: 769px) {

	.post-navigation, .image-navigation {
		border-bottom: none;
		margin: 1.5em 0 0 0;
	}
	
}

/* <s> Content
----------------------------------------------------------------------------- */

.site-main {
	display: block;
	min-height: 300px;
}

/* Colour Schemes */
.content-dark .site-main {
	color: #FFFFFF;
}
.content-dark .site-main a{
	color: #FFFFFF;
	text-decoration: underline;
}

.single-scdevelopment .article-single .entry-header .highlight {
	font-weight: normal;
	font-size: 24px;
	display: block;
}
.single-scdevelopment .article-single .entry-header h1 {
	margin: 0 0 0.1em 0;
}
.single-scdevelopment .article-single .entry-header h2 {
	font-weight: normal;
}

@media screen and (min-width: 769px) {

	.site-main {
		margin: 0 auto;
	}
	.article-list {
		padding-top: 2.5em;
	}
	.article-list .entry-title {
		padding: 1em 0 0 0;
		margin: 0 0 0.2em 0;
	}
	.article-single .entry-header {
		margin: 0 0 2em 0;
	}
	.article-single .featured-image {
		margin: 0 0 2em 0;
	}
	blockquote {
		padding: 2em 2em 1em 2em;
	}
	.article-list .ss-gutx3 .ss-col {
		margin-bottom: 1.5em;
	}

	
}

/* <s> Article Content
----------------------------------------------------------------------------- */

.article {
}
.chromed .article-single,
.article-list{
	padding: 0 20px 0 20px;
}
.article-list {
	margin-bottom: 20px;
}
.article-list:last-child {
	border-bottom: none;
}

.article-title {
	position: relative;
	margin-top:0;
}
/*.single-post .article-title,
.article-list .article-title {
	margin: 0;
}*/
.article-content{
	position: relative;
}
/*.article-content > *:first-child{
	margin-top: 0;
}*/
.entry-date{
	color: #989898;
}
.article-list .entry-date{
	margin: 0 0 1em 0;
}

.event-date,
.event-type{
	color: #273b63;
}
.event-date{
	margin: 0 0 1em 0;
}

.article-list.conference .event-date,
.article-list.conference .event-type,
.article-single.conference .event-date,
.article-single.conference .event-type{
	color: #50b841;
}

.article-list.conference a,
.article-single.conference .article-title{
	color: #007d00;
}
	
@media screen and (min-width: 769px) {
	.chromed .article-single,
	.article-list{
		padding: 0 30px 0 30px;
	}
}

@media screen and (min-width: 1280px) {
	.chromed .article-single	{
		padding: 0 40px 0 40px;
	}
}


/* <s> Featured Image
----------------------------------------------------------------------------- */

.featured-image {
	position: relative;
	background-color: #273b63;
}
.thumbnail-caption {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 5px 14px;
	background-color: rgba(40,40,40,0.75);
	color: #FFF;
	margin: 0;
}
.article-list .featured-image {
	width: 100%;
}
.article-single .featured-image {
	margin: 0 0 1em 0;
}
.featured-image.bgimg-on {
	display: block;
	min-height: 300px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.featured-image .article-header{
	width: 80%;
	padding: 20px;
}

.featured-image .article-title,
.featured-image .thumbnail-text{
	color: #FFFFFF;
	text-shadow: 0px 0px 6px rgba(0,0,0,1);
	margin:0;
}

.featured-image .thumbnail-text{
	position: absolute;
	left:0;
	right:0;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 28px;
	text-align: center;
}

@media screen and (min-width: 769px) {
	.featured-image .article-header{
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 30px;
	}
}

@media screen and (min-width: 1280px) {
	.featured-image .article-header{
		padding: 40px;
	}
}


/* <s> Page Templates
--------------------------------------------------------- */

.centred .index-header {
	padding: 0 0 2em 0;
}
.centred .index-header h1 {
	display: inline-block;
	border-bottom: 1px solid #989898;
	padding: 0 0 0.4em 0;
	margin-bottom: 0;
}
.centred .entry-header {
	padding: 0 0 1.5em 0;
}
.centred .entry-header h2 {
	font-size: 40px;
	display: inline-block;
	border-bottom: 1px solid #989898;
	padding: 0 0 0.4em 0;
}

/* <s> Icons
 ----------------------------------------------------------------------------- */

/* Icons */
.menu-toggle:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: FontAwesome;
	font-size: 21px;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	text-decoration: inherit;
	width: 16px;
	height: 16px;/*color: #989898;*/
}
.fa-2x, .fa-3x, .fa-4x, .fa-5x {
	position: relative;
	top: 0.25em;
}
.fa-ul {
	margin-left: 2.5em;
}
.fa-ul li {
	margin-bottom: 1em;
}
.fa-li {
	left: -1.4em !important;
	top: 0 !important;
	width: 1.6em !important;
}
.centred .fa-li {
	position: relative !important;
	left: 0 !important;
	top: 0.2em!important;
}
.highlight {
	color: #989898;
}

/* <s> Utilities
 ----------------------------------------------------------------------------- */
 
.hide {
	display: none!important;
}
.hide-on-mobiles {
	display: none!important;
}
.long-url {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.light-box {
	background-color: #FFFFFF;
	background-color: rgba(255,255,255,0.6);
	color: #353535;
}
.centred {
	text-align: center;
}
.load {
	padding-top: 4em!important;
}
.load-min {
	-webkit-transition: padding-top 1s ease;
	-moz-transition: padding-top 1s ease;
	-ms-transition: padding-top 1s ease;
	-o-transition: padding-top 1s ease;
	transition: padding-top 1s ease;
	padding-top: 0;
}
.loader {
	z-index: 999999;
	margin: 0 auto;
	font-size: 10px;
	position: absolute;
	left: 0;
	right: 0;
	top: 25%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-indent: -9999em;
	border-top: 0.4em solid rgba(0,0,0,0.20);
	border-right: 0.4em solid rgba(0,0,0,0.20);
	border-bottom: 0.4em solid rgba(0,0,0,0.20);
	border-left: 0.4em solid rgba(0,0,0,1.00);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 0;
	/* fade in then spin */
	-webkit-animation: loads 2s, spinner 1.1s infinite linear;
	animation: loads 2s, spinner 1.1s infinite linear;
	/* delay showing anim */
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.loader, .loader:after {
	border-radius: 50%;
	width: 4em;
	height: 4em;
}
 @-webkit-keyframes loads {
	 0% {
	 opacity: 0;
	}
	 100% {
	 opacity: 1;
	}
}
@keyframes loads {
	 0% {
	 opacity: 0;
	}
	 100% {
	 opacity: 1;
	}
}
 @-webkit-keyframes spinner {
	 0% {
	 opacity: 1;
	 -webkit-transform: rotate(0deg);
	 transform: rotate(0deg);
	}
	 100% {
	 opacity: 1;
	 -webkit-transform: rotate(360deg);
	 transform: rotate(360deg);
	}
}
@keyframes spinner {
	 0% {
	 opacity: 1;
	 -webkit-transform: rotate(0deg);
	 transform: rotate(0deg);
	}
	 100% {
	 opacity: 1;
	 -webkit-transform: rotate(360deg);
	 transform: rotate(360deg);
	}
}


@media screen and (min-width: 769px) {
	.hide-on-mobiles {
		display: inline-block!important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1080px) {
	.hide-on-tablets {
	 display: none!important;
	}
}

@media screen and (min-width: 1280px) {
	.hide-on-desktop {
	 display: none!important;
	}
}


/* <s> Effects
----------------------------------------------------------------------------- */

.site-header, .site-branding, .menu-toggle, .menu-toggle:before, .site-navigation a, .site-navigation a:before, .site-navigation a:after, .highlight-btn, .grid-item-overlay, .grid-item .featured-image a:hover img {
	-webkit-transition: background-color 0.3s ease, color 0.3s ease;
	-moz-transition: background-color 0.3s ease, color 0.3s ease;
	-ms-transition: background-color 0.3s ease, color 0.3s ease;
	-o-transition: background-color 0.3s ease, color 0.3s ease;
	transition: background-color 0.3s ease, color 0.3s ease;
}
.site-navigation {
	-webkit-transition: top 1s ease;
	-moz-transition: top 1s ease;
	-ms-transition: top 1s ease;
	-o-transition: top 1s ease;
	transition: top 1s ease;
}



/* <s> New Columns
Structure:
<div class="ss-cols ss-gutx5">
	<div class="ss-col ss-span-1-of-4">
	</div>
</div>
--------------------------------------------------------- */

.ss-cols:before, .ss-cols:after, .ss-col:before, .ss-col:after {
	content: "";
	display: table;
}
.ss-cols:after, .ss-col:after {
	clear: both;
}
.ss-col {
	float: left;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 1em 0%;
}
li.ss-col {
	display: inline-block;
}


/* <s> Columns (Common to all)
 ------------------------------------------------------------------------------------*/

.ss-span-1-of-1, .ss-span-1-of-2, .ss-span-1-of-3, .ss-span-2-of-3, .ss-span-1-of-4, .ss-span-2-of-4, .ss-span-3-of-4, .ss-span-1-of-5, .ss-span-2-of-5, .ss-span-3-of-5, .ss-span-4-of-5 {
	width: 100%;
}

/* <s> Columns with 0% gutter
 ------------------------------------------------------------------------------------*/
@media only screen and (min-width: 769px) {
	.ss-cols.ss-gutx0 {
		margin: 0;
		width: 100%;
	}
	.ss-gutx0 .ss-col {
		margin: 0 0 0.8em 0;
	}
	.ss-gutx0 .ss-span-1-of-2 {
	 width: 50%;
	}
	.ss-gutx0 .ss-span-1-of-3 {
	 width: 33.33%;
	}
	.ss-gutx0 .ss-span-2-of-3 {
	 width: 66.66%;
	}
	.ss-gutx0 .ss-span-1-of-4 {
	 width: 25%;
	}
	.ss-gutx0 .ss-span-2-of-4 {
	 width: 50%;
	}
	.ss-gutx0 .ss-span-3-of-4 {
	 width: 75%;
	}
	.ss-gutx0 .ss-span-1-of-5 {
	 width: 20%;
	}
}

/* <s> Columns with 1% gutter (Condensed version)
 ------------------------------------------------------------------------------------*/
@media only screen and (min-width: 769px) {
	.ss-cols.ss-gutx1 {
		margin: 0px -0.5%;
		width: 101%;
	}
	.ss-gutx1 .ss-col {
		margin: 0 0.5% 0.8em 0.5%;
	}
	.ss-gutx1 .ss-span-1-of-2 {
	 width: 49%;
	}
	.ss-gutx1 .ss-span-1-of-3 {
	 width: 32.33%;
	}
	.ss-gutx1 .ss-span-2-of-3 {
	 width: 65.66%;
	}
	.ss-gutx1 .ss-span-1-of-4 {
	 width: 24%;
	}
	.ss-gutx1 .ss-span-2-of-4 {
	 width: 49%;
	}
	.ss-gutx1 .ss-span-3-of-4 {
	 width: 74%;
	}
	.ss-gutx1 .ss-span-1-of-5 {
	 width: 19%;
	}
}

/* <s> Columns with 2% gutter (Thin version)
 ------------------------------------------------------------------------------------*/
 @media only screen and (min-width: 769px) {
	 .ss-cols.ss-gutx2 {
		margin: 0px -1%;
		width: 102%;
	}
	.ss-gutx2 .ss-col {
		margin: 0 1% 1.9em 1%;
	}
	.ss-gutx2 .ss-span-1-of-2 {
	 width: 48%;
	}
	.ss-gutx2 .ss-span-1-of-3 {
	 width: 31.33%;
	}
	 .ss-gutx2 .ss-span-2-of-3 {
	 width: 64.66%;
	}
	.ss-gutx2 .ss-span-1-of-4 {
	 width: 23%;
	}
	 .ss-gutx2 .ss-span-2-of-4 {
	 width: 48%;
	}
	 .ss-gutx2 .ss-span-3-of-4 {
	 width: 73%;
	}
	.ss-gutx2 .ss-span-1-of-5 {
	 width: 18%;
	}
	.ss-gutx2 .ss-span-1-of-6 {
	 width: 14.66%;
	}
}

/* <s> Columns with 3% gutter (Regular version)
 ------------------------------------------------------------------------------------*/
 @media only screen and (min-width: 769px) {
	 .ss-cols.ss-gutx3 {
		margin: 0px -1.5%;
		width: 103%;
	}
	.ss-gutx3 .ss-col {
		margin: 0 1.5% 2.3em 1.5%;
	}
	 .ss-gutx3 .ss-col {
	 margin: 0 1.5% 3em 1.5%;
	}
	.ss-gutx3 .ss-span-1-of-3 {
	 width: 30.33%;
	}
	.ss-gutx3 .ss-span-2-of-3 {
	 width: 63.66%;
	}
	.ss-gutx3 .ss-span-1-of-4 {
	 width: 22%;
	}
	.ss-gutx3 .ss-span-2-of-4 {
	 width: 47%;
	}
	.ss-gutx3 .ss-span-3-of-4 {
	 width: 72%;
	}
	.ss-gutx3 .ss-span-1-of-5 {
	 width: 17%;
	}
	.ss-gutx3 .ss-span-2-of-5 {
	 width: 37%;
	}
	.ss-gutx3 .ss-span-3-of-5 {
	 width: 57%;
	}
	.ss-gutx3 .ss-span-4-of-5 {
	 width: 77%;
	}
	.ss-gutx3 .ss-span-1-of-6 {
	 width: 13.66%;
	}
}

/* <s> Columns with 4% gutter (Wide version)
 ------------------------------------------------------------------------------------*/
 @media only screen and (min-width: 769px) {
	 .ss-cols.ss-gutx4 {
		margin: 0px -2%;
		width: 104%;
	}
	.ss-gutx4 .ss-col {
		margin: 0 2% 2.2em 2%;
	}
	.ss-gutx4 .ss-col {
	 margin: 0 2% 3.4em 2%;
	}
	.ss-gutx4 .ss-span-1-of-3 {
	 width: 29.33%;
	}
	.ss-gutx4 .ss-span-2-of-3 {
	 width: 62.66%;
	}
	.ss-gutx4 .ss-span-1-of-4 {
	 width: 21%;
	}
	.ss-gutx4 .ss-span-2-of-4 {
	 width: 46%;
	}
	.ss-gutx4 .ss-span-3-of-4 {
	 width: 71%;
	}
	.ss-gutx4 .ss-span-1-of-5 {
	 width: 16%;
	}
	.ss-gutx4 .ss-span-2-of-5 {
	 width: 36%;
	}
	.ss-gutx4 .ss-span-3-of-5 {
	 width: 56%;
	}
	.ss-gutx4 .ss-span-4-of-5 {
	 width: 76%;
	}
}

/* <s> Columns with 5% gutter (Extra wide version)
 ------------------------------------------------------------------------------------*/
@media only screen and (min-width: 769px) {
	.ss-cols.ss-gutx5 {
		margin: 0px -2.5%;
		width: 105%;
	}
	.ss-gutx5 .ss-col {
		margin: 0 2.5% 3em 2.5%;
	}
	.ss-gutx5 .gridder-show {
	 margin: -3.3em 2.5% 4.4em 2.5%;
	}
	.ss-gutx5 .ss-col {
	 margin: 0 2.5% 4.4em 2.5%;
	}
	.ss-gutx5 .ss-span-1-of-3 {
	 width: 28.33%;
	}
	.ss-gutx5 .ss-span-2-of-3 {
	 width: 61.66%;
	}
	.ss-gutx5 .ss-span-1-of-4 {
	 width: 20%;
	}
	.ss-gutx5 .ss-span-2-of-4 {
	 width: 45%;
	}
	.ss-gutx5 .ss-span-3-of-4 {
	 width: 70%;
	}
	.ss-gutx5 .ss-span-1-of-5 {
	 width: 15%;
	}
	.ss-gutx5 .ss-span-2-of-5 {
	 width: 35%;
	}
	.ss-gutx5 .ss-span-3-of-5 {
	 width: 55%;
	}
	.ss-gutx5 .ss-span-4-of-5 {
	 width: 75%;
	}
}


/* <s> Gutenberg Blocks
!! Also add IE support for css grids !!
 ------------------------------------------------------------------------------------*/
.wp-block-media-text{
	align-items: initial;
	grid-template-columns: 66.66% auto;
	grid-column-gap: 2%;
	margin-bottom: 1.9em;
	/* IE */
	/*display:-ms-grid;
	-ms-grid-columns: 75% auto;*/
}

.wp-block-media-text .wp-block-media-text__content{
	padding: 10px 20px;
	margin-bottom: 1em;
}
.wp-block-media-text.has-media-on-the-right{
	grid-template-columns: auto 66.66%;
	/* IE */
	/*-ms-grid-columns: auto 75%;*/
}

.wp-block-media-text .wp-block-media-text__media{
	background-color: #000000;
}

/* Pullout Quote */
.wp-block-pullquote.is-style-solid-color{
	padding: 0;
	margin-bottom: 1.9em;
}
.wp-block-pullquote.is-style-solid-color blockquote{
	background-color: #273b63;
	color: #FFFFFF;
	text-align: center;
	max-width: 100%;
	padding: 1.5em;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}

/* columns */
.chromeless .wp-block-column{
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	border-radius: 10px;
	padding: 10px 20px;
	
	flex-basis: 100%;
	/*margin-left: 0;
	margin-right: 0;*/
}

.wp-block-column h1,
.wp-block-column h2,
.wp-block-column h3,
.wp-block-column h4,
.wp-block-column h5,
.wp-block-column h6{
	border-bottom: 1px solid rgba(0,0,0,0.10);
	padding-bottom: 15px;
	margin-bottom: 20px
}

p.has-background{
	border-radius: 8px;
}

/* Slingshot Custom Blocks */

.wp-block-ssgbb-container{
	max-width: 1366px;
	margin: 1em auto;
}



/* <s> Custom Gutenberg Block Classes (applied to blocks in the advanced field)
 ------------------------------------------------------------------------------------*/
.text-block-blue .wp-block-media-text__content{
	background-color: #273b62;
	color: #FFFFFF;
}
.text-block-blue .wp-block-media-text__content h1,
.text-block-blue .wp-block-media-text__content h2,
.text-block-blue .wp-block-media-text__content h3,
.text-block-blue .wp-block-media-text__content h4,
.text-block-blue .wp-block-media-text__content h5,
.text-block-blue .wp-block-media-text__content h6{
	color: #FFFFFF;
}