/* Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* Icons */
@font-face {
	font-family:'fa-solid';
	src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/webfonts/fa-solid-900.woff2') format('woff2');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'fa-brands';
	src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/webfonts/fa-brands-400.woff2') format('woff2');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'fa-light';
	src:url('Fonts/fa-light-300.woff2') format('woff2');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'logo';
	src:url('/CSS/Fonts/logo.woff2') format('woff2');
	font-weight:bold;
	font-style:normal;
}
@font-face {
	font-family:'MT';
	src:url('/CSS/Fonts/MT_Bold_Italic.woff2') format('woff2');
	font-weight:bold;
	font-style:italic;
}



/*
—————————————————
Global
—————————————————
*/
html {
	font:16px/1.5 Montserrat, Verdana, sans-serif;
}
@media (max-width: 1500px) {
	html {
		font-size:1.0666vw;
	}
}
body {
	color:#222;
	text-size-adjust:none;
	min-width:320px;
	box-sizing:border-box;
}
.wrapper {
	max-width:1400px;
	margin:auto;
	position:relative;
	padding:0 3rem;
}
.home .main-wrapper {
	max-width:100%;
	padding:0;
}
body * {
	box-sizing:inherit;
}
a {
	color:inherit;
	text-decoration:none;
}
strong {
	font-weight:600;
}
em {
	font-style:italic;
}
h1, h2, h3 {
	line-height:1.1;
	position:relative;
	margin-bottom:0.9em;
	font-weight:600;
}
h1 {
	font:bold italic 3.2rem/1 MT,Georgia;
	color:#000;
	margin-bottom:0.7em;
}
h1 small {
	font-size:0.9rem;
	color:#aaa;
	font-family:'Montserrat';
	font-weight:500;
	font-style:normal;
}
h1 em {
	font-style:inherit;
}
h1.ghost:before {
	content:'\f6e2';
	display:block;
	font-family:fa-light;
	font-weight:normal;
	font-style:normal;
	font-size:2em;
	margin:0.4em auto;
	color:#bf0000;
}
h2 {
	font-size:1.4rem;
}
h2.divider {
	text-align:center;
	font:bold italic 2rem/1 MT,Georgia;
}
h2 a {
	border:0 !important;
}
h3 {
	font-size:1.2em;
}
* + h2, * + h3, .albums h2 {
	margin-top:1.7em;
}
h4 {
	font-weight:600;
	font-size:1.07em;
	margin-bottom:0.5em;
	padding-top:0.5em;
}
h3 + h4 {
	padding-top:0;
}
.markdown a {
	color:#bf0000;
	border-bottom:1px solid #ddd;
	transition:border-color 150ms;
}
.markdown a:hover {
	border-color:#bf0000;
}
p {
	margin-bottom:1em;
}
.clearfix:after, .block:after {
	content:'';
	display:table;
	clear:both;
}
::selection {
	color:#000;
	background:#ffc627;
}
.back-top {
	position:absolute;
	top:-2em;
	left:calc(50% - 3.5em);
	width:7em;
	height:2em;
	color:#ffffffaa;
	background:#8d8e90;
	cursor:pointer;
	border-radius:0.5em 0.5em 0 0;
	transition:color 150ms;
}
.back-top:hover {
	color:#ffffff;
}
.back-top:after {
	content:'\f077';
	display:block;
	font:1.25em/2rem fa-solid;
	text-align:center;
}
.dropcap > p:first-of-type:first-letter {
	float:left;
	color:#bf0000;
	padding:0 5px 0 0;
	font-size:2.9em;
	line-height:1;
}
#content .dropcap > h2:first-child {
	margin-top:0.5em;
}
.standfirst {
	font-size:1.125rem;
	line-height:1.4;
	max-width:47em;
}
.center {
	text-align:center;
}
figure {
	width:100%;
	margin:1.5em 0;
}
.header-wrapper {
	position:relative;
	width:0;
	height:0;
	padding:20% 50%;
	margin:0 0 3em 0;
	border-radius:0.9em;
	overflow:hidden;
}
.header-wrapper:after {
	content:'';
	position:absolute;
	top:0; left:0;
	background:linear-gradient(to bottom, #00000000, #00000055);
	width:100%;
	height:100%;
}
.header-wrapper img {
	position:absolute;
	xtop:-1.5em;
	top:0; left:0;
	width:100%;
	height:100%;
}
.header-wrapper h1 {
	position:absolute;
	bottom:3rem; left:3rem;
	margin:0;
	color:#fff;
	z-index:1;
	width:calc(100% - 6rem);
	text-align:center;
	font-size:3.7rem;
}
.header-wrapper h1 small {
	color:inherit;
}
.breadcrumb {
	font-size:0.85em;
	padding-top:0.7em;
	margin-bottom:1em;
	display:none;
}
.breadcrumb-below-banner {
	padding:0;
	margin-bottom:1.5em;
}
.breadcrumb a {
	display:inline-block;
	background:#f2f2f2;
	line-height:1.9em;
	padding:0 0.95em;
	border-radius:0.95em;
	font-weight:500;
	color:#666;
}
.breadcrumb a:hover {
	background:#eee;
}
.breadcrumb a:active {
	background:#ddd;
}
.breadcrumb .separator {
	display:inline-block;
	width:0.9em;
	text-align:center;
	color:#bbb;
}
.breadcrumb .separator:after {
	content:'\f105';
	font-family:fa-solid;
}

/*
—————————————
Tiles
—————————————
*/
#tiles a {
	display:block;
	position:relative;
	width:0; height:0;
	overflow:hidden;
}
#tiles .text,
#tiles .image {
	position:absolute;
	top:0; left:0;
}
#tiles img {
	display:block;
	width:100%;
	height:100%;
	background:#ccc;
}

/* SMALL Tiles */

#tiles.small-tiles {
	width:calc(100% + 1em);
	margin:2em -1em 2em 0;
}
#tiles.small-tiles li {
	float:left;
	width:calc(25% - 1em);
	margin:0 1em 1em 0;
}
#tiles.small-tiles.three-up li {
	width:calc(33.333% - 1em);
}
#tiles.small-tiles a {
	padding:14% 50%;
	border-radius:0.4em;
	background:#eee;
}
#tiles.small-tiles .text {
	width:58%;
	left:42%;
	height:100%;
	display:flex;
	align-items:center;
	background:#eee;
	line-height:1.3;
	padding:0 0.8rem;
	transition:background-color 100ms;
}
#tiles a:hover .text {
	background:#e8e8e8;
}
#tiles a:active .text {
	background:#e2e2e2;
}
#tiles.small-tiles .image {
	width:42%;
	height:100%;
}
#tiles.small-tiles h3 {
	font-size:0.97rem;
	font-weight:normal;
	margin:0;
}
#tiles.small-tiles .text div {
	display:none;
}

/* LARGE Tiles */

#tiles.large-tiles {
	margin:2em 0;
}
#tiles.large-tiles:first-child {
	margin-top:0;
}
#tiles.large-tiles li {
	margin-bottom:1.5em;
}
#tiles.large-tiles a {
    padding: 16.666% 50%;
	border-radius:0.6em;
}
#tiles.large-tiles .text,
#tiles.large-tiles .image {
	width:50%;
	height:100%;
	background:#eee;
}
#tiles.large-tiles .text {
	padding:2em;
}
#tiles.large-tiles .text:after {
	content:'Read more';
	display:block;
	width:7.5em;
	line-height:2em;
	text-align:center;
	font-size:0.9375em;
	font-weight:500;
	color:#fff;
	background:#bf0000;
	border-radius:0.5em 0 0.5em 0;
	margin-top:1em;
}
#tiles.large-tiles .image {
	left:auto; right:0;
}
#tiles.large-tiles li:nth-child(even) .text {
	left:auto; right:0;
}
#tiles.large-tiles li:nth-child(even) .image {
	left:0; right:auto;
}

/* ICON Tiles */

#tiles.icon-tiles {
	width:calc(100% + 1.2em);
	margin:2em -1.2em 2em 0;
}
#tiles.icon-tiles li {
	float:left;
	width:calc(16.666% - 1.2em);
	margin-right:1.2em;
}
#tiles.icon-tiles a {
	padding:50% 50%;
}
#tiles.icon-tiles .text {
	width:100%;
	top:calc(66.666% + 0.5em);
	background:none !important;
}
#tiles.icon-tiles .image {
	width:100%;
	height:66.666%;
	background:#f1f1f1;
	border-radius:0.5rem;
	overflow:hidden;
}
#tiles.icon-tiles h3 {
	font-size:1rem;
	font-weight:500;
	margin:0;
}
#tiles.icon-tiles .text div {
	display:none;
}


/*
————————
Lists
————————
*/
ul.bullet {
	margin:0 0 1em 1em;
}
ul.bullet:last-child {
	margin-bottom:0;
}
ul.bullet li {
	list-style:none;
	position:relative;
	padding-left:1.1em;
	margin:0 0 0.7em 0;
}
ul.bullet li:before {
	content:'\2022';
	color:#ed1c24;
	font-size:1.4em;
	line-height:1;
	font-family:sans-serif;
	position:absolute;
	top:-0.2em; left:0;
	line-height:inherit;
}
ol {
	padding-left:1.5em;
	margin-bottom:1em;
}
ol li {
	list-style:decimal;
	padding-left:0.5em;
}


/*
———————————
Blockquotes
———————————
*/
blockquote {
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
	padding:1.2em;
	margin:2em auto;
	width:36em;
	max-width:calc(100% - 3em);
	text-align:center;
	position:relative;
}
blockquote:before,
blockquote:after {
	position:absolute;
	font-family:Georgia;
	font-size:5em;
	line-height:1;
	color:#aaa;
	padding:0 0.1em;
	background:#fff;
}
blockquote:before {
	content:'“';
	top:-0.2em; left:-0.4em;
}
blockquote:after {
	content:'”';
	height:0.5em;
	bottom:-0.25em; right:-0.4em;
}
blockquote p {
	margin-left:auto;
	margin-right:auto;
	font-size:1.2em;
	font-style:italic;
	font-weight:500;
	color:#bf0000;
}
blockquote p:last-child {
	margin-bottom:0;
}


/*
—————————————————
Paging
—————————————————
*/
.pager {
	color:#777;
	margin-top:4em;
	height:4em;
}
.pager .count {
	float:left;
}
.paging {
	float:right;
}
.pager span.disabled,
.pager span.divider {
	display:none;
}
.pager span.active,
.pager a {
	display:inline-block;
	border:1px solid #fff;
	min-width:1.8em;
	text-align:center;
	line-height:1.8em;
	border-radius:50%;
}
.pager span.active {
	border:1px solid #ffc627;
	background:#ffc627;
	color:#000;
	cursor:default;
}


/*
—————————————————
Header
—————————————————
*/
#header {
	height:10.3em;
	position:relative;
	background:#323639;
	z-index:2;
	margin-bottom:3em;
}
#header:after {
	content:'';
	background:url(/Images/logo-shield-gray.svg) top no-repeat;
	background-size:100% auto;
	width:10em;
	height:2.2em;
	position:absolute;
	top:calc(100% - 1px); left:calc(50% - 5em);
}
.international #header {
	height:15em;
}
.international #header:after {
	display:none;
}
.international .logo {
	height:9.8em;
}
.international-heading {
	color:#ffc627;
	font-size:2em;
	position:absolute;
	top:4.3em; left:0;
	width:100%;
	text-align:center;
}

.logo {
	background:url(/Images/logo-shgc.svg) top no-repeat;
	width:8em;
	height:10.5em;
	background-size:100% auto;
	position:absolute;
	top:0.5em; left:calc(50% - 4em);
	z-index:1;
}
.logo:before,
.logo:after {
	content:'Sacred Heart';
	color:#fff;
	font:bold 1.5rem/1 logo,Georgia,serif;
	letter-spacing:0.03em;
	position:absolute;
	top:4.2rem; right:8.7rem;
	white-space:nowrap;
	pointer-events:none;
}
.logo:after {
	content:'Girls’ College';
	right:auto; left:8.7rem;
}
.logo strong {
	display:none;
}
.logo-international {
	transform:scale(0.8);
	transform-origin:top center;
}
#nav {
	position:absolute;
	bottom:0; left:4em;
	width:calc(100% - 8em);
}
#nav-quicklinks {
	display:none;
}
#nav-left {
	float:left;
}
.international #nav-left {
	height:2.9em;
}
#nav-right {
	float:right;
}

#nav li.secondary {
	display:none;
}
#nav li.top {
	float:left;
	position:relative;
}
#nav li.top .rollover {
	display:none;
	position:absolute;
	top:2.9em; left:0;
	background:#fff;
	padding:1.6em 1.5em;
	box-shadow:0 0 1.2em rgba(0,0,0,0.18);
	border-radius:0.6em;
	z-index:2;
}
#nav li.top .rollover:before {
	content:'';
	position:absolute;
	top:-0.5em; left:2.2em;
	width:0; height:0; 
	border-left:0.6em solid transparent;
	border-right:0.6em solid transparent;
	border-bottom:0.6em solid #fff;
}
#nav li.top .rollover-contents {
	display:flex;
}
#nav li.top .rollover-contents div {
	float:left;
	width:11em;
	padding-right:1em;
}
#nav li.top .rollover h3 {
	margin-bottom:0.7em;
}
#nav li.top .rollover div img {
	display:block;
	width:100%;
	border-radius:0.4em;
}
#nav li.top .rollover ul {
	float:left;
	margin-right:0.5em;
	font-size:0.9em;
	font-weight:500;
}
#nav li.top:hover .rollover {
	display:block;
}
#nav a.top {
	display:block;
	padding:0.7rem 1.1rem;
	position:relative;
	color:#fff;
	opacity:0.6;
	font-weight:500;
	xtransition:color 150ms linear;
	transition:opacity 150ms linear;
}
.home #nav a.top {
	opacity:0.8;
}
#nav a.top:hover, #nav li.active a.top {
	opacity:1;
}
#nav a.top:after {
	
}
#nav a.icon {
	font-family:fa-solid;
}
#nav li.top a.button-search:after {
	display:none;
}
#nav li ul li {
	float:none;
	margin:0;
}
#nav li ul a {
	line-height:1.8;
	white-space:nowrap;
	display:block;
	padding:0 1em 0 0.7em;
	border-radius:4px;
}
#nav li ul a:hover {
	background:whitesmoke;
}
#nav li ul a:active {
	background:#e2e2e2;
}
#nav .trigger {
	display:none;
}





#nav-secondary {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:2.5rem;
	background:#ffc627;
	font-size:0.9375em;
}
#nav-secondary-left {
	float:left;
}
#nav-mobile {
	display:none;
}
#nav-mobile .button-menu {
	font-size:1.15em;
}
#nav-secondary-left a,
#nav-mobile a {
	width:3.5rem;
	text-align:center;
}
#nav-secondary-right,
#nav-mobile {
	float:right;
}
#nav-secondary-right a {
	padding:0 1.2em;
}
#nav-secondary li {
	float:left;
}
#nav-secondary a {
	display:block;
	font-weight:500;
	height:2.5rem;
	line-height:2.5rem;
}
#nav-secondary a:hover {
	background:#ffd767;
}
#nav-secondary a:active,
#nav-secondary a.selected {
	background:#ffdd7d;
}
#nav-secondary a.social span {
	display:none;
}
#nav-secondary a.social:before {
	font-family:fa-brands;
	font-size:1.2em;
	font-weight:normal;
}
#nav-secondary .facebook:before  { content:'\f39e' }
#nav-secondary .instagram:before { content:'\f16d' }
#nav-secondary .youtube:before   { content:'\f167' }
#nav-secondary .linkedin:before  { content:'\f0e1' }
#nav-secondary .twitter:before   { content:'\f099' }
#nav-secondary .youtube:before   { content:'\f167' }

#nav-mobile,
#nav-secondary .button-search {
	font-family:fa-solid;
}
.close-menu {
	display:none;
	position:absolute;
	top:1em; right:1em;
	cursor:pointer;
}

#quicklinks {
	position:absolute;
	z-index:1;
	top:2.5rem; right:13.2em;
	width:20em;
	padding:1.5em;
	background:#fff;
	box-shadow: 0 0 1.2em rgb(0 0 0 / 18%);
	border-radius:0.6em;
	display:none;
}
#quicklinks li {
	float:none;
	padding:0;
}
#quicklinks a {
	display:block;
	padding:0.4em;
	line-height:1.2;
	height:auto;
}
#quicklinks a:hover {
	background:none !important;
	color:#d00;
}
#quicklinks:before {
	content:'';
	position:absolute;
	top:-0.5em; left:calc(50% - 1.2em);
	width:0; height:0; 
	border-left:0.6em solid transparent;
	border-right:0.6em solid transparent;
	border-bottom:0.6em solid #fff;
}

#mobile-nav {
	display:none;
}

#search {
	display:none;
	position:absolute;
	top:0; left:14.5rem;
	width:19rem;
	height:2.5rem;
	background:#fff;
}
#search input.search-text {
	float:left;
	border:0;
	width:15.5rem;
	height:2.5rem;
	padding:0.3em 0.8em;
	outline:0;
}
#search input.search-button {
	float:left;
	width:3.5rem;
	height:2.5rem;
	font-family:fa-solid;
	background:#ffd767;
	border:0;
	cursor:pointer;
}

/*
body.scrolled #nav-secondary {
	display:none;
}
*/


/*
—————————————————
Carousel
—————————————————
*/
#carousel {
	margin:-3em 0 3em 0;
	display:block;
	width:0;
	height:0;
	padding:15% 50%;
	position:relative;
	z-index:1;
}
#carousel .panel:after {
	content:'';
	position:absolute;
	top:0; left:0;
	background:linear-gradient(to bottom, #00000000 60%, #00000099);
	width:100%;
	height:100%;
}
#carousel .panel {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	background-repeat:no-repeat;
	z-index:1;
	opacity:0;
}

#carousel .panel:nth-child(odd) {
	background-position:center;
	background-size:110% auto;
}

#carousel .panel:nth-child(even) {
	background-position:center;
	background-size:100% auto;
}


#carousel img {
	display:block;
	width:100%;
	height:100%;
}

#carousel a {
	position:absolute;
	bottom:3em; left:0;
	color:#fff;
	width:100%;
	text-align:center;
	z-index:1;
	font-size:0.9em;
}
#carousel h3 {
	font:bold italic 4em/1 MT, Georgia;
	margin-bottom:0.2em;
}
#carousel p {
	font-size:1.8em;
	font-weight:500;
	margin:0;
	line-height:1.1;
}

#carousel .previous {
	z-index:2;
}
#carousel .current {
	z-index:3;
	animation-duration:6000ms;
	animation-timing-function:linear;
	opacity:1;
}
#carousel .current:nth-child(odd) {
	animation-name:showItem1;
}
#carousel .current:nth-child(even) {
	animation-name:showItem2;
}

@keyframes showItem1 {
	from {
		background-position:left;
	}
	to {
		xbackground-position:right 30%;
		background-position:right;
	}
}

@keyframes showItem2 {
	from {
		background-size:100% auto;
	}
	to {
		background-size:115% auto;
	}
}


#carousel-message {
	position:absolute;
	z-index:3;
	bottom:2em; left:50%;
	color:#fff;
	background:rgba(0,0,0,0.6);
	padding:1.2em 1.8em 1.8em 1.8em;
	width:calc(50% - 4em);
	max-width:43.5em;
	border-radius:0.5em;
}
#carousel-message a {
	display:inline-block;
	background:#4a932b;
	padding:0.4em 1.2em;
	text-align:center;
	font-weight:500;
	border-radius:0.3em;
}

#carousel .arrow {
	width:120px;
	height:136px;
	background:url(/Images/arrow-prev.png) center no-repeat;
	background-size:40px 96px;
	position:absolute;
	top:50%; left:0;
	margin-top:-68px;
	z-index:4;
	cursor:pointer;
	opacity:0;
	transition:opacity 200ms linear;
}
#carousel .arrow-next {
	left:auto; right:0;
	background-image:url(/Images/arrow-next.png);
}
#carousel:hover .arrow {
	opacity:0.5;
}







#cta {
	width:calc(100% + 1.2em);
	margin:0 -1.2em 3em 0;
}
#cta li {
	float:left;
	width:calc(33.333% - 1.2em);
	margin-right:1.2em;
}
#cta a {
	display:flex;
	align-items:center;
	height:9.2em;
	color:#fff;
	background:#8d0101;
	border-radius:0.6em;
	position:relative;
	overflow:hidden;
	padding-left:10.8em;
}
#cta li:nth-child(2) a {
	background:#bf0000;
}
#cta .icon {
	color:#bf0000;
	font-size:3em;
	font-family:fa-light;
	line-height:1em;
	position:absolute;
	width:1.5em;
	text-align:center;
	top:3.1rem; right:1.1rem;
}
#cta li:nth-child(2) .icon {
	color:#8d0101;
}
#cta a:last-child {
	margin-bottom:0;
}
#cta img {
	position:absolute;
	top:0; left:0;
	width:9.2em;
	height:9.2em;
}
#cta strong {
	display:block;
	text-transform:uppercase;
	font-size:1.3em;
	line-height:1.2;
	width:5em;
}


#welcome {
	width:calc(100% + 1.2em);
	margin:0 -1.2em 3em 0;
}
#welcome li {
	float:left;
	width:calc(50% - 1.2em);
	margin-right:1.2em;
}
#welcome a {
	display:block;
	height:20em;
	background:#f2f2f2;
	border-radius:0.6em;
	position:relative;
	overflow:hidden;
	padding:2em 2em 2em 22em;
}
#welcome a:hover {
	background:#ededed;
}
#welcome img {
	position:absolute;
	top:0; left:0;
	width:20em;
	height:20em;
	background:#ccc;
}
#welcome span.button {
	display:inline-block;
	min-width:7.5em;
	padding:0 1.5em;
	line-height:2em;
	text-align:center;
	font-size:0.9375em;
	font-weight:500;
	color:#fff;
	background:#bf0000;
	border-radius:0.6em 0;
}


/*
.welcome-image-wrapper {
	width:0;
	height:0;
	padding:30% 50%;
	position:relative;
	margin-bottom:1.2em;
}
#welcome img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	border-radius:0.6em;
}
#welcome h3 {
	margin:0 0 0.4em 0;
}
#welcome a {
	display:inline-block;
	min-width:7.5em;
	padding:0 1.5em;
	line-height:2em;
	text-align:center;
	font-size:0.9375em;
	font-weight:500;
	color:#fff;
	background:#bf0000;
	border-radius:0.6em 0;
}
#start {
	float:right;
	width:calc(29% - 2em);
	height:27em;
}
#start-tabs {
	height:2.4em;
}
#start-tabs li {
	float:left;
	line-height:2.4em;
	margin-right:0.5em;
	border-radius:0.6em 0.6em 0 0;
	padding:0 2.5em;
	background:#ffc627;
	font-weight:500;
	cursor:pointer;
}
#start-tabs li.start-tab-active {
	background:#eee;
}
#start-content {
	height:27.3em;
	background:#eee;
	border-radius:0 0.6em 0.6em 0.6em;
	padding:2em;
}
#start-content li {
	margin-bottom:0.5em;
}
#start-content ul {
	display:none;
}
#start-content ul.start-content-active {
	display:block;
}
*/

/*
—————————————————
Showcase
—————————————————
*/
#showcase-wrapper {
	background:#1b1f22;
	padding:2em 0;
	border-radius:0.9em;
	margin-bottom:3em;
}
#showcase .inner {
	padding:0.5em;
}
#showcase a {
	display:block;
	position:relative;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:0;
	height:0;
	padding:30% 50%;
	opacity:0.5;
	transform:scale(0.92);
	transition:opacity 300ms, transform 200ms;
	border-radius:0.4em;
}
#showcase .slick-current a {
	opacity:1;
	transform:scale(1);
}
#showcase span {
	position:absolute;
	display:flex;
	bottom:1.5em; left:3em;
	width:calc(100% - 6em);
	color:#fff;
	align-items:center;
	justify-content:center;
	font-size:1.8em;
	font-weight:bold;
	line-height:1.2;
	text-shadow:0 0 0.7em rgba(0,0,0,0.5);
	text-align:center;
}
#showcase .slick-prev {
	left:28.6%;
	transform:scale(2);
	z-index:2;
}
#showcase .slick-next {
	right:28.6%;
	transform:scale(2);
	z-index:2;
}
#showcase .slick-prev:before {
	font-family:fa-light;
	content:'\f053';
}
#showcase .slick-next:before {
	font-family:fa-light;
	content:'\f054';
}

/*
———————————————————
Content
———————————————————
*/
.content {
	background:#fff;
}
.inverted #sidebar {
	background:#fff;
}
.inverted #content {
	background:#e2e2e2;
}
.full-width-content {
	padding:0.5em 0 3em 0;
	min-height:32em;
}
#sidebar {
	float:left;
	width:16em;
	position:sticky;
	top:3em;
	padding:1.4rem;
	border-radius:0.6em;
	box-shadow: 0 0 1.2em rgb(0 0 0 / 13%);
	margin-bottom:3em;
}
#sidebar h3 {
	margin:0;
	padding-bottom:1em;
}
#sidebar ul {
	font-size:0.85em;
	line-height:1.3;
	margin:0 -1.4rem;
}
#sidebar ul a {
	display:block;
	padding:0.3em 1.4rem;
	transition:background-color 150ms;
	position:relative;
}
#sidebar ul a:hover {
	background:#f2f2f2;
}
#sidebar ul a:active {
	background:#eaeaea;
}
#sidebar .active a:not(.active ul a) {
	color:#bf0000;
	font-weight:500;
	background:#f2f2f2;
}
#sidebar ul ul {
	font-size:0.8rem;
	margin:0.2em 0 0.2em 0;
	padding:0.4em 0;
}
#sidebar ul ul a {
	padding-left:2.8rem;
}
#sidebar ul ul .active a:not(ul ul ul a) {
	color:#bf0000;
}
#sidebar ul ul ul {
	margin-top:0;
}
#sidebar ul ul ul a {
	background:none;
	padding-left:4.2rem;
}
#sidebar ul ul ul a:hover {
	background:#ebebeb;
}
#sidebar ul ul ul .active a {
	color:#bf0000;
}
#sidebar a.parent:after {
	font-family:fa-solid;
	content:'\f078';
	display:inline-block;
	width:1.2em;
	font-size:0.9em;

	xposition:absolute;
	xtop:0.4em; xright:0.4em;
	color:#d2d2d2;
	color:#bf0000;
	margin-left:0.3em;
}
#content {
	float:right;
	width:calc(100% - 19.5em);
	padding-bottom:3em;
}
#content > h1:first-child {
	padding-top:0.5rem;
}
#content .imageContainer {
	float:right;
	width:45%;
	max-width:22em;
	margin:0 0 2em 2em;
}
#content .imageContainer img {
	display:block;
	max-width:100%;
}



/*
———————————————————
Footer
———————————————————
*/
#footer {
	color:#fff;
	background:#1b1f22;
	padding:2.5rem 3rem;
	text-align:center;
	font-size:0.875em;
	line-height:1.7;
	position:relative;
	margin-top:1.5em;
	border-top:0.5em solid #8d8e90;
}
#footer:before {
	content:'';
	position:absolute;
	top:4.3rem; left:3rem; right:3rem;
	background:#8d0101;
	height:1px;
}
.footer-panel {
	float:left;
	width:33.333%;
}
#footer h4 {
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:1.2em;
	padding:0;
}
#footer .logo-panel h4 {
	font-weight:bold;
	text-transform:none;
	font-family:logo,Georgia,serif;
	font-size:1.2rem;
	line-height:1;
	letter-spacing:0.03em;
}
#footer .logo-panel img {
	display:block;
	width:7em;
	height:9.05em;
	margin:auto;
}
#footer address a,
#footer address span,
#footer #contact span {
	display:block;
	color:rgba(255,255,255,0.85);
}
#footer-social {
	margin-top:0.7em;
}
#footer-social a {
	display:inline-block;
	font-size:0;
	border:2px solid rgba(255,255,255,0.85);
	border-radius:50%;
	width:2.2rem;
	height:2.2rem;
	text-align:center;
	margin:0 3px;
}
#footer-social a:before {
	font-size:1rem;
	font-family:fa-brands;
	line-height:calc(2.2rem - 4px);
}
#facebook:before  { content:'\f39e' }
#instagram:before { content:'\f16d' }
#twitter:before   { content:'\f099' }
#linkedin:before  { content:'\f0e1' }
#youtube:before   { content:'\f167' }

#footer a:hover {
	color:#fff;
	border-color:#fff;
}
#footer #copyright {
	margin:3em 0 0 0;
	opacity:0.85;
}
#footer #copyright a {
	display:inline-block;
	margin-left:1em;
	border-bottom:1px solid #777;
}




/*
———————————————————
Newsfeed
———————————————————
*/

#newsfeed {
	width:calc(100% + 1.5em);
	margin-right:-1.5em;
}
#newsfeed li {
	float:left;
	width:calc(33.333% - 1.5em);
	margin:0 1.5em 3em 0;
}

#newsfeed a {
	display:block;
	width:0; height:0;
	padding:70% 50%;
	position:relative;
	border-radius:0.6em;
	overflow:hidden;
	background:#f2f2f2;
	transition:background 150ms;
}
#newsfeed a:after {
	content:'Read more';
	width:7.5em;
	line-height:2em;
	text-align:center;
	font-size:0.9375em;
	font-weight:500;
	color:#fff;
	background:#bf0000;
	position:absolute;
	bottom:0; right:0;
	border-radius:0.6em 0 0 0;
}
#newsfeed a:hover {
	background:#ededed;
}


#newsfeed img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:47.62%;
	height:auto;
	background:#e3e3e2;
}
#newsfeed .text {
	position:absolute;
	top:47.62%; left:0;
	width:100%;
	height:52.38%;
	padding:1.2em 1em;
}
#newsfeed .teaser {
	display:block;
	font-size:0.9375em;
}

@media (min-width: 1200px) {
	#newsfeed.news-landing li:first-child,
	#newsfeed.news-landing li:nth-child(2) {
		width:calc(50% - 1.5em);
	}
	#newsfeed.news-landing li:first-child a,
	#newsfeed.news-landing li:nth-child(2) a {
		padding:54% 50%;
	}
	#newsfeed.news-landing li:first-child img,
	#newsfeed.news-landing li:nth-child(2) img {
		height:61.73%;
	}
	#newsfeed.news-landing li:first-child .text,
	#newsfeed.news-landing li:nth-child(2) .text {
		top:61.73%;
		height:38.27%;
	}
}


#newsfeed.news-home li {
	width:calc(25% - 1.5em);
}


/*
—————————————————————
Videos
—————————————————————
*/
#videos ul {
	width:calc(100% + 1.5em);
	margin-right:-1.5em;
}
#videos li {
	float:left;
	width:calc(33.333% - 1.5em);
	margin:0 1.5em 1.5em 0;
}
#videos a {
	display:block;
	width:0; height:0;
	padding:37% 50%;
	background:#f2f2f2;
	border-radius:0.5em;
	position:relative;
	overflow:hidden;
	transition:background-color 200ms;
}
#videos a:hover {
	background:#e2e2e2;
}
#videos a:active {
	background:#ddd;
}
#videos span.thumb-wrapper {
	position:absolute;
	top:0; right:0;
	width:100%;
	height:76%;
	overflow:hidden;
	background-size:cover;
	background-position:center;
}
#videos span.play {
	width:4em;
	height:4em;
	position:absolute;
	top:calc(38% - 2em);
	left:calc(50% - 2em);
}
#videos span.play:after {
	content:'\f144';
	display:block;
	font-family:fa-light;
	font-size:4em;
	line-height:1;
	text-align:center;
	transition:color 200ms;
	border-radius:50%;
	color:#fff;
	background:#ffc627;
}
#videos span.title {
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	top:76%; left:0;
	width:100%;
	height:24%;
	padding:0 1em;
	font-size:0.9em;
}


/*
———————————————————
Profiles
———————————————————
*/
.profiles {
	margin-top:3em;
}
.profiles li {
	float:left;
	width:33.333%;
	margin-bottom:1em;
}
.profiles a {
	display:block;
	width:0; height:0;
	padding:65% 50%;
	position:relative;
	overflow:hidden;
	transition:background 150ms;
}
.profiles img {
	position:absolute;
	top:0; left:2em;
	width:calc(100% - 4em);
	border-radius:50%;
}
.profiles .text {
	position:absolute;
	top:66%; left:1em;
	width:calc(100% - 2em);
	text-align:center;		
}
.profiles h3 {
	position:relative;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
}
.profiles h3:after {
	content:'';
	width:6rem;
	height:0.1rem;
	position:absolute;
	bottom:0; left:calc(50% - 3rem);
	background:#bf0000;
}


.page-content-wrapper {
	border-top:1px solid #ddd;
	display:flex;
}
#page-content {
	width:calc(100% - 17rem);
	position:relative;
	border-right:1px solid #ccc;
	padding:2em 2em 0 0;
}
#page-sidebar {
	width:17em;
	padding:2em 0 2em 2em;
}
.hide-sidebar #page-sidebar {
	display:none;
}
.hide-sidebar #page-content {
	border-right:0;
}
.hide-sidebar .standfirst {
	max-width:40em;
}
#page-sidebar #documents {
	margin-bottom:2em;
}




#story-header,
#story {
	width:calc(100% - 17rem);
	position:relative;
	padding-right:2em;
}
#story-header .breadcrumb {
	display:block;
}
#story-header .date {
	margin:-0.5em 0 2em 0;
	position:relative;
}
#story-header .date span {
	border-bottom:3px solid #ddd;
	padding-bottom:0.3em;
}
#story:after {
	top:auto; bottom:0;
}
#story .block {
	margin-top:2em;
}
#story a.hero {
	display:block;
	position:relative;
	margin-bottom:2.4em;
	border-radius:0.6em;
	overflow:hidden;
}
#story a.hero:after {
	content:'\f002';
	font-family:fa-solid;
	width:2.5em;
	height:2.5em;
	position:absolute;
	top:0.8em; right:0.8em;
	color:#fff;
	background:rgba(0,0,0,0.5);
	border-radius:50%;
	font-size:1em;
	line-height:2.5em;
	text-align:center;
	opacity:0;
	transition:opacity 150ms linear;
}
#story a.hero:hover:after {
	opacity:0.9;
}
#story-image .image-wrapper {
	display:block;
	width:0;
	height:0;
	position:relative;
}
#story a.hero img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	background:#f2f2f2;
}
#storyHeader {
	margin-bottom:20px;
}
#storyHeader span {
	float:left;
	line-height:25px;
}
#storyHeader ul {
	float:right;
}
#storyHeader li {
	float:left;
}
.story-album-link {
	display:block;
	border-radius:0.5em;
	background:#f2f2f2;
	text-align:center;
	margin-top:-1em;
	padding:0.5em;
	font-weight:500;
	color:#777;
	font-size:0.9em;
}
.story-album-link:hover {
	background:#ededed;
}
.social-share {
	display:inline-block;
	margin-top:1em;
	height:32px;
	border-top:3px solid #ddd;
	padding-top:0.4em;
}
.social-share:before {
	float:left;
	content:'Share';
	line-height:32px;
	margin-right:0.3em;
	font-style:italic;
}
.social-share li {
	float:left;
	margin-left:0.5em;
}
.social-share img {
	width:32px;
	height:32px;
}
.social-share a {
	border:0 !important;
}

#related-stories {
	position:absolute;
	top:0; right:-17em;
	width:17em;
	border-left:1px solid #ccc;
	padding-left:2em;
	font-weight:normal;
}





a.related {
	display:block;
	background:#f2f2f2;
	border-radius:0.6em;
	overflow:hidden;
	margin-bottom:3em;
}
a.related:last-child  {
	margin-bottom:0;
}
a.related .image {
	width:0;
	height:0;
	position:relative;
	padding:33.333% 50%;
}
a.related img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
}
a.related .text {
	padding:0.6em 0.6em 3em 0.6em;
	position:relative;
	line-height:1.3;
	font-size:1.1em;
}
a.related .text:after {
	content:'Read more';
	position:absolute;
	bottom:0; right:0;
	width:7.5em;
	line-height:2em;
	text-align:center;
	font-size:0.9375rem;
	font-weight:500;
	color:#fff;
	background:#bf0000;
	border-radius:0.5em 0 0 0;
}
a.related-profile {
	display:block;
	margin-bottom:3em;
}
a.related-profile img {
	display:block;
	width:11em;
	height:11em;
	margin:auto;
	border-radius:50%;
}
a.related-profile .text {
	text-align:center;
	padding:0.6em;
	position:relative;
	line-height:1.2;
}
a.related-profile .text strong {
	display:block;
	margin-bottom:0.2em;
}
a.related-profile .text span {
	display:block;
	font-size:0.9375em;
	margin-bottom:0.2em;
}
a.related-profile .text:after {
	content:'';
	width:6rem;
	height:0.1rem;
	position:absolute;
	bottom:0; left:calc(50% - 3rem);
	background:#bf0000;
}




/*
———————————————————
Profile
———————————————————
*/
.profile-banner {
	height:600px;
	margin-top:-7.8em;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#profile-wrapper {
	max-width:54em;
	margin:auto;
}
.profile-banner + #profile-wrapper {
	padding:3em;
}
#profile-wrapper h1 {
	text-align:center;
}
#profile-wrapper h1:first-child {
	padding-top:0.5rem;
}
#profile-wrapper h1 + h2 {
	text-align:center;
	margin-top:-0.8em;
	margin-bottom:1.5em;
}
#profile-wrapper .standfirst {
	border-bottom:1px solid #cacaca;
	padding-bottom:0.2em;
	margin-bottom:1.5em;
}
#related-profiles {
	text-align:center;
	margin:3em 0;
}
#related-profiles li {
	display:inline-block;	
	width:9em;
	vertical-align:top;
}
#related-profiles a {
	display:block;
	padding:0 2em;
	line-height:1.1;
}
#related-profiles img {
	display:block;
	margin:0 auto 0.8em auto;
	width:6em;
	height:6em;
	border-radius:50%;
}
#related-profiles strong {
	display:block;
	font-weight:500;
	padding-bottom:0.5em;
	border-bottom:2px solid #bf0000;
}



/*
———————————————————
Fast Facts
———————————————————
*/
#facts {
	width:calc(100% + 1.5em);
	margin:2em -1.5em 0 0;
	color:#fff;
	--dark-red:#8d0101;
	--medium-red:#bf0000;
	--bright-red:#f00;
	--gold:#ffc627;
}
#facts li.dark-red {
	background-color:var(--dark-red);
}
#facts li.medium-red {
	background-color:var(--medium-red);
}
#facts li.bright-red {
	background-color:var(--bright-red);
}
#facts li.gold {
	background-color:var(--gold);
}
#facts strong.dark-red {
	color:var(--dark-red);
}
#facts strong.medium-red {
	color:var(--medium-red);
}
#facts strong.bright-red {
	color:var(--bright-red);
}
#facts strong.gold {
	color:var(--gold);
}
#facts li {
	float:left;
	margin:0 1.5em 1.5em 0;
	width:calc(33.333% - 1.5em);
	margin-right:1.5em;
	border-radius:0.6em;
}
#facts .square {
	width:0;
	height:0;
	padding:50%;
	position:relative;
}
#facts .text {
	text-align:center;
	position:absolute;
	top:52%; left:0;
	width:100%;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.3;
}
#facts strong {
	display:block;
	font-size:4em;
	line-height:1.1;
	font-weight:800;
}


/*
——————————————————————
Documents
——————————————————————
*/
#documents li {
	float:left;
	width:calc(33.33% - 1em);
	margin:0 1em 1em 0;
}
#documents a {
	display:flex;
	align-items:center;
	height:5em;
	background:#f2f2f2;
	padding:1em;
	font-size:0.875em;
	line-height:1.2;
	padding-left:5em;
	transition:background-color 150ms;
	border-radius:0.6em;
	position:relative;
	overflow:hidden;
}
#documents a strong,
#documents a span {
	display:block;
}
#documents a:hover {
	background:#eaeaea;
}
#documents a:hover {
	background-color:#e9e9e9;
}
#documents a:active {
	background-color:#e2e2e2;
}
#documents a:before {
	content:'\f15b';
	font-family:fa-solid;
	font-size:2.5em;
	position:absolute;
	top:0; left:0;
	width:1.6em;
	text-align:center;
	height:100%;
	line-height:2em;
	background:#d00;
	color:#fff;
}
#documents li.pdf a:before {
	content:'\f1c1';
}
#documents li.word a:before {
	content:'\f1c2';
}
#documents li.excel a:before {
	content:'\f1c3';
}
#documents li.powerpoint a:before {
	content:'\f1c4';
}
#documents li.image a:before {
	content:'\f1c5';
}
#documents li.zip a:before {
	content:'\f1c6';
}
#page-sidebar #documents li {
	float:none;
	width:auto;
	margin:0 0 1em 0;
	font-size:0.9em;
	max-width:20rem;
}
#documents.newsletters {
	margin-bottom:2.5em;
}
#documents.newsletters a:before {
	color:#000;
	font-family:fa-light;
	background:#ffc627;
}

/*
——————————————————————
Staff Contact Card
——————————————————————
*/
#staff {
	margin:3em -1em 0 0;
	width:calc(100% + 1em);
}
#staff li {
	float:left;
	width:calc(50% - 1em);
	height:6.5em;
	background:#eee;
	margin:0 1em 1em 0;
	padding:1em 1em 1em 6em;
	position:relative;
	border-radius:0.5rem;
	font-size:0.875em;
	display:flex;
	align-items:center;
}
#staff li:before {
	content:'\f2bd';
	font-family:fa-light;
	font-size:3.25em;
	position:absolute;
	top:0.5em; left:0.4em;
	line-height:1;
	color:#d00;
}
#staff strong {
	display:block;
	line-height:1.2;
	margin-bottom:0.3em;
}
#staff span {
	display:block;
}
#staff img {
	position:absolute;
	top:10px; left:10px;
	width:80px;
	height:100px;
}
#staff a {
	border-bottom:1px solid #aaa !important;
	outline:0;
}
.profile #staff {
	margin:2em 0 0 0;
}
.profile #staff li {
	float:none;
	width:100%;
	max-width:18em;
	height:5em;
	background:#f2f2f2;
	margin:0;
}
.profile #staff li:before {
	top:0.27em;
}

/*
——————————————————————
Section Search
——————————————————————
*/
#search-box {
	margin-bottom:3em;
}
#search-box input.text {
	display:inline-block;
	border:1px solid #ccc;
	height:2em;
	padding:0 1em;
	width:15em;
	border-radius:1em;
	outline:0;
}
#search-box input.text:focus {
	border-color:#aaa;
}
#search-box input.button {
	display:inline-block;
	color: #fff;
	background:#bf0000;
	font-weight:500;
	line-height:2em;
	padding:0 1.2em;
	transition:background-color 150ms;
	border:0;
	border-radius:1em;
	cursor:pointer;
}

/*
——————————————————————
Photo Galleries
——————————————————————
*/
#albums ul {
	margin-top:2.4em;
}
#albums li {
	float:left;
	width:calc(25% - 1em);
	margin:0 1em 1em 0;
}
#albums li a {
	display:block;
	width:0;
	height:0;
	padding:50%;
	position:relative;
}
#albums img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:66.666%;
	border-radius:0.5em;
}
#albums a:hover img {
	opacity:.93;
}
#albums li .text {
	position:absolute;
	top:calc(66.666% + 0.7em); left:0;
	width:100%;
	text-align:center;
	line-height:1.2;
}
#albums li strong {
	display:block;
	font-size:0.9375em;
}
#albums li span {
	display:block;
	font-size:0.875em;
}
.album-header {
	height:2em;
	border-bottom:1px solid #ddd;
	margin-bottom:1.2em;
}
.album-header span {
	float:left;
	line-height:25px;
}

/*
—————————————————
Tabs
—————————————————
*/
.tabs, .faq-tabs {
	min-height:2em;
	margin:2em 0;
	font-size:0.9em;
}
.tabs li, .faq-tabs li {
	display:inline-block;
	margin:0 0.25em 0.6em 0;
}
.tabs a, .faq-tabs li {
	display:inline-block;
	line-height:2em;
	padding:0 1em;
	box-sizing:border-box;
	transition:background-color 150ms;
	border-radius:1em;
	color:#444;
	background-color:#eee;
	font-weight:500;
	cursor:pointer;
}
.tabs a:hover, .faq-tabs li:hover {
	background-color:#e9e9e9;
}
.tabs a:active, .faq-tabs li:active {
	background-color:#e2e2e2;
}
.inverted .tabs a,
.inverted .tabs a:hover {
	background-color:#fff;
}
.tabs li.active a,
.faq-tabs li.active,
.inverted .tabs li.active a {
	color:#000;
	background-color:#ffc627;
}



/*
————————————————————————
Events
————————————————————————
*/
#events {
	width:calc(100% + 1.5em);
	margin:2em -1.5em 0 0;
}
#events li {
	float:left;
	width:calc(25% - 1.5em);
	margin:0 1.5em 1.5em 0;
}
#events .event-tile {
	position:relative;
	width:0;
	height:0;
	padding:48% 50%;
	background:#f5f5f5;
	border-radius:0.6em;
	overflow:hidden;
}
#events .date-wrapper {
	position:absolute;
	top:0; left:0;
	padding:0.8em 1em;
	width:100%;
	color:#fff;
	background:#bf0000;
}
#events .date-wrapper div {
	float:left;
}
#events .date-wrapper .dash {
	line-height:1;
	margin:1em 0.4em 0 0.4em;
}
#events span.day {
	display:block;
	font-weight:500;
	font-size:0.8em;
	line-height:1;
	text-transform:uppercase;
}
#events span.date {
	display:block;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.1;
}
#events .text {
	position:absolute;
	top:3.8em; left:0;
	width:100%;
	padding:1em;
}
#events h3 {
	margin:0 0 0.5em 0;
	font-size:1.1em;
}
#events .icon {
	font-size:0.9em;
}
#events .icon:before {
	display:inline-block;
	width:1.1em;
	margin-right:0.5em;
	font-family:fa-solid;
	color:#bf0000;
	text-align:center;
}
#events .location:before {
	content:'\f3c5';
}
#events .time:before {
	content:'\f017';
}
#events .location + .time {
	margin-top:-1em;
}
#events a {
	font-size:0.9em;
	font-weight:500;
	color:#bf0000;
	border-bottom:1px solid #bf0000aa;
}
#events li.type1 .event-tile {
	color:#fff;
	background:#bf0000;
}
#events li.type1 .icon:before {
	color:#fff;
}
#events li.type1 .date-wrapper {
	background:#8d0101;
}
#events li.type1 a {
	color:#8d0101;
	border-color:#8d0101aa;
}
#events li.type2 .date-wrapper {
	color:inherit;
	background:#ffc627;
}
#events li.type2 a {
	color:#ffc627;
	border-color:#ffc627aa;
}
#events li.type5 .date-wrapper {
	background:#41a9dc;
}
#events li.type5 a {
	color:#41a9dc;
	border-color:#41a9dcaa;
}
#events li.type5 .icon:before {
	color:#41a9dc;
}

/*
#events .image-wrapper {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:60%;
	background:#eee;
}
#events img {
	display:block;
	width:100%;
	height:100%;
}
*/

/*
————————————————————————
Event Page
————————————————————————
*/
#event-wrapper {
	background:#fff;
	padding:2em;
	border-radius:8px;
	overflow:hidden;
}
.event-hero-wrapper {
	display:block;
	width:0;
	height:0;
	position:relative;
	padding:30% 50%;
	margin-bottom:0.75em;
}
.event-hero-wrapper:last-child {
	margin-bottom:0;
}
.event-hero-wrapper img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	border-radius:5px;
}
#event-heading-wrapper {
	color:#fff;
	background:#244a6f;
	padding:2em;
	margin:-2em -2em 2em -2em;
	text-align:center;
	position:relative;
}
#event-heading-wrapper h1 {
	color:#fff;
	margin:0 0 0.2em 0;
	padding:0 2em;
}
#event-heading-wrapper h3 {
	margin:0;
}
#event-heading-wrapper .arrow {
	position:absolute;
	top:calc(50% - 2.5rem);
	font-size:2.5rem;
	line-height:2;
	width:3rem;
	height:2em;
	text-align:center;
	color:#fff;
}
#event-heading-wrapper .arrow span {
	display:none;
}
#event-heading-wrapper .arrow:before {
	font-family:fa-solid;
}
#event-heading-wrapper .arrow-prev {
	left:1.8rem;
}
#event-heading-wrapper .arrow-prev:before {
	content:'\f053';
}
#event-heading-wrapper .arrow-next {
	right:1.8rem;
}
#event-heading-wrapper .arrow-next:before {
	content:'\f054';
}

/*
—————————————————————
Event Details
—————————————————————
*/
#event-wrapper dl {
	border-bottom:1px solid #ddd;
	margin-bottom:2em;
}
#event-wrapper dt, #event-wrapper dd {
	float:left;
	padding:0.3em;
	border-top:1px solid #ddd;
	box-sizing:border-box;
}
#event-wrapper dt {
	clear:left;
	width:5em;
	font-weight:bold;
}
#event-wrapper dd {
	width:calc(100% - 5em);
}
#event-wrapper dd a {
	border:0;
}
#event-wrapper a.more {
	display:inline-block;
	color:#fff;
	padding:0.25em 1.1em;
	text-transform:uppercase;
	font-size:0.85em;
	position:relative;
	font-weight:700;
	letter-spacing:0.07em;
	z-index:1;
	margin-top:2em;
}
#event-wrapper a.more:after {
	content:'';
	background:#ccc;
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	transform:skew(-15deg);
	z-index:-1;
}






/*
——————————————————————
Inline Images
——————————————————————
*/
.inline-images {
	width:calc(100% + 1em);
	margin:2.4rem -1em 2.4rem 0;
	clear:both;
}
.inline-images + .inline-images {
	margin-top:-1.4rem;
}
.inline-images:first-child {
	margin-top:0;
}
.inline-images li {
	float:left;
	margin-right:1em;
}
.inline-images a {
	display:block;
	outline:0;
	border:0 !important;
	position:relative;
}
.inline-images .image-wrapper {
	display:block;
	width:0;
	height:0;
	padding:33.333% 50%;
	position:relative;
}
.inline-images a[data-fancybox]:after {
	content:'\f002';
	font-family:fa-solid;
	width:2.5em;
	height:2.5em;
	position:absolute;
	top:0.7em; right:0.7em;
	color:#fff;
	background:rgba(0,0,0,0.5);
	border-radius:50%;
	line-height:2.5em;
	text-align:center;
	opacity:0;
	transition:opacity 150ms linear;
	font-size:0.9em;
}
.inline-images a:hover:after {
	opacity:0.9;
}
.inline-1up-portrait {
	width:100%;
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.inline-1up li {
	width:100%;
	display:block;
	margin-right:0;
}
.inline-1up li {
	width:calc(100% - 1em);
}
.inline-2up li {
	width:calc(50% - 1em);
}
.inline-3up li {
	width:calc(33.333% - 1em);
}
.inline-4up li {
	width:calc(25% - 1em);
}
.inline-5up li {
	width:calc(20% - 1em);
}
.inline-images img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	border-radius:0.5rem;
	background:#f2f2f2;
}
.inline-1up-portrait img {
	height:auto;
	position:static;
}
.inline-1up-portrait .image-wrapper {
	width:auto;
	height:auto;
	padding:0;
}
.inline-images .caption {
	display:block;
	font-size:0.85rem;
	margin-top:0.5em;
	line-height:1.25;
	color:#222;
	padding:0 1em 0.4em 0;
}
.inline-images .caption:before {
	content:'\f030';
	font-family:fa-solid;
	margin-right:0.4em;
	color:#bbb;
}



/*
——————————————————————
Gallery
——————————————————————
*/
.gallery {
	margin:2em 0;
}
.gallery:last-child {
	margin-bottom:0;
}
.gallery-row  {
	width:calc(100% + 1em);
	margin-right:-1em;
}
.gallery-row li {
	float:left;
	margin:0 1em 1em 0;
}
.gallery-row:last-child li {
	margin-bottom:0;
}
.gallery-row1 li {
	width:calc(100% - 1em);
	margin:auto;
}
.gallery-row2 li {
	width:calc(50% - 1em);
}
.gallery-row3 li {
	width:calc(33.3333% - 1em);
}
.gallery-row4 li {
	width:calc(25% - 1em);
}
.gallery-row a {
	display:block;
	width:0;
	height:0;
	outline:0;
	padding:33.3333% 50%;
	position:relative;
	overflow:hidden;
	background:#eee;
	border-radius:0.5em;
}
.gallery-row img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
}
.gallery-row img.vertical {
	height:auto;
	top:-30%;
}



/*
——————————————————————
FAQs
——————————————————————
*/
#questions {
	border-bottom:1px solid #cac7bb;
	margin:0 auto 3em auto;
}
#questions li.top {
	border-top:1px solid #cac7bb;
}
.faqs .question {
	font-weight:600;
	cursor:pointer;
	margin:0;
	user-select:none;
	padding:0.5em 2em 0.5em 0;
	position:relative;
	transition:color 150ms linear;
}
.faqs .question:after {
	content:'\f067';
	font-family:fa-solid;
	font-weight:normal;
	position:absolute;
	top:0; right:0;
	padding:0.5em;
}
.faqs .question:hover {
	color:#e14419;
}
.faqs .question-active:after {
	content:'\f068';
	color:#e14419;
}
.faqs .answer {
	display:none;
	background:#fff;
	padding:1em;
	border-radius:4px;
	margin-bottom:1em;
}
.faqs .answer img {
	display:block;
	width:100%;
	max-width:600px;
}
.faqs .answer-active {
	display:block;
}
.faqs .answer p:last-child {
	margin:0;
}
.faqs .answer iframe {
	display:block;
	width:400px;
	height:224px;
	margin-bottom:4px;
}
#faq-button {
	margin-bottom:2em;
}
#faq-button .button {
	display:inline-block;
	cursor:pointer;
	width:10rem;
	outline:0;
	border:0;
	cursor:pointer;
	font-size:0.9em;
    border-radius:0.6em 0 0.6em 0;
    color:#fff;
    background:#bf0000;
    text-align:center;
    font-weight:500;
    padding:0.4em 1.2em;
}



/*
—————————————————
Testimonials
—————————————————
*/
.testimonials {
	width:calc(100% + 3em);
	margin-right:-3em;
    padding-top:3em;
}
.testimonial {
	float:left;
	width:calc(50% - 3em);
	margin:0 3em 3em 0;
}
.testimonial:nth-child(odd) {
	clear:left;
}
.testimonials img {
	display:block;
	aspect-ratio:4 / 5;
	width:100%;
	border-radius:0.5rem;
	margin-bottom:1.4em;
}
.testimonials h2 {
	margin:0 0 0.2em 0;
}
.testimonials h3 {
	font-weight:normal;
	margin-top:0;
}
.testimonials .text {
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
	padding:1.2em;
	margin:2em auto;
	max-width:calc(100% - 3em);
	position:relative;
}
.testimonials .text:before,
.testimonials .text:after {
	position:absolute;
	font-family:Georgia;
	font-size:5em;
	line-height:1;
	color:#aaa;
	padding:0 0.1em;
	background:#fff;
}
.testimonials .text:before {
	content:'“';
	top:-0.2em; left:-0.4em;
}
.testimonials .text:after {
	content:'”';
	height:0.5em;
	bottom:-0.25em; right:-0.4em;
}
.testimonials p:last-child {
	margin:0;
}

/*
——————————————————————
Forms
——————————————————————
*/
.form h3 {
	margin-top:2em;
}
.total + h3 {
	margin-top:0;
}
.form h3:first-child {
	margin-top:0;
}
.form p {
	margin-bottom:0.8em;
}
.form p.checkboxes input {
	margin-right:4px;
	position:relative;
	top:1px;
}
.form label {
	display:block;
	font-size:13px;
	margin-bottom:1px;
	color:#777;
}
.form .checkboxes label {
	display:inline;
	color:inherit;
	margin:0;
	font-size:inherit;
}
.form input.text,
.form textarea,
.form select {
	display:block;
	padding:5px 6px;
	border-radius:4px;
	border:1px solid #ccc;
	width:100%;
	box-sizing:border-box;
	max-width:400px;
	box-shadow:2px 2px #ccc;
}
.form select {
	display:inline-block;
	width:auto;
}
.form select.full {
	width:100%;
}
.form input.text:focus,
.form textarea:focus,
.form select:focus {
	outline:none;
	border-color:#ffc627;
	box-shadow:2px 2px #ffc627;
}
.form input.postcode {
	display:inline-block;
	width:80px;
}
.form textarea {
	height:120px;
}
.form input.button {
	display:inline-block;
    font-size: 0.9375em;
	color:#fff;
	background:#bf0000;
	width:8em;
    height:2em;
    line-height:2em;
    border-radius: 0.5em 0 0.5em 0;
	text-align:center;
	font-weight:500;
	text-decoration:none;
	margin:0 auto 10px auto;
	border:0;
	cursor:pointer;
	margin-top:20px;
	outline:none;
	-webkit-appearance:none;
}
.form input.button:hover  {
	background:#a60000;
}
.form input.button:active  {
	background:#8d0101;
}
.form input.delete-button {
	background:#ccc !important;
	margin-left:6px;
}
.form .add-button {
	display:inline-block;
	background:#eee;
	padding:10px;
	border-radius:7px;
	margin:2em 0 1em 0;
}
.form .add-button input {
	margin-right:5px;
}
.validation-container {
	color:#e00;
	margin-bottom:1em;
}
.confirm {
	display:inline-block;
	color:#fff;
	font-weight:bold;
	font-size:1.3em;
	background:#ddd;
	border-radius:10px;
	padding:6px 15px;
}
.confirm:before {
	content:'✓ ';
}
.form .total {
	display:inline-block;
	padding:4px 0;
	border-top:1px solid #aaa;
	border-bottom:4px double #aaa;
	margin-bottom:2.2em;
}
.total span {
	margin-left:5px;
}
.form p.error {
	color:#fff;
	background:red;
	position:relative;
	top:18px;
	line-height:1.1;
	display:inline-block;
	padding:4px 9px;
	border-radius:4px;
	font-weight:bold;
}


/*
——————————————————————
Tables
——————————————————————
*/
.no-wrap {
	white-space:nowrap;
}
.table-wrapper {
	width:100%;
	overflow-x:scroll;
	margin-top:2em;
}
.markdown .table-wrapper {
	margin-top:0;
	overflow-x:auto;
}
.markdown table {
	width:100%;
	font-size:0.9em;
}
.markdown th {
	background:#ffc627;
	font-weight:bold;
}
.markdown th,
.markdown td {
	padding:0.4em 0.7em;
	vertical-align:top;
	border:0.05em solid #ffc627;
	width:11em;
	text-align:center;
}
.markdown th:first-child,
.markdown td:first-child {
	width:auto;
	text-align:left;
}
.markdown td {
	background:#ffc6271a;
}
.markdown td:first-child {
	background:none;
}


.presentation th.label,
.presentation td {
	border:1px solid #fed534;
}
.presentation th.center,
.presentation td.center {
	text-align:center;
}
.presentation td.tint {
	background:#fffce2;
	font-weight:bold;
}
.presentation td.tint span {
	font-weight:normal;
}
.fees {
	width:100%;
	font-size:14px;
}


/*
—————————————————
Staff
—————————————————
*/
.staff {
	width:100%;
	border-bottom:0.05em solid #ddd;
	font-size:0.875em;
	margin-top:1em;
	margin-bottom:1.5em;
}
.staff th {
	font-weight:bold;
	color:#bf0000;
	background:#f1f1f1;
	padding:0.4em 0.5em;
}
.staff td {
	border-top:0.05em solid #ddd;
	padding:0.4em 2em 0.4em 0.4em;
	width:30%;
	vertical-align:top;
}
.staff a {
	color:#bf0000;
}
.staff td:last-child {
	width:10%;
}
h2.learning {
	margin-top:2.8em;
}
.learning-icon {
	font-family:fa-light;
	font-size:1.2em;
	font-weight:normal;
	display:inline-block;
	width:1.3em;
	margin-right:0.3em;
	text-align:center;
	color:#bf0000;
}
h4.learning {
	color:#bf0000;
	font-size:1.1em;
	font-weight:500;
	margin-bottom:0.2em;
}


/*
———————————————————
Staff
———————————————————
*/
.leadership  {
	width:calc(100% + 1.2em);
	margin:2.5em -1.2em 0 0;
}
.leadership li {
	float:left;
	width:calc(25% - 1.2em);
	margin:0 1.2em 2.8em 0;
	position:relative;
}
.leadership a {
	display:inline-block;
	line-height:1.8;
	color:#bf0000;
	outline:0;
	border:0 !important;
	font-size:0.9em;
	margin-top:0.4em;
	font-weight:500;
}
.leadership a:after  {
	float:left;
	content:'\f0a9';
	font-family:fa-solid;
	font-size:1.8em;
	margin-right:0.2em;
	line-height:1;
	color:#bf0000;
}
.leadership .image-wrapper {
	width:0;
	height:0;
	padding:62.5% 50%;
	position:relative;
	margin-bottom:0.5em;
}
.leadership img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	border-radius:0.5em;
}
.leadership h3 {
	font-size:1.2em;
	margin:1em 0 0.2em 0;
}
.leadership h4 {
	font-size:0.9em;
	line-height:1.2;
	color:#999;
	margin-bottom:0.3em;
	font-weight:500;
}
.profile {
	max-width:960px;
	padding:1.8em 1em 1.8em 300px;
	position:relative;
}
.profile img {
	position:absolute;
	top:1em; left:1em;
	width:240px;
	border-radius:0.5em;
}
.profile h2 {
	font-size:1.5rem;
}
.profile h3 {
	font-size:1.1em;
	margin:-0.7em 0 1.3em 0;
	font-weight:500;
}
.staff-profile .profile {
	width:auto;
	height:auto;
	padding:1.5em 0 0 12.5em;
	min-height:17em;
	margin-bottom:1.5em;
	border-top:1px solid #ddd;
}
.staff-profile .profile img {
	top:1em; left:0;
	width:11em;
	border-radius:5px;
}
#content .staff-profile .profile h2 {
	margin:0 0 0.6em 0;
	font-size:1.4em;
}
#content .staff-profile .profile h2 + h3 {
	margin-top:-0.5em;
}
#content .staff-profile .profile h2:before {
	display:none;
}

/*
==========================
Grids
==========================
*/
.grid {
	width:100%;
	border-bottom:1px solid #ddd;
	margin:1.5em 0;
	font-size:0.9em;
}
.grid tr:hover td {
	background-color:#eee;
}
.grid th {
	font-weight:500;
}
.grid td {
	padding:0.5em 0.8em;
	background:#fafafa;
	border-top:1px solid #ddd;
	cursor:pointer;
}
.grid tr.completed td {
	background-color:#fbf5dc;
	border-color:#eedead;
}
.grid tr.completed:hover td {
	background-color:#f7eec9;
}
.grid td a {
	color:#333;
}
.grid td a:hover {
	text-decoration:none;
}
.quoted-word {
	color:#bf0000;
}
.search-results h3 {
	margin-top:1em;
	margin-bottom:0.5em;
}
.search-results .parent {
	color:#999;
}
.search-results .divider:after {
	content:'\f105';
	font-family:fa-solid;
	color:#bf0000;
	width:1.2em;
	display:inline-block;
	text-align:center;
}

/*
————————————————————————
Shop
————————————————————————
*/
.shop-logo {
	width:200px;
	height:176px;
	display:block;
	margin:-8px auto 15px auto;
}
.shop-hours {
	font-size:0.9em;
	margin:1.5em 0 0 0;
}
.shop-hours span {
	display:block;
	margin-bottom:0.7em;
}
.shop-hours span:last-child {
	margin:0;
}
#content .shop-buttons a.hours {
	display:none;
}
.tagline {
	text-align:center;
	font-size:12.5px;
	font-style:italic;
	border-top:1px solid #ccc;
	border-bottom:1px solid #cfcfcf;
	padding:5px 0;
	line-height:1.3;
	margin:-6px 0 1.3em 0;
}
.cart {
	display:block;
	background:#fcbd1b;
	text-align:center;
	padding:4px 0;
	border-radius:4px;
	margin:auto;
}
#content p.breadcrumb:first-child {
	margin-top:0;
}
#products {
	width:102%;
	margin:0 -2% 30px 0;
}
#products li {
	float:left;
	width:48%;
	height:114px;
	margin:0 2% 2% 0;
}
#products a {
	display:block;
	height:114px;
	padding:7px 12px 7px 118px;
	position:relative;
	border:0;
	background:#f2f2f2;
}
#products li.sale a {
	background:#fff;
	border:2px solid #fc0;
	padding:5px 10px 5px 116px;
}
#products a:hover {
	background:#ededed;
}
#products img {
	position:absolute;
	top:7px; left:7px;
	width:100px;
	height:100px;
}
#products li.sale img {
	top:5px; left:5px;
}
#products strong {
	display:block;
	padding-top:5px;
}
#product #images li {
	float:left;
	margin:0 10px 10px 0;
}
#product #images a {
	display:block;
	border:1px solid #ddd;
}
#product #images img {
	display:block;
	width:150px;
	height:150px;
}
#product img.single {
	float:right;
	width:300px;
	height:300px;
	border:1px solid #ddd;
	margin:0 0 24px 24px;
}
#product .markdown {
	max-width:500px;
}
#product-content p:first-child {
	margin-top:0 !important;
}
#product-content p.price {
	font-size:1.3em;
}
#product-content p.price small {
	font-size:0.9em;
}
.attributes {
	display:inline-block;
	background:#eee;
	border-radius:5px;
	padding:0.6em 1em 1em 1em;
	margin-bottom:1em;
}
.attributes-no-sizes {
	padding:0;
	background:none;
}
.attributes dl {
	float:left;
	margin-right:12px;
}
.attributes dt {
	font-weight:600;
}
.attributes select {
	padding:0.3em;
	font-size:0.9em;
}
.add-product {
	display:block;
	width:7.5em;
	line-height:2em;
	text-align:center;
	font-size:0.9375em;
	font-weight:500;
	color:#fff;
	background:#bf0000;
	border:0;
	border-radius:0.5em 0 0.5em 0;
	margin-top:1em;
	cursor:pointer;
}
#sizes {
	clear:left;
	font-size:13px;
}
#sizes th {
	font-weight:bold;
	border-bottom:1px solid #ddd;
	padding:1px 0;
	color:#ea0;
}
#sizes td {
	padding:1px 0;
	border-bottom:1px solid #ddd;
}
#sizes .size {
	padding-right:30px;
}
#sizes .price {
	text-align:right;
	padding:0 0 0 30px;
}
.hide-measurements .measurement,
.hide-prices .price {
	display:none;
}

/*
————————————————————————
Cart
————————————————————————
*/
#cart table {
	width:100%;
	margin-bottom:1.5em;
	border-bottom:3px solid #ddd;
}
#cart th {
	padding:0.3em 0.8em;
	background:#ffc627;
	font-weight:500;
	color:#000;
	font-size:0.9em;
}
#cart td {
	border-top:1px solid #ddd;
	padding:12px;
	background:#f9f9f9;
}
#cart .money {
	text-align:right;
}
#cart td input.quantity {
	padding:3px;
	width:30px;
	border:1px solid #ccc;
	border-top-color:#aaa;
	border-radius:4px;
	text-align:center;
	margin-right:4px;
}
#cart td input.quantity:hover {
	border-color:#aaa;
	border-top-color:#888;
}
#cart td input.quantity:focus {
	border-color:#8ed4e6;
	background-color:#fefef0;
}
#cart tr.total {
	font-weight:bold;
	font-size:16px;
}
#cart tr.total td {
	border-bottom:1px solid #ddd;
}
#cart tr.total small {
	font-weight:normal;
}
#cart .update {
	display:inline-block;
    width:5.5em;
    line-height:2em;
    text-align:center;
    font-size:0.875em;
    font-weight:500;
    color:#fff;
    background:#bf0000;
    border:0;
    border-radius:0.5em 0 0.5em 0;
    cursor:pointer;
	margin-left:0.4em;
}
#cart .remove {
	background:#bbb;
}
#cart .update:hover {
	opacity:.8;
}
.checkout-button {
	display:block;
    width:9.5em;
    line-height:2em;
    text-align:center;
    font-weight:500;
    color:#fff;
    background:#bf0000;
    border:0;
    border-radius:0.5em 0 0.5em 0;
    cursor:pointer;
	font-size:1.05em;
}
#cart .checkout-button {
	float:right;
}
.payment-logo img {
	display:inline-block;
	max-width:200px;
	margin-top:-1em;
}
.checkout-button {
	font-size:1.1em;
}
.continue-shopping a {
	display:inline-block;
	margin-bottom:1em;
	padding:0.2em;
}
.continue-shopping a:before {
	display:inline-block;
	content:'\f104';
	font-family:fa-light;
	width:1em;
}

/*
————————————————————————
Checkout
————————————————————————
*/
.delivery-options input {
	float:left;
	clear:left;
	margin-top:1px;
}
.delivery-options label {
	float:left;
	margin-bottom:1em;
	text-align:left;
	width:auto;
	max-width:95%;
}
.delivery-options label strong,
.delivery-options label span {
	display:block;
}

/*
—————————————————
Contact Page
—————————————————
*/
#contact-left {
	float:left;
	width:calc(50% - 2em);
}
#contact-right {
	float:right;
	width:calc(50% - 2em);
	background:#f2f2f2;
	padding:1.2em;
	border-radius:0.5em;
}
.contact-intro {
	margin-bottom:2em;
}
#contact-right select {
	float:left;
	width:calc(100% - 7rem);
	border:1px solid #bbb;
	padding:0.4em;
	border-radius:4px;
	outline:0;
	font-size:0.9em;
}
#contact-right .button {
	float:right;
	width:6rem;
	outline:0;
	border:0;
	cursor:pointer;
	font-size:0.9em;
    border-radius:0.6em 0 0.6em 0;
    color:#fff;
    background:#bf0000;
    text-align:center;
    font-weight:500;
    padding:0.4em 1.2em;
    transition:color 150ms linear;
}
#contact-right #staff {
	width:auto;
	margin:0;
}
#contact-right #staff li {
	float:none;
	width:auto;
	margin:0;
	background:#fff;
	height:auto;
	min-height:6.5em;
}
#contact dl {
	border-bottom:1px solid #ddd;
	margin-bottom:2em;
}
#contact div:last-child dl {
	margin-bottom:0;
}
#contact dt,
#contact dd {
	float:left;
	padding:0.7em 0;
	border-top:1px solid #ddd;
	box-sizing:border-box;
}
#contact dt {
	clear:left;
	width:11em;
}
#contact dd {
	width:calc(100% - 11em);
}
#contact dd a {
	border-bottom:2px solid #fc0;
}
#contact dt span {
	font-size:0.9em;
}
#contact dt:before {
	font-family:fa-light;
	font-size:1.2em;
	line-height:1.5rem;
	width:1.5em;
	display:inline-block;
	text-align:center;
	position:relative;
	top:0.1em;
	margin-right:0.4em;
	color:#bf0000;
}
#contact dt.calendar:before {
	content:'\f133';
}
#contact dt.clock:before {
	content:'\f017';
}
#contact dt.location:before {
	content:'\f3c5';
}
#contact dt.post:before {
	content:'\f813';
}
#contact dt.attachment:before {
	content:'\f0c6';
}
#contact dt.person:before {
	content:'\f007';
}
#contact dt.phone:before {
	content:'\f095';
}
#contact dt.fax:before {
	content:'\f1ac';
}
#contact dt.mobile:before {
	content:'\f3cd';
}
#contact dt.email:before {
	content:'\f0e0';
}
#contact dt.website:before {
	content:'\f245';
}
#contact dt.facebook:before {
	font-family:fa-brands;
	content:'\f39e';
}
#contact dt.linkedin:before {
	font-family:fa-brands;
	content:'\f0e1';
}
#contact dt.twitter:before {
	font-family:fa-brands;
	content:'\f099';
}
#contact dt.instagram:before {
	font-family:fa-brands;
	content:'\f16d';
}
#contact dt.youtube:before {
	font-family:fa-brands;
	content:'\f167';
}
#contact dt.pinterest:before {
	font-family:fa-brands;
	content:'\f0d2';
}
#contact dt.phone + dd a {
	font-weight:600;
}
#contact dl + p {
	margin-top:2em;
	margin-bottom:0;	
}
#contact address {
	display:inline-block;
	background:#eee;
	padding:1em 1.5em;
	border-radius:7px;
	margin-top:2em;
}
#contact address span,
#contact address strong {
	display:block;
}
#google-map {
	background:#eee;
	height:30em;
	border-radius:0.5em;
}






/*
—————————————————
Responsive
—————————————————
*/



@media (max-width: 1920px) {
	#nav-right li.top:nth-child(3) .rollover {
		left:auto; right:-6em;
	}
	#nav-right li.top:nth-child(3) .rollover:before {
		left:auto; right:10em;
	}
}


@media (max-width: 1800px) {
	#carousel a {
		font-size:0.9rem;
		bottom:2.3em;
	}
}



@media (max-width: 1200px) {
	html {
		font-size:13px;
	}
	.logo:before, .logo:after {
		top:5.2rem;
	}
	#nav,
	#nav-secondary-right {
		display:none;
	}
	#nav-secondary-left .button-search-wrapper {
		display:none !important;
	}
	#nav-mobile {
		display:block;
	}




	#nav {
		display:none;
		position:fixed;
		top:0; left:0;
		width:100%;
		height:100%;
		color:#fff;
		background:#323639;
		padding:0;
		z-index:3;
		font-size:1.2rem;
		overflow-y:scroll;
	}
	body.nav-active #nav,
	body.nav-active .close-menu {
		display:block;
	}
	body.nav-active .carousel-wrapper,
	body.nav-active .home,
	body.nav-active .main-wrapper,
	body.nav-active #footer,
	body.nav-active .back-top {
		display:none;
	}
	#nav-quicklinks {
		display:block;
	}
	#nav-left, #nav-right {
		float:none;
	}
	#nav li.top {
		float:none;
		border-top:1px solid #ffffff22;
	}
	#nav li.active a.top {
		color:#ffc627;
		font-weight:600;
	}
	#header #nav .wrapper {
		padding:5em 0 3em 0;
		max-width:30em;
	}
	#nav .trigger {
		display:block;
		position:absolute;
		top:0.4em; right:0.5em;
		width:4em;
		height:1.9em;
		line-height:1.9em;
		color:#ffffffaa;
		background:#ffffff22;
		text-align:center;
		border-radius:0.3em;
	}
	#nav .trigger:before {
		content:'\f078';
		font-family:fa-solid;
		display:inline-block;
		transition:transform linear 200ms;
	}
	#nav li.active .trigger:before {
		transform:rotate(180deg);
	}
	#nav li.top .rollover {
		display:none;
		position:static;
		background:none;
		width:auto;
		box-shadow:none;
		border-radius:0;
		padding:0 0 0.8em 0;
	}
	#nav li.top:hover .rollover {
		display:none;
	}
	#nav li.active .rollover {
		display:block !important;
	}
	#nav li.top .rollover:before,
	#nav li.top h3,
	#nav li.top .rollover-contents div {
		display:none;
	}
	#nav li.top .rollover-contents {
		display:block;
	}
	#nav li.top .rollover ul {
		float:none;
		margin:0;
	}

	#nav li ul a {
		padding:0 1.3rem 0 2.2rem;
		opacity:0.6;
			}
	#nav li ul a:hover,
	#nav li ul a:active {
		background:none;
	}
	#nav li ul a:active {
		opacity:1;
	}
	#nav li ul li.active a {
		opacity:1;
		font-weight:600;
	}

	.page-content-wrapper {
		display:block;
	}
	#page-content {
		width:auto;
		border:0;
		padding-right:0;
	}
	#page-sidebar {
		width:auto;
		padding:2em 0 0 0 ;
		border-top:1px solid #ddd;
	}


	#search {
		position:fixed;
		top:0; left:0;
		width:100%;
		height:11em;
		background:#fff;
		z-index:1;
		border-bottom:1em solid #ffc627;
	}
	.search-content {
		padding:4em 3em;
		margin:auto;
		max-width:50em;
	}
	#search input.search-text {
		width:calc(100% - 3.5rem);
		background:#f2f2f2;
		border-radius:0.3em 0 0 0.3em;
		font-size:16px;
	}
	#search input.search-button {
		background:#ffc627;
		-webkit-appearance:none;
		border-radius:0 0.3em 0.3em 0;
	}
	.close-menu,
	#search-close {
		width:2em;
		height:1.8em;
		position:absolute;
		top:1em; right:1em;
		text-align:center;
		line-height:1;
		color:#aaa;
		cursor:pointer;
	}
	.close-menu:after,
	#search-close:after {
		content:'\f00d';
		font-family:fa-light;
		font-size:1.8em;
	}



	#newsfeed {
		font-size:1.5vw;
	}
	#newsfeed li {
		width:calc(50% - 1.5em);
	}
	#newsfeed.news-home li {
		width:calc(33.333% - 1.5em);
	}
	#newsfeed.news-home li:nth-child(4) {
		display:none;
	}

	a.related {
		max-width:20rem;
	}

	#tiles.icon-tiles li {
		width:calc(20% - 1.2em);
	}


	.event-tile {
		font-size:1.0666vw;
	}


	#story-header,
	#story {
		width:auto;
		padding:0;
	}
	#related-stories {
		position:static;
		width:auto;
		padding:2em 0 0 0 ;
		border-left:0;
		border-top:1px solid #ddd;
		margin-top:3em;
	}
	#footer .wrapper {
		padding:0;
	}
}




@media (max-width: 1100px) {
	
	#cta .icon {
		top:1rem;
		left:10.8rem;
	}
	#cta strong {
		padding-top:3em;
	}

	#welcome {
		width:auto;
	}
	#welcome li {
		float:none;
		width:auto;
		margin-bottom:1.2em;
	}
	#welcome li:last-chlid {
		margin-bottom:0;
	}
	#welcome a {
		height:15em;
		padding-left:17em;
	}
	#welcome img {
		width:15em;
		height:15em;
	}

	#showcase span {
		bottom:0.7em;
		left:1em;
		font-size:1.5em;
		line-height:1;
		width:calc(100% - 2em);
	}

	
	#tiles.large-tiles .text {
		width:66.666%;
	}
	#tiles.large-tiles .image {
		width:33.333%;
		overflow:hidden;
	}
	#tiles.large-tiles img {
		width:150%;
		margin-left:-25%;
	}

	#carousel .arrow {
		width:6em;
		height:6.8em;
		background-size:2em 4.8em;
		top:calc(50% - 4.4em);
		opacity:1;
		margin:0;
	}
	#carousel:hover .arrow {
		opacity:1;
	}

	#events li {
		width:calc(33.333% - 1.5em);
	}
	.event-tile {
		font-size:1.2vw;
	}

}





@media (max-width: 1023px) {
	
	#carousel {
		padding:25% 50%;
	}
	#carousel .panel {
		background-size:cover !important;
	}
	#carousel .current:nth-child(odd),
	#carousel .current:nth-child(even) {
		animation-name:none;
	}

	#nav-secondary-right li:nth-child(1),
	#nav-secondary-right li:nth-child(2) {
		display:none;
	}

	h1 {
		font-size:2.4em;
		padding:0;
	}
	h1 small {
		display:none;
	}
	.header-wrapper h1 {
		font-size:3em;
		bottom:2rem; left:2rem;
	    width:calc(100% - 4rem);
	}
	#newsfeed .text {
		xfont-size:1.8vw;
	}

	/* Home Page */
	
	#newsfeed.news-home li:nth-child(4) {
		display:none;
	}

	/* Calendar */
	#content-left.sidebar-visible {
		position:static;
		display:block;
		float:none;
		width:auto;
		margin-bottom:2em;
	}

}



@media (max-width: 900px) {
	#cta a {
		height:7em;
		padding-left:8.2em;
	}
	#cta img {
		width:7em;
		height:7em;
	}
	#cta strong {
		padding-top:0;
	}
	#cta .icon {
		display:none;
	}

	
	#sidebar {
		display:none;
	}
	#sidebar.show-mobile {
		float:none;
		display:block;
		width:auto;
		position:static;
		margin:2em 0 1.5em 0;
	}
	#sidebar.show-mobile .shop-hours {
		display:none;
	}
	#content {
		float:none;
		width:auto;
	}
	.breadcrumb {
		display:block;
	}
	#header {
		margin-bottom:2.4em;
	}
	.wrapper {
		padding:0 2.4em;
	}
	.inline-images:not(.inline-1up-portrait) {
		margin:1.8rem -1em 1.8rem 0;
	}
	.inline-images + .inline-images {
		margin-top:-1em;
	}
	.footer-panel {
		width:29%;
	}
	.logo-panel {
		width:42%;
	}


	#newsfeed {
		font-size:2vw;
	}
	#newsfeed.news-home {
		font-size:1.6vw;
	}


	.event-tile {
		font-size:1.7vw;
	}

	
	.testimonials {
		width:auto;
		margin:0;
		border-top:1px solid #ddd;
	}
	.testimonial {
		float:none;
		width:auto;
		margin:0 0 5em 0;
	}
	.testimonial img {
		max-width:300px;
		margin-left:auto;
		margin-right:auto;
	}
	.testimonial h2,
	.testimonial h3 {
		text-align:center;
	}
}






@media (max-width: 767px) {
	html {
		font-size:14px;
	}
	#header {
		margin-bottom:1.5em;
		height:8.2em;
	}
	#header:after {
		scale:72%;
		transform-origin:top center;
	}
	.wrapper {
		padding:0 1.5em;
	}
	#header .wrapper {
		padding:0 0.8em;
	}
	.header-wrapper {
		width:auto;
		margin:-1.5em -1.5em 1.5em -1.5em;
		padding:calc(30% + 0.9em) 50%;
		border-radius:0;
	}
	.header-wrapper img {
		width:150%;
		margin-left:-25%;
	}
	.logo {
		scale:76%;
		transform-origin:top center;
		top:0.7em;
	}
	#nav-secondary-left a,
	#nav-mobile a {
		width:2.8rem;
	}



	h2.divider {
		font-size:1.8rem;
		margin-bottom:0.7em;
	}

	#carousel {
		padding:33.333% 50%;
		margin-top:-2em;
	}
	
	#carousel a {
		font-size:0.6rem;
		padding:0 2.5em;
	}

	#cta, #cta li {
		float:none;
		width:auto;
		margin-right:0;
	}
	#cta li {
		margin-bottom:0.8em;
	}
	#cta li:last-child {
		margin:0;
	}
	#cta .icon {
		display:block;
		left:auto;
		top:2rem; right:1.1rem;
	}

	#showcase-wrapper {
		padding:1em 0;
	}
	#showcase span {
		font-size:1.2em;
	}


	#story a.hero {
		margin-bottom:1.5em;
	}

	#tiles.large-tiles li {
		float:left;
		margin:0 1em 1em 0;
	}
	#tiles.large-tiles a {
		padding:14% 50%;
		border-radius:0.4em;
	}
	#tiles.large-tiles .image {
		width:42%;
		height:100%;
		top:0; left:0;
	}
	#tiles.large-tiles img {
		width:100%;
		margin-left:0;
	}
	#tiles.large-tiles .text {
		width:58%;
		left:42%;
		height:100%;
		display:flex;
		align-items:center;
		background:#eee;
		line-height:1.3;
		padding:0 0.8rem;
		transition:background-color 100ms;
	}
	#tiles.large-tiles h3 {
		font-size:0.97rem;
		font-weight:normal;
		margin:0;
	}
	#tiles.large-tiles .text div,
	#tiles.large-tiles .text:after {
		display:none;
	}


	#tiles.large-tiles li,
	#tiles.small-tiles li,
	#tiles.small-tiles.three-up li {
		width:calc(50% - 1em);
	}

	#tiles.icon-tiles {
		width:calc(100% + 1em);
		margin-right:-1em;
	}
	#tiles.icon-tiles li {
		width:calc(25% - 1em);
		margin-right:1em;
	}

	.leadership li {
		width:calc(50% - 1.2em);
	}
	.profile {
		padding:1.2em;
	}
	.profile img {
		display:none;
	}



	#newsfeed.news-home {
		font-size:2vw;
	}
	#newsfeed li,
	#newsfeed.news-home li {
		width:calc(50% - 1.5em);
	}
	#newsfeed.news-home li:nth-child(3) {
		display:none;
	}
	#newsfeed h3 {
		font-size:1.4em;
	}
	#newsfeed .teaser {
		font-size:0.9em;
	}
	#newsfeed a {
		padding:65% 50%;
	}
	#newsfeed img {
		height:51.28%;
	}
	#newsfeed .text {
		top:51.28%;
		height:48.72%;
	}



	#albums li {
		margin-bottom:1em;
	}
	#videos li {
		width:calc(50% - 1.5em);
	}
	#videos a {
		padding:37% 50%;
	}
	#videos span.thumb-wrapper {
		height:76%;
	}
	#videos span.play {
		top:calc(38% - 2em);
	}
	#videos span.title {
		top:76%;
		height:24%;
	}
	#documents,
	#documents li {
		float:none;
		width:auto;
		margin-right:0;
	}
	#contact-left {
		width:auto;
		float:none;
		margin-bottom:3em;
	}
	#contact-right {
		width:auto;
		float:none;
	}


	.profiles li {
		width:50%;
	}
	


	.inline-images,
	.gallery-row {
		font-size:0.6em;
	}
	
	.inline-images + .inline-images {
		margin-top:-2em;
	}
	.inline-images a:after {
		display:none;
	}



	#footer:before {
		left:0; right:0;
	}
	#footer .wrapper {
		padding-top:14.5em;
	}
	.footer-panel {
		float:none;
		width:auto;
		margin-bottom:2.5em;
	}
	.logo-panel {
		position:absolute;
		top:0; left:0;
		width:100%;
	}
	#footer .logo-panel h4 {
		margin-bottom:1em;
	}
	#footer h4 {
		margin-bottom:0.2em;
	}
	.logo-panel h3 {
		font-size:1.3em;
		width:auto;
	}
	#footer #copyright {
		margin-top:1em;
	}

	#footer #copyright a:last-child {
		display:none;
	}

	#product img.single {
		width:40vw;
		height:40vw;
	}
}

@media (max-width: 670px) {
	#cart .update {
		display:block;
		margin-top:0.5em;
	}
}



@media (max-width: 575px) {

	
	.header-wrapper h1 {
		font-size:2.4em;
		bottom:1.2rem;
	}
	.header-wrapper:after {
		background:linear-gradient(to bottom, #00000000 50%, #00000099);
	}
	#newsfeed {
		width:auto;
		margin-right:0;
	}
	#newsfeed li {
		float:none !important;
		width:auto !important;
		margin:0 0 2em 0 !important;
	}
	#newsfeed.news-home li:nth-child(3) {
		display:block;
	}
	#newsfeed a {
		width:auto !important;
		height:auto !important;
		padding:0 !important;
	}
	#newsfeed .image-wrapper {
		position:relative !important;
		width:0 !important;
		height:0 !important;
		padding:33.333% 50% !important;
	}
	#newsfeed img {
		height:100% !important;
	}
	#newsfeed .text {
		position:static;
		width:auto;
		height:auto;
		font-size:1rem;
	}
	#newsfeed a:after {
		display:none;
	}


	#carousel {
		margin-bottom:1.6em;
	}
	#carousel .arrow {
		width:4em;
		background-size:1.25em 3em;
	}
	#carousel .panel:after {
		background:linear-gradient(to bottom, #00000000 40%, #000000cc);
	}
	#carousel h3 {
		font-size:3.5em;
	}
	#carousel p {
		font-size:1.7em;
	}



	#welcome a {
		height:auto;
		padding:0;
	}
	#welcome .text-wrapper {
		padding:1.4rem;
	}
	#welcome h3 {
		font-size:1.5em;
		margin-bottom:0.5em;
	}
	#welcome .image-wrapper {
		width:0;
		height:0;
		padding:50%;
		position:relative;
	}
	#welcome img {
		width:100%;
		height:100%;
	}



	#tiles.icon-tiles {
		font-size:0.6em;
	}
	#tiles.icon-tiles h3 {
		font-size:0.9rem;
	}
	#tiles.icon-tiles li {
		width:calc(33.333% - 1em);
	}




	#albums, #albums li  {
		float:none;
		width:auto;
		margin:0 0 1.2em 0;
	}
	#albums li a {
		padding:40% 50%;
	}
	#albums img {
		height:83.333%;
	}
	#albums li .text {
		top:calc(83.333% + 0.7em);
	}
	#videos ul, #videos li  {
		float:none;
		width:auto;
		margin:0 0 1.2em 0;
	}
	#products, #products li  {
		float:none;
		width:auto;
		margin:0 0 1.2em 0;
	}
	#products.categories li {
		width:70%;
	}
	#products a.product {
		padding:60% 50%;
	}
	#products a.product div {
		top:83.33%;
	}
	#products a.zoom {
		top:calc(83.33% + 0.6em);
	}



	#events {
		width:calc(100% + 1rem);
		margin:1rem -1rem 0 0;
	}
	#events li {
		width:calc(50% - 1rem);
		margin:0 1rem 1rem 0;
	}
	.event-tile {
		font-size:2.7vw;
	}



	
	.tabs {
		font-size:0.85em;
	}

	#staff,
	#staff li {
		float:none;
		margin-right:0;
		width:auto;
	}
	#staff li {
		height:5.9em;
		padding-top:0.7em;
		padding-bottom:0.7em;
	}
	#staff li:before {
		top:0.4em;
	}

	
	.inline-3up li {
		width:calc(50% - 1em);
	}
	.inline-3up li:nth-child(1) {
		width:calc(100% - 1em);
		margin-bottom:1em;
	}
	
	


	.inline-4up li {
		width:calc(50% - 1em);
	}
	.inline-4up li:nth-child(1),
	.inline-4up li:nth-child(2) {
		margin-bottom:1em;
	}


	.inline-5up li {
		width:calc(50% - 1em);
	}
	.inline-5up li:nth-child(1),
	.inline-5up li:nth-child(2) {
		margin-bottom:1em;
	}
	.inline-5up li:nth-child(3),
	.inline-5up li:nth-child(4),
	.inline-5up li:nth-child(5) {
		width:calc(33.333% - 1em);
	}
	.social-share {
		display:none;
	}

	.pager {
		text-align:center;
		height:auto;
		margin-top:2em;
	}
	.pager .count,
	.paging {
		display:block;
		float:none;
	}
	.paging {
		margin-top:1.5em;
	}
}




@media (max-width: 500px) {


	#tiles.small-tiles,
	#tiles.large-tiles {
		width:auto;
		margin-right:0;
	}
	#tiles.large-tiles li,
	#tiles.small-tiles li,
	#tiles.small-tiles.three-up li {
		float:none;
		width:auto;
		margin:0 0 0.6em 0;
	}
	#tiles.large-tiles a,
	#tiles.small-tiles a {
		padding:8% 50%;
	}
	#tiles.large-tiles .image,
	#tiles.small-tiles .image {
		width:24%;
	}
	#tiles.large-tiles .text,
	#tiles.small-tiles .text {
		width:76%;
		left:24%;
	}

	#related-profiles li:nth-child(3) {
		display:none;
	}

	#contact dt {
		width:8.5rem;
	}
	#contact dd {
		width:calc(100% - 8.5rem);
	}


	a.related {
		max-width:16rem;
		margin:0 auto 3em auto;
	}
	#page-sidebar #documents li {
		max-width:100%;
	}

	.profiles li {
		float:none;
		width:auto;
		margin-bottom:2em;
	}
	.profiles li:last-child {
		margin-bottom:0;
	}
	.profiles a {
		width:auto;
		height:auto;
		padding:0;
	}
	.profiles img {
		display:block;
		position:static;
		margin:0 auto 1em auto;
		width:70vw;
		height:70vw;
	}
	.profiles .text {
		position:static;
		width:calc(100% - 2em);
	}
}





@media (max-width: 450px) {
	.event-tile {
		font-size:2.9vw;
	}
	#product img.single {
		width:100%;
		height:auto;
		margin:0 0 1.5em 0;
	}
	.payment-logo img {
		display:none;
	}
	#cart .checkout-button {
		float:none;
	}
}






@media (max-width: 360px) {
	#tiles.icon-tiles h3 {
		font-size:0.8rem;
	}
	#contact dd {
		font-size:0.93em;
	}
}



@media (max-width: 340px) {
	html {
		font-size:13px;
	}
	.logo:before, .logo:after {
		font-size:1.4rem;
		top:5.4rem;
	}
	#nav-secondary-left a, #nav-mobile a {
		width:2.5rem;
	}
}