/*
——————————————————————
Global
——————————————————————
*/
html {
	font:17px/1.5 Figtree, Arial, sans-serif;
	color:#222;
	background:#f1f1f5;
}
body {
	min-width:320px;
	box-sizing:border-box;
}
body * {
	box-sizing:inherit;
}
.wrapper {
	background:#fff;
	max-width:1500px;
	min-height:100vh;
    margin:auto;
	padding:0 3em;
}
h1, h2 {
	font-weight:500;
	line-height:1;
	margin-bottom:0.4em;
	text-rendering:optimizeLegibility;
	color:#1e325c;
}
h1 {
	font-size:2.7em;
	letter-spacing:-0.015em;
}
h1 a.edit {
	font-weight:normal;
	font-size:1rem;
	text-transform:none;
	color:#333;
}
h2 {
	font-size:1.8em;
	line-height:1.1;
	margin-top:1.4em;
	margin-bottom:0.5em;
}
h2.divider-heading {
	font-size:1.4em;
	text-align:center;
	margin-top:2em !important;
	margin-bottom:2em;
	position:relative;
}
h2.divider-heading span {
	display:inline-block;
	padding:0 0.5em;
	background:#fff;
	position:relative;
	z-index:2;
}
h2.divider-heading:after {
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:#cbcbed;
	position:absolute;
	z-index:1;
	top:calc(50% - 1px); left:0;
}
h2:first-child {
	margin-top:0;
}
h2.large {
	font-size:2.2em;
	margin-top:0.7em;
}
h1.center, h2.center {
	text-align:center;
}
h1:first-child {
	margin-top:1.5em;
}
h1 small {
	font-size:14px;
}
h3 {
	font-size:1.4em;
	font-weight:500;
	line-height:1.2;
	margin:0.7em 0 1em 0;
	border-bottom:5px solid #afaeff;
	display:inline-block;
	padding-bottom:0.05em;
	color:#1e325c;
}
h4 {
	font-weight:bold;
	margin-bottom: 1rem;
	margin-top: 1.5rem;
}
h2:first-child, h3:first-child {
	margin-top:0;
}
.story h1 {
	margin:0.5em 0 1em 0;
}
.story h2 {
	font-weight:normal;
	margin:1.5em 0 0.6em 0;
}
a {
	color:inherit;
	text-decoration:none;
}
.markdown a {
	color:#6564b9;
	border-bottom:1px solid #cbcbed;
}
p {
	margin-bottom:1em;
}
p:last-child {
	margin-bottom:0;
}
.intro {
	text-align:center;
	max-width:760px;
	margin:0 auto 2em auto;
}
.intro:last-child {
	margin-bottom:0;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
	font-family:Figtree,sans-serif;
	font-weight:inherit;
}
img {
	-ms-interpolation-mode:bicubic;
}
.nowrap {
	white-space:nowrap;
}
.lowercase {
	text-transform:lowercase;
}
address {
	display:block;
}
.bc {
	margin-bottom:1.2em;
	display:none;
}
.back-top {
	position:fixed;
	bottom:0.5em; right:0.5em;
	font-size:1.5em;
	width:1em;
	height:1em;
	line-height:1em;
	text-align:center;
	padding:0.5em;
	color:#fff;
	background:rgba(0,0,0,0.35);
	z-index:3;
	border-radius:3px;
	cursor:pointer;
	display:none;
}
.back-top span {
	display:none;
}
.back-top:after {
	font-family:fa-solid;
	content:'\f077';
}

.button {
	display:inline-block;
	color:#fff;
	height:2em;
	line-height:2em;
	padding:0 1em;
	border:0;
	border-radius:3em;
	color:#fff !important;
	background:linear-gradient(to top left, #7765ba, #7d7cd2);
	cursor:pointer;
	min-width:7.5em;
	text-align:center;
}
.button-large {
	height:3em;
	line-height:3em;
	padding:0 2em;
	font-weight:500;
}

.hero-heading {
	padding:12.5% 50%;
	padding:16.666% 50%;
	width:0;
	height:0;
	background:#eee;
	position:relative;
	border-radius:0.6em;
	overflow:hidden;
}
.hero-heading h1 {
	color:#fff;
	position:absolute;
	width:100%;
	height:25%;
	bottom:0; left:0;
	z-index:1;
	margin:0;
	font-size:4.5em;
	text-shadow:2px 2px 4px rgba(0,0,0,0.4);
	padding:0 1em;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:center;
}
.hero-heading img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
}
.main-image {
	display:block;
	width:100%;
	margin:auto;
	margin-bottom:-1em;
}
.main-image-caption {
	position:absolute;
	bottom:0.5em; right:calc(2rem + 1em);
	color:#fff;
	font:3.5em/1 Freeland;
	text-shadow:0 0	0.5em rgba(0,0,0,0.5);
	pointer-events:none;
}
::selection {
	color:#000;
	background:#ffc627;
}

/*
——————————————————————
Breadcrumb
——————————————————————
*/
.breadcrumb {
	font-size:0.85em;
	margin-bottom:1.2em;
	display:none;
}
.breadcrumb-below-banner {
	padding:0;
	margin-bottom:1.5em;
}
.breadcrumb a {
	display:inline-block;
	color:#2b3e6f;
	background:#f3f3f7;
	line-height:1.9em;
	padding:0 0.95em;
	border-radius:0.95em;
}
.breadcrumb a:hover {
	background:#f0f0f4;
}
.breadcrumb a:active {
	background:#e9e9ec;
}
.breadcrumb .separator {
	display:inline-block;
	width:0.9em;
	text-align:center;
	color:#2b3e6f;
}
.breadcrumb .separator:after {
	content:'\f105';
	font-family:fa-light;
}

/*
——————————————————————
Header
——————————————————————
*/
#header-wrapper {
	width:100%;
	background:#fff;
	margin-bottom:3em;
}
#logo-bar {
	height:9em;
	position:relative;
}
#logo {
	position:absolute;
	top:1.5em; left:0;
	width:21.5em;
	height:6em;
	background:url(/Images/lanna-crest.png) no-repeat;
	background-size:contain;
}
#logo p {
	font-size:1.7em;
	line-height:1;
	position:absolute;
	top:0.8em; left:3.6em;
	color:#1e325c;
}
#logo strong {
	display:block;
	font-weight:700;
}
#logo span {
	display:block;
	font-weight:300;
}
#nav {
	height:2.5rem;
	background:#f1f1f5;
	border-radius:1.25rem;
	text-align:center;
	font-size:0;
}
#nav li.top {
	display:inline-block;
	position:relative;
	font-size:1rem;
}
#nav #close {
	display:none;
}
#nav a.top {
	display:block;
	text-align:center;
	line-height:2.5rem;
	color:#25386b;
	font-size:1.05em;
	padding:0 1.8em;
	border-radius:1.25rem;
	position:relative;
}
#nav li.top:hover a.top {
	color:#7d7cd2;
}
#nav a.top:active {
	xbackground:#eaeaee;
}
#nav li.active a.top {
	color:#fff !important;
	background:linear-gradient(to top left, #7765ba, #7d7cd2) !important;
}
#nav li.top:hover a.has-drawer:before {
	content:'';
	width:0;
	height:0;
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	border-bottom:10px solid rgba(255,255,255,0.97);
	position:absolute;
	bottom:0; left:calc(50% - 12px);
	z-index:11;
}
#nav ul {
	display:none;
	width:12em;
	background:#fff;
	position:absolute;
	top:2.5rem; left:calc(50% - 6em);
	z-index:10;
	padding:1.2em 0;
	box-shadow:0 0 10px rgba(0,0,0,0.15);
	border-radius:0.5em;
}
#nav li:hover ul {
	display:block;
}
#nav ul a {
	white-space:nowrap;
	display:block;
	padding:0.2em;
}
#nav ul a:hover {
	color:#7d7cd2;
}


#icons {
	position:absolute;
    top:2.4rem; right:0;
}
#icons a,
#hamburger {
	display:inline-block;
	width:2em;
	height:2em;
	line-height:2em;
	margin-left:0.3em;
	color:#2b3e6f;
	background:#f1f1f5;
	border-radius:50%;
	cursor:pointer;
	text-align:center;
	font-size:1.2em;
}
#hamburger {
	display:none;
}
#icons a span {
	display:none;
}
#icons a:after,
#hamburger:after {
	font-family:fa-light;
}
#icons a.search:after {
	content:'\f002';
}
#icons a.facebook {
	xcolor:#fff;
	xbackground:#7d7cd2;
}
#icons a.facebook:after {
	content:'\f39e';
	font-family:fa-brands;
}
#hamburger:after {
	content:'\f0c9';
}

#shopping {
	position:absolute;
	top:0.5em; right:8em;
}
#shopping a {
	color:#fff;
	display:inline-block;
	height:2em;
	line-height:2em;
	margin-left:1.4em;
	text-transform:uppercase;
	position:relative;
}
#shopping a.icon:before {
	display:inline-block;
	font-family:fa-light;
	width:2em;
	text-align:center;
	color:#fff;
	font-size:1.5em;
}
#shopping a.cart:before {
	content:'\f07a';
}
#shopping a.cart span {
	color:#fff;
	background:#df1f4f;
	font-size:0.75em;
	font-weight:500;
	position:absolute;
	top:-0.15em; right:-0.25em;
	width:1.2rem;
	height:1.2rem;
	line-height:1.2rem;
	border-radius:50%;
	text-align:center;
}



/*
——————————————————————
Search
——————————————————————
*/
.search-bar {
	background:#d6d6d6;
	text-align:center;
	height:40px;
	line-height:40px;
	display:none;
}
.search-bar input {
	display:inline-block;
	vertical-align:top;
	outline:0;
	width:150px;
}
.search-bar input.text {
	color:#444;
	background:#d6d6d6;
	height:30px;
	line-height:30px;
	padding:0 1em;
	border:0;
	margin-top:5px;
}
.search-bar ::placeholder {
	color:#666;
	opacity:1;
}
.search-bar ::-ms-input-placeholder {
	color:#666;
}
.search-bar input.button {
	width:18px;
	height:18px;
	padding:11px;
}
#search {
	float:right;
	width:312px;
	height:28px;
	margin-top:52px;
	box-sizing:content-box;
	position:relative;
}
#search input.text {
	box-sizing:border-box;
	border-radius:3px;
	border:1px solid #ddd;
	-webkit-appearance:none;
	outline:none;
	padding:5px 8px 4px 8px;
	box-shadow:0 0 0 1px #ffffff;
	width:100%;
	padding-right:37px;
}
#search input.text:focus {
	border-color:#e62f2c;
}
#search input.button {
	background:url("/Images/search-icon.svg") center no-repeat;
	background-size:22px 22px;
	box-sizing:border-box;
	border:none;
	width:37px;
	height:100%;
	position:absolute;
	top:0; right:0;
}
#search span {
	display:block;
	line-height:30px;
	background:#ccc;
	position:absolute;
	top:-40px; right:0;
	color:#fff;
	padding:0 38px 0 9px;
	border-radius:3px;
	font-style:italic;
}
#search span img {
	width:22px;
	height:18px;
	position:absolute;
	top:6px; right:8px;
}
.search-filter {
	margin-top:2em;
}
.search-filter input.text {
	display:inline-block;
	border:1px solid #c1c1c5;
	border-radius:1em;
	padding:0 0.8em;
	line-height:2em;
	outline:0;
	margin-right:0.6em;
}
.search-filter input.text:focus {
	border-color:#afaeff;
}


/*
——————————————————————
Home Page
——————————————————————
*/
#home-hero {
	padding:19.5% 50%;
	position:relative;
	border-radius:0.7em;
	overflow:hidden;
}
@media only screen and (max-width:1480px) {
	#home-hero {
		font-size:1.12vw;
	}	
}
#home-hero .text {
	position:absolute;
	top:0; left:0;
	width:40%;
	height:100%;
	border-right:0.7em solid rgba(255,255,255,0.2);
	padding:2.5em;
	background:#081a38;
}
#home-hero .latest-article {
	position:absolute;
	top:0; right:0;
	width:60%;
	height:100%;
	background:#f5f5f9;
}
#home-hero .latest-article a {
	position:absolute;
	bottom:2rem; left:2rem;
	color:#fff;
	background:rgba(0,0,0,0.45);
	z-index:2;
	padding:0.6em 1em;
	font-size:2.2em;
	font-weight:500;
	line-height:1.1;
	max-width:15em;
	border-radius:0.6rem;
}
#home-hero .latest-article ul {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	z-index:1;
	pointer-events:none;
}
#home-hero .latest-article li {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	opacity:0;
	transition:opacity 400ms;
}
#home-hero .latest-article li.active {
	opacity:1;
	z-index:2;
}
#home-hero .latest-article li.previous {
	opacity:1;
	z-index:1;
}
#home-hero .latest-article .arrow {
	width:2em;
	height:2em;
	border-radius:1em;
	position:absolute;
	top:1.5em; right:1.5em;
	z-index:3;
	text-align:center;
	line-height:2;
	color:#fff;
	background:rgba(0,0,0,0.3);
	cursor:pointer;
}
#home-hero .latest-article .arrow-prev {
	right:4.5em;
}
#home-hero .latest-article .arrow:before {
	content:'\f053';
	font-family:fa-solid;
}
#home-hero .latest-article .arrow-next:before {
	content:'\f054';
}
.next-match {
	position:absolute;
	bottom:2em; left:2em;
	width:calc(100% - 4em);
	padding:1.1em;
	background:#fff;
	border-radius:0.35em;
	border-left:1.8em solid #78c05f;
}
.next-match h3 {
	font-size:1.9em;
	font-weight:bold;
	line-height:1.1;
	margin:0.1em 0;
	border:0;
}


/*
——————————————————————
Grid
——————————————————————
*/
.grid {
	margin-top:2em;
}
.grid a {
	color:inherit;
}
.grid a:hover {
	color:#7d7cd2;
}
.grid th {
	color:inherit;
}
.grid th h3 {
	margin:0.3em 0;
}
.grid tr.nc {
	color:#ccc;
}
.grid tr.clickable-row {
	transition:background-color 150ms;
	cursor:pointer;
}
.grid tr.clickable-row:hover {
	background:#f6f6fa;
}
.grid tr.clickable-row:active {
	background:#f1f1f5;
}
.grid .fixture-title {
	display:block;
	font-size:0.9375rem;
	font-weight:500;
}
.grid .fixture-type {
	font-size:0.9em;
	color:#999;
}
.grid tr.highlighted,
.grid tr.highlighted .fixture-type  {
	color:#04a504;
	background:#f2ffef;
}
.grid strong.month {
	font-weight:600;
	font-size:1.1em;
	color:#7d7cd2;
}

/*
——————————————————————
Lists
——————————————————————
*/
.cart {
	width:100%;
	margin-bottom:1.5em;
	border-radius:10px;
	overflow:hidden;
}
.cart tr.clickableRow:hover td {
	background-color:#eee;
	cursor:pointer;
}
.cart th {
	font-weight:bold;
	color:#fff;
	background:#e62f2c;
	padding:0.3em 1em;
}
.cart td {
	padding:0.8em 1em;
	background:#f9f9f8;
	border-top:1px solid #ddd;
}
.cart td a {
	color:#333;
}
.cart td a:hover {
	text-decoration:none;
}
.cart td input.quantity {
	padding:3px;
	width:2.5em;
	border:1px solid #ccc;
	border-top-color:#aaa;
	border-radius:4px;
	text-align:center;
	margin-right:2px;
	box-sizing:border-box;
}
.cart td input.quantity:hover {
	border-color:#aaa;
	border-top-color:#888;
}
.cart td input.quantity:focus {
	border-color:#8ed4e6;
	background-color:#fefef0;
}
.cart td input.button {
	font-family:fa-solid;
	font-weight:normal;
	height:1.8em;
	line-height:1.8em;
	margin-left:2px;
	width:3.2em;
	padding:0;
}
.cart td.freight select {
	padding:0.2em 0.4em;
	border:1px solid #ccc;
	border-radius:4px;
	margin-left:0.4em;
	outline:0;
}
.cart .extras td {
	background-color:#fff;
}
.cart .tax {
	display:none;
}
.cart .money {
	text-align:right;
	width:80px;
}
.cart tr.total td {
	font-weight:bold;
	background:#f2f2f2;
	border-bottom:3px solid #ddd;
}
.cart .details {
	margin:0.2em 0;
	font-size:0.88em;
}
.cart .details h3 {
	display:none;
}
.cart ul.bullet {
	margin:0 0 0 0.5em !important;
}
.cart ul.bullet li {
	margin:0;
}
.cart .details p,
.cart ul.bullet li p {
	margin:0;
}

/*
—————————————————————————
Checkout
—————————————————————————
*/
.order-header {
	margin-bottom:2em;
}
.order-header h2 {
	display:inline-block;
	margin-right:0.5em;
}
.no-details h2 {
	display:block;
	margin-right:0;
}
.order-header a {
	display:inline-block;
	height:2em;
	line-height:2em;
	color:#fff;
	background:#e62f2c;
	background:linear-gradient(to top, #333, #575758);
	border-radius:4px;
	padding:0 1em;
	font-weight:500;
	margin-top:1em;
}
.delivery {
	display:inline-block;
	background:#f2f2f2;
	padding:1em;
}
.delivery address {
	float:left;
	margin-right:2.5em;
}
.delivery address:last-child {
	border-left:1px solid #ccc;
	padding-left:0.8em;
}
.delivery address span {
	display:block;
}
.delivery address span span {
	display:inline;
}
img.payment-logos {
	float:right;
	margin:14px 3em 0 0;
	width:119px;
	height:26px;
}
#confirm {
	float:right;
	line-height:2.75em;
	font-size:1.3em;
	font-family:inherit;
	font-weight:bold;
	color:#e62f2c;
	background:linear-gradient(to top, #333, #575758);
	color:#fff;
	background:#e62f2c;
	padding:0 1em;
	border:0;
	border-radius:4px;
	margin-bottom:2em;
}

/*
——————————————————————
Lists
——————————————————————
*/
ul.bullet {
	padding-left:2.5em;
	margin-bottom:1.3em;
}
ul.bullet li {
	list-style-type:none;
	margin-bottom:0.5em;
}
ul.bullet:last-child,
ul.bullet li:last-child {
	margin-bottom:0;
}
ul.bullet li:before {
	display:inline-block;
	font-family:Arial,sans-serif;
    content: "●";
    color:#afaeff;
    font-size:0.8em;
	width:1.5em;
	margin-left:-1.5em;
	position:relative;
	top:-0.15em;
}
ul.bullet ul li:before {
    content: "–";
	margin-left:-1.2em;
}
ol, ul.bullet ul {
	padding-left:1.2em;
	margin-bottom:1em;
}
ol li,
ul.bullet ol li {
	list-style:decimal;
	background:none;
}
ol ul.bullet li, ul.bullet ul li {
	padding-left:0;
	margin:0.5em 0 0 0;
}
.page ol {
	counter-reset:li;
	padding-left:0;
}
.page ol li {
	counter-increment:li;
	list-style:none;
	padding-left:1.5em;
	position:relative;	
}
.page ol li:before {
	content:counter(li)'.';
	font-weight:bold;
	color:#e62f2c;
	width:1.5em;
	position:absolute;
	top:0; left:0;
}


/*
————————
Paging
————————
*/
.pager {
	color:#999;
	padding:0.5em 0;
}
.pager .count {
	float:left;
}
.pager .paging {
	float:right;
	font-size:0;
}
.pager span.disabled,
.pager span.divider {
	display:none;
}
.pager span.active,
.pager a {
	float:left;
	margin-left:0.2em;
	border:1px solid #fff;
	min-width:1.8em;
	text-align:center;
	line-height:1.8em;
	border-radius:50%;
	font-size:1rem;
}
.pager span.active {
	border:1px solid #78c05f;
	background:#78c05f;
	color:#fff;
	margin-left:0.2em;
}

/*
——————————————————————
Home Page
——————————————————————
*/
#welcome {
	background:#e6e6e6;
	margin-bottom:3em;
	position:relative;
	padding:14.0415% 50%;
}
#welcome .text,
#welcome .image,
#welcome iframe {
	width:50%;
	height:100%;
}
#welcome .text {
	position:absolute;
	top:0; left:0;
	box-sizing:border-box;
	padding:2em;
}
#welcome .image {
	position:absolute;
	top:0; right:0;
	background-size:cover;
	background-position:center;
}
#welcome iframe {
	position:absolute;
	top:0; right:0;
}
#welcome .video-link:after {
	content:'\f04b';
	position:absolute;
	width:100px;
	height:100px;
	top:calc(50% - 50px);
	left:calc(50% - 50px);
	font-family:fa-solid;
	color:#fff;
	opacity:0.6;
	font-size:100px;
	line-height:100px;
	text-align:center;
	transition:opacity 150ms linear;
}
#welcome .video-link:hover:after {
	opacity:0.8;
}
#welcome h3 {
	font-size:1.5em;
	margin:0 0 0.4em 0;
}
#welcome .text a {
	position:absolute;
	bottom:2em; left:2em;
	border-radius:4px;
	color:#fff;
	background:linear-gradient(to top, #333, #575758);;
	text-align:center;
	text-transform:uppercase;
	font-weight:500;
	xpadding:0.5em 2.5em 0.5em 1.5em;
	padding:0.5em 1.5em;
	transition:color 150ms linear;
}
x#welcome .text a:after {
	content:'\f054';
	font-family:fa-solid;
	position:absolute;
	top:0.7rem; right:1.4rem;
	font-size:0.75em;
	line-height:1.56;
}
#welcome a:hover {
	color:#badd6d;
}


#next-fixture {
	margin:2.2em 0 2.7em 0;
	text-align:center;
}
#next-fixture h2 {
	display:inline-block;
	font-size:2.7rem;
	line-height:1;
	margin-bottom:0.2em;
	vertical-align:top;
}
h2.large {
	text-align:center;
	padding-top:0.7em;
}
#next-fixture div {
	display:inline-block;
	text-align:left;
	border-left:2px solid #82dcd6;
	padding-left:1rem;
	margin-left:1rem;
}
#next-fixture h3 {
	border:0;
	margin:0;
}
#next-fixture p {
	margin:0;
}
.quote-wrapper {
	position:relative;
	overflow:hidden;
	border-radius:0.6em;
	background:#081a38;
	margin:-2em 0 3em 0;
}
.quote-wrapper:before {
	content:'';
	position:absolute;
	top:-3em; left:0;
	width:2.4em;
	height:12em;
	background:#9ee8a6;
	border-left:0.8em solid #444e79;
	border-right:0.8em solid #a54696;
	box-sizing:border-box;
	transform:rotate(45deg);
	z-index:1;
}
.quote {
	color:#fff;
	padding:10em 3em 5em 3em;
	text-align:center;
	position:relative;
}
.quote q {
	display:block;
	margin:0 auto 0.5em auto;
}
.quote strong {
	display:block;
	font-size:2.2em;
	line-height:1;
	margin-bottom:0.3em;
}
.quote span {
	display:block;
	font-size:1.6em;
	line-height:1;
}
.quote:before {
	content:'\f10d';
	font-family:fa-solid;
	position:absolute;
	top:2em; left:calc(50% - 1.25em);
	width:2.5em;
	height:2.5em;
	border-radius:50%;
	text-align:center;
	background:#7d7cd2;
	font-size:1.5em;
	line-height:2.5em;
}
.red:before {
	background:#25282a;
}
.quote cite:before {
	content:'— ';
}

/*
——————————————————————
Board Members
——————————————————————
*/
.board-members {
	max-width:40em;
	margin-bottom:1em;
}
.board-members li {
	float:left;
	width:50%;
}
.board-members a {
	color:inherit !important;
	display:inline-block;
	padding:0.3em 0;
}
.board-members a:hover {
	color:#7d7cd2 !important;
}
.board-profiles {
	margin-bottom:4em;
}
.board-profiles:last-child {
	margin-bottom:0;
}
.board-profiles .profile {
	position:relative;
	padding:3em 0 0 12em;
	min-height:15em;
}
.board-profiles img {
	position:absolute;
	top:3em; left:0;
	width:10em;
	height:12em;
	background:#f1f1f5;
	border-radius:0.5em;
}
.board-profiles h3 {
	border:0;
	padding:0;
	margin:0;
}
.board-profiles h4 {
	font-weight:500;
	font-size:1.05em;
	margin-top:1em;
	margin-bottom:0.6em;
}
.board-profiles ul.bullet {
	margin-top:0;
	margin-bottom:0;
}
.board-profiles ul.bullet li {
    margin-bottom: 0.3em;
}
.board-profiles .position {
	font-size:1.05em;
	font-weight:500;
	color:#7d7cd2;
	margin-bottom:0.8em;
}


/*
——————————————————————
Sponsors
——————————————————————
*/
.sponsors {
	width:calc(100% + 3rem);
	margin:0 -3rem 3rem 0;
	font-size:0;
	text-align:center;
}
.sponsors li {
	display:inline-block;
	vertical-align:top;
	font-size:1rem;
	width:calc(33.333% - 3em);
	margin:0 3em 3em 0;
	text-align:left;
}
.sponsors li:nth-child(3n + 1) {
	clear:left;
}
.sponsors h3 {
	border:0;
	margin-bottom:0.6em;
}
.sponsors div {
	padding-right:0.5em;
	font-size:0.9375em;
}
.sponsors .logo-wrapper {
	display:block;
	padding:33.333% 50% !important;
	width:0;
	height:0;
	position:relative;
	box-shadow:0 0 1.5em rgba(0,0,0,0.08);
	border-radius:0.6em !important;
	overflow:hidden;
	margin-bottom:0.5em;
	border-bottom:3px solid #e1e1e5;
}
.sponsors .logo-wrapper:hover {
	border-color:#d1d1d5;
}
.sponsors img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
}
.sponsors .button {
	margin-top:1.2em;
}
.sidebar-sponsors {
	max-width:10em;
	margin:2em auto;
}
.sidebar-sponsors li {
	margin-bottom:1em !important;
}
.sidebar-sponsors .logo-wrapper {
	display:block;
	padding:33.333% 50% !important;
	width:0;
	height:0;
	position:relative;
	box-shadow:0 0 1em rgba(0,0,0,0.08);
	border-radius:0.6em !important;
	border-bottom:3px solid #e6e0e0;
}
.sidebar-sponsors .logo-wrapper:hover {
	border-color:#e1e1e5;
}
.sidebar-sponsors img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
}

/*
——————————————————————
Product Pages
——————————————————————
*/
.categories-landing {
	background:#ddd;
	padding:36px 0;
	margin-bottom:-40px;
}
.categories-landing li {
	float:left;
	width:48%;
	margin:0 2% 2% 0;
	height:260px;
}
.categories-landing a {
	display:block;
	height:260px;
	position:relative;
	overflow:hidden;
	background:#fff;
	border-radius:3px;
}
.categories-landing a:hover {
	box-shadow:0 0 10px #ccc;
}
.categories-landing span {
	position:absolute;
	top:15px; left:15px;
	font-size:36px;
	line-height:1;
	z-index:2;
	color:#000;
}
.categories-landing img {
	height:260px;
	position:absolute;
	top:0; right:0;
	z-index:1;
}
#category-list h2 {
	border-top:12px solid #e62f2c;
	padding-top:20px;
	margin-top:40px;
}
.product-grid {
	margin:4em 0 -2em 0;
	transition:opacity 400ms ease-in-out;
	opacity:0;
}
.product-grid-visible {
	opacity:1;
}
.product-grid li {
	float:left;
	width:33.333%;
    margin-bottom:3em;
}
.product-grid li:nth-child(3n+1) {
	clear:left;
}
.product-grid a {
	display:block;
	color:inherit;
	text-align:center;
	border-left:1px solid #cbcbed;
	padding:1em 1.5em;
    position:relative;
    min-height:30em;
}
.product-grid img {
	aspect-ratio:4 / 3;
}
.related-products {
	text-align:center;
	margin-top:0;
}
.related-products li {
	float:none;
	width:31%;
	display:inline-block;
	vertical-align:top;
}
#home .related-products {
	max-width:1100px;
	margin:auto;
}
.related-products a {
	min-height:0;
	border-left:0;
}
.product-grid a.new:before {
	content:'';
	position:absolute;
	top:1em; left:1.5em;
	width:64px;
	height:64px;
	background:url(/Images/badge-new.png) center no-repeat;
	background-size:64px 64px;
	z-index:1;
}
.product-grid a.coming-soon:after {
	content:'';
	position:absolute;
	top:1em; right:1.5em;
	width:64px;
	height:64px;
	background:url(/Images/badge-coming-soon.png) center no-repeat;
	background-size:64px 64px;
	z-index:1;
}
.product-grid a.coming-next-season:after {
	content:'';
	position:absolute;
	top:1em; right:1.5em;
	width:64px;
	height:64px;
	background:url(/Images/badge-coming-next-season.png) center no-repeat;
	background-size:64px 64px;
	z-index:1;
}
.product-grid li:nth-child(3n+1) a {
	border-left:0;
}
.product-grid img {
	display:block;
	width:100%;
	max-width:400px;
	margin:0 auto 0.8em auto;
	transition:transform 150ms linear;
	aspect-ratio:4 / 3;
}
.product-grid a:hover img {
	transform:scale(1.05);
}
.product-grid span.name {
	display:block;
	padding:0 1em;
	font-size:1.1rem;
	line-height:1.;
	font-weight:600;
}
.product-grid span.name strong {
	display:block;
	font-size:1.5em;
	font-weight:500;
}
.product-grid span.teaser {
	display:block;
	font-size:0.875em;
	margin:1em 1em 0 1em;
}
#product-name {
	margin-bottom:1.2em;
}
#product-name h1 strong {
	display:block;
	color:#333;
	font-size:1.6em;
	line-height:1.1;
}
#product-name h5 {
	text-transform:uppercase;
	display:inline-block;
	font-weight:600;
}
#product-name h5 span {
	font-weight:normal;
}
h5.model + h5.price {
	border-left:1px solid #333;
	padding-left:0.4em;
	margin-left:0.2em;
}
#product-images {
	float:right;
	width:48%;
	position:relative;
	margin-bottom:2em;
}
#product-images .main-product-image {
	display:block;
	position:relative;
}
#product-images .new:before {
	content:'';
	position:absolute;
	top:2.5em; left:2em;
	width:5em;
	height:5em;
	background:url(/Images/badge-new.png) center no-repeat;
	background-size:100%;
	z-index:1;
}
#product-images .coming-soon:after {
	content:'';
	position:absolute;
	top:2.5em; right:2em;
	width:5em;
	height:5em;
	background:url(/Images/badge-coming-soon.png) center no-repeat;
	background-size:100%;
	z-index:1;
}
#product-images .coming-next-season:after {
	content:'';
	position:absolute;
	top:2.5em; right:2em;
	width:5em;
	height:5em;
	background:url(/Images/badge-coming-next-season.png) center no-repeat;
	background-size:100%;
	z-index:1;
}
#product-images a {
	outline:none;
}
#product-images img.main {
	display:block;
	width:100%;
	margin:0 auto 1em auto;
	aspect-ratio:4 / 3;
}
.thumbs {
	padding:0 32px;
	max-height:105px;
	max-width:488px;
	text-align:center;
	overflow-y:hidden;
	box-sizing:border-box;
	margin:auto;
}
.thumbs a {
	display:block;
}
.thumbs a:hover img {
	opacity:0.95;
}
.thumbs img {
	display:block;
	width:100%;
	aspect-ratio:4 / 3;
}
#thumb-wrapper img {
	display:block;
	width:100%;
	mix-blend-mode:multiply;
}
.thumbs .slick-slide {
	background:#f2f2f2;
	border-right:2px solid #fff;
}
.thumbs button {
	position:absolute;
	font-size:0;
	top:0;
	width:32px;
	height:100%;
	color:transparent;
	cursor:pointer;
	border:0;
	outline:0;
	z-index:1;
	background:#fff;
}
.thumbs button.slick-prev {
	left:-32px;
}
.thumbs button.slick-next {
	right:-32px;
}
.thumbs button.slick-disabled {
	opacity:0;
	cursor:default;
}
.thumbs button:before {
	content:'\f053';
	position:absolute;
	top:50%; left:0;
	z-index:2;
	color:#aaa;
	font:24px/30px fa-solid;
	margin-top:-15px;
}
.thumbs button.slick-next:before {
	left:auto; right:0;
	content:'\f054';
}
#product-details, #product-name {
	float:left;
	clear:left;
	width:48%;
}


#product-details h2 {
	margin-top:1.5em;
}
#product-details table {
	font-size:0.9em;
	width:100%;
}
#product-details td {
	border:0;
	padding:0.3em 0.5em;
	vertical-align:top;
}
#product-details td:first-child {
	padding-right:2em;
	white-space:nowrap;
}
#product-details tr:nth-child(odd) td {
	background:#f2f2f2;
}
.sizes select {
	display:inline-block;
	margin-right:1em;	
	height:2em;
	border:0;
	border-radius:2em;
	padding:0 0.6em;
	outline:0;
	background:#f1f1f5;
}

.confirm-added, .product-error {
	text-align:center;
	text-transform:uppercase;
	color:#87a535;
	background:#f4f7eb;
	margin:-0.5em 0 1.5em 0;
	font-weight:bold;
	padding:0.8em 1.2em;
	border-radius:4px;
	border:1px solid #87a535;
}
.confirm-added:before {
	content:'\f00c';
	font-family:fa-solid;
	margin-right:0.5em;
	font-weight:normal;
}
.confirm-added a {
	display:inline-block;
	color:#fff;
	background:#87a535;
	padding:0.4em 0.8em;
	border-radius:4px;
	margin-left:1.2em;
}
.confirm-added a:before {
	content:'\f07a';
	font-family:fa-solid;
	font-weight:normal;
	margin-right:0.5em;
}

/*
——————————————————————
Showcase
——————————————————————
*/
#showcase {
	width:calc(100% + 2.5em);
	margin:2em -2.5em 0 0;
}
#showcase li {
	float:left;
	width:calc(33.333% - 2.5em);
	margin:0 2.5em 4em 0;
	text-align:center;
}
#showcase .image-wrapper {
	width:0;
	height:0;
	position:relative;
	padding:33.333% 50%;
	margin-bottom:1.4em;
	border-radius:0.6em;
	overflow:hidden;
}
#showcase img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	background:#f1f1f5;
}
#showcase h2 {
	text-align:center;
	margin:0 0 0.6em 0;
	padding:0 0.6em;
	font-size:1.6em;
}
#showcase h2:after {
	content:'';
	display:block;
	width:4em;
	height:0.5em;
	margin:auto;
    border-bottom:2px solid #afaeff;
}
#showcase p {
	margin:0 auto 0.6em auto;
	max-width:40em;
	padding:0 2em;
}
#showcase a:last-child,
.features a:last-child {
	display:inline-block;
	position:relative;
	border-radius:2em;
	padding:0.4em 1em;
	text-align:center;
	font-weight:500;
	color:#fff;
	background:#25386b;
	background:linear-gradient(to top left, #7765ba, #7d7cd2);
	margin:0.5em 0.5em 0 0;
	box-sizing:border-box;
}
#showcase a:last-child:hover,
.features a:last-child:hover {
	xborder-color:#bbb;
	xbackground:#fbfbfb;
}
#showcase a:last-child:active,
.features a:last-child:active {
	xbackground:#f5f5f5;
}


/*
——————————————————————
Footer
——————————————————————
*/
#footer-wrapper {
	margin-top:3em;
}
#footer-bar {
	text-align:center;
	padding:1.5em;
	font-size:0.9375em;
	line-height:2em;
}
#footer-bar span,
#footer-bar a {
	color:inherit;
	padding:0 0.3em;
}
#footer-bar a:hover {
	color:#7d7cd2;
}
#footer-bar p {
	display:inline-block;
	margin:0 0 0 4em;
}
#footer-bar a.icon {
	display:inline-block;
	padding:0;
	margin:0 0.8em;
}
#footer-bar a.icon:before {
	content:'';
	display:inline-block;
	width:1.76em;
	height:2em;
	vertical-align:middle;
	margin-top:0.25em;
}
#social-links {
	text-align:center;
	margin-bottom:1em;
}
#social-links span {
	display:none;
}
#social-links li {
	display:inline-block;
	margin:0.3em 0.3em 0 0;
}
#social-links a {
	display:block;
	width:2.6em;
	height:2.6em;
	border-radius:1.3em;
	position:relative;
	color:#fff;
	background:#7d7cd2;
}
#social-links a:after {
	font-family:fa-brands;
	font-size:1.3em;
	position:absolute;
	top:0; left:0;
	width:2em;
	line-height:2em;
	text-align:center;
}
#social-links a.facebook:after  { content:'\f39e' }
#social-links a.twitter:after   { content:'\f099' }
#social-links a.pinterest:after { content:'\f0d2' }
#social-links a.instagram:after { content:'\f16d' }
#social-links a.youtube:after   { content:'\f167' }

/*
——————————————————————
Downloads
——————————————————————
*/
#downloads {
	width:103%;
	margin-right:-3%;
}
.document-list {
	margin-bottom:2em;
}
.document-list:last-child {
	padding-top:2em;
}
.document-list a {
	outline:none;
	color:inherit;
}
.document-list a:hover {
	color:#7d7cd2;
}
.document-list td {
	padding-right:0;
}
.document-list td a {
	display:block;
	width:100%;
}
.document-list td a span {
	display:table-cell;
}
.document-list td a span.model {
	width:8em;
}

/*
——————————————————————
Forms
——————————————————————
*/
#contact .form {
	margin-top:2em;
}
#contact h2 {
	margin-bottom:0.6em;
}
.form h3 {
	margin-bottom:1em;
}
.form label {
	display:block;
}
.form input.text,
.form textarea {
	box-sizing:border-box;
	border-radius:0.4em;
	border:1px solid #d2d2d2;
	outline:none;
	padding:8px 8px 7px 8px;
	width:100%;
	max-width:400px;
}
.form textarea {
	height:200px;
}
::-webkit-input-placeholder {
	color:#ccc;
}
.form input.text:focus,
.form textarea:focus {
	border-color:#afaeff;
}
.form .recaptcha {
	margin:22px 0;
}
.validation-container {
	color:#DF280A;
	margin-bottom:25px;
}

/*
———————————————————
Donations
———————————————————
*/
#buckets {
	margin:2em 0;
	border-bottom:4px solid #e1e1e5;
}
#buckets li {
	padding:1em 0 1em 2.8em;
	border-top:1px solid #e1e1e5;
	position:relative;
}
#buckets li:before {
	font-family:fa-light;
	position:absolute;
	top:0.7rem; left:0;
	font-size:1.7em;
	width:1.3em;
	text-align:center;
}
#buckets li:nth-child(1):before {
	content:'\f4d8';
	color:#7d7cd2;
}
#buckets li:nth-child(2):before {
	content:'\f449';
	color:#608bd7;
}
#buckets li:nth-child(3):before {
	content:'\f072';
	color:#09c1ca;
}
#buckets .donation-description {
	float:left;
	width:calc(100% - 11em);
}
#buckets .donation-description strong {
	display:block;
	line-height:1.2;
	font-weight:normal;
	padding:0.4em 0;
}
#buckets .donation-amount {
	float:right;
	text-align:right;
	padding-right:1em;
	width:11em;
}
#buckets .donation-amount input {
	display:inline-block;
	width:6em;
	padding:0.3em;
	border:0;
	border-radius:0.3em;
	outline:0;
	text-align:center;
	background:#f6f6fa;
    border:2px solid transparent;
	border-bottom-color:#e1e1e5;
}
#buckets .donation-amount input:focus {
	border-color:#9ee8a6;
	background:#fff;
}
#buckets .donation-total {
	background:#f6f6fa;
}
#buckets .donation-total strong {
	font-weight:600;
}
#buckets .donation-total input {
	background:#fff;
	border-color:#7d7cd2;
	font-weight:600;
	pointer-events:none;
}


/*
———————————————————
Annual Reports
———————————————————
*/
#reports {
	width:calc(100% + 2.5em);
	margin:3em -2.5em 0 0;
}
#reports li {
	float:left;
	width:calc(16.666% - 2.5em);
	margin:0 2.5em 2.5em 0;
}
#reports li:nth-child(1) {
	width:calc(33.333% - 2.5em);
}
#reports li:nth-child(2) {
	clear:left;
}
#reports a {
	display:block;
	padding:calc(141.428% + 3em) 100% 0 0;
	position:relative;
	text-align:center;
}
#reports img {
	position:absolute;
	top:0; left:0;
	width:100%;
	box-shadow:0 0.1em 0.25em rgba(0,0,0,0.17);
}
#reports a:after {
	content:'';
	position:absolute;
	top:0; left:0;
	width:100%;
	height:calc(100% - 3em);
	background:linear-gradient(to right, #0000000c 0%, transparent 11%, #0000000b 100%);
	pointer-events:none;
}
#reports li.format-dl img,
#reports li.format-dl a:after {
	left:16.666%;
	width:66.666%;
}
#reports div {
	position:absolute;
	bottom:0; left:0;
	height:3rem;
	width:100%;
	padding:0.6rem;
	line-height:1.1;
	font-size:0.9em;
}
#reports strong {
	display:block;
}
#reports span {
	display:block;
	font-size:0.9em;
}


/*
———————————————————
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 h3 {
	display:block;
	border:0;
	font-size:1.4em;
	margin-bottom:0.5em;
	line-height:1.15;
}

#newsfeed a {
	display:block;
	width:0; height:0;
	padding:72% 50%;
	position:relative;
	border-radius:0.6em;
	overflow:hidden;
	color:inherit;
	background:#f1f1f5;
	transition:background 150ms;
}
#newsfeed a:after {
	content:'Read more';
	width:7.5em;
	line-height:2em;
	text-align:center;
	color:#fff;
	background:linear-gradient(to top left, #7765ba, #7d7cd2);
	position:absolute;
	bottom:0; right:0;
	border-radius:0.6em 0 0 0;
}
#newsfeed a:hover {
	background:#ebebef;
}
#newsfeed img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:auto;
	background:#e4e4e9;
}
#newsfeed .text {
	position:absolute;
	top:46.3%; left:0;
	width:100%;
	height:53.7%;
	padding:1.2em 1em;
}
#newsfeed .teaser {
	display:block;
	font-size:0.88em;
	line-height:1.4;
}
#newsfeed .date {
	position:absolute;
	bottom:0.5rem; left:1rem;
	font-size:0.75em;
	color:#7c8499;
}
#newsfeed .date:before {
	content:'\f017';
	font-family:fa-solid;
	display:inline-block;
	width:1.4em;
	color:#afaeff;
}

#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:53% 50%;
}
#newsfeed.news-landing li:first-child img,
#newsfeed.news-landing li:nth-child(2) img {
	xheight:62.89%;
}
#newsfeed.news-landing li:first-child .text,
#newsfeed.news-landing li:nth-child(2) .text {
	top:62.89%;
	height:37.11%;
}
#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:#7d7cd2;
}
#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;
}


/*
——————————————————————
Pages & Sidebar
——————————————————————
*/
.content {
	background:#fff;
	display:flex;
}
#content {
	width:calc(100% - 17em);
	padding:0 0 2.5em 2.5em;
	border-left:1px solid #cbcbed;
}
#content h1 {
	margin:0 0 1em 0;
}
#sidebar {
	width:17em;
	padding-right:2.5em;
	position:sticky;
	top:3em;
	align-self:flex-start;
}
#sidebar h3.indented {
	margin-left:1.2rem;
}
#sidebar a {
	color:#1e325c;
}
#sidebar .expand {
	display:inline-block;
	color:#aaa;
	cursor:pointer;
	font-size:0.8em;
	border:1px solid #ddd;
	padding:0.2em 0.8em;
	border-radius:1em;
	margin-bottom:0.5em;
	background:#fff;
	box-shadow:0 0 7px #f2f2f2;
	user-select:none;
}
#sidebar .expand:hover { 
	box-shadow:0 0 7px #e9e9e9;
}
#sidebar .expand:active { 
	box-shadow:0 0 7px #ddd;
}
#sidebar li {
	margin-bottom:0.3em;
}
#sidebar li a {
	display:block;
	padding:0.4em 1.2em;
	border-radius:2em;
	line-height:1.1;
}
#sidebar li a:hover {
	color:#7d7cd2;
}
#sidebar li.active a,
#sidebar li.active a:hover {
	color:#fff;
	background:linear-gradient(to top left, #7765ba, #7d7cd2);
}
#sidebar li.active ul a,
#sidebar li.active ul a:hover {
	background:none;
	color:inherit;
	padding:0.3em 1em 0.3em 2.5em;
}
#sidebar li.active ul li.active a {
	color:#7d7cd2;
}
#sidebar li li {
	margin:0;
}
#sidebar li.open ul {
	display:block;
	margin-left:1em;
}
#sidebar li.open a.top {
	font-weight:bold;
}
#sidebar li.open li.active a {
	font-weight:normal;
	color:#e62f2c;
}


#sidebar ul ul {
	font-size:0.8rem;
	margin:0.2em 0 0.2em 0;
	padding:0.4em 0;
}



#sidebar a.parent:after {
	font-family:fa-solid;
	content:'\f078';
	display:inline-block;
	width:1.2em;
	font-size:0.85em;
	color:#afaeff;
	margin-left:0.4em;
}



#sidebar .season-selector {
	position:relative;
}
#sidebar .season-selector:after {
	content:'\f078';
	color:#fff;
	font-family:fa-solid;
	font-size:0.7em;
	transition:transform linear 200ms;
	pointer-events:none;
	position:absolute;
	top:0.9em; right:1.2em;
}
#sidebar .season-selector select {
	display:block;
    width:100%;
    border:0;
    padding:0.4em 1em;
	padding-right:2em;
    border-radius:3em;
    outline:0;
    color:#fff;
    background:linear-gradient(to top left, #7765ba, #7d7cd2);
	appearance:none;
	line-height:1.2;
}
#sidebar .season-selector option {
    background:#fff;
	color:#222;
}
#sidebar .back-button {
	display:block;
	width:100%;
	border:0;
	padding:0.4em 1em;
	padding-left:2em;
	border-radius:3em;
	outline:0;
	color:#fff;
	background:linear-gradient(to bottom right, #ba65a2, #ad65ba);
	line-height:1.2;
	position:relative;
}
#sidebar .back-button:after {
	content:'\f053';
	color:#fff;
	font-family:fa-solid;
	font-size:0.7em;
	transition:transform linear 200ms;
	pointer-events:none;
	position:absolute;
	top:0.9em; left:1.2em;
}
#sidebar .trophy {
	font-weight:500;
	font-size:0.94em;
	text-align:center;
	border-radius:3em;
	padding:0.4em;
	transition:background-color 200ms;
	color:#1e325c;
	background:#f6f6fa;
	border-bottom:2px solid #e1e1e5;
	margin:1.7em 0 -1.2em 0;
}
#sidebar .has-trophy-text {
	cursor:pointer;
}
#sidebar .has-trophy-text:hover {
	background:#f0f0f4;
}
#sidebar .trophy:before {
	content:'\f091';
	font-family:fa-solid;
	font-weight:normal;
	text-align:left;
	color:#ffc627;
	width:1.5em;
	display:inline-block;
}
#sidebar .trophy-text {
	display:none;
}
.trophy-text-overlay {
	max-width:660px;
}
.trophy-text-overlay p {
	margin:0;
}
.content-main-image {
	position:relative;
	width:0;
	height:0;
	padding:16.667% 50%;
	margin-bottom:2em;
}
.content-main-image img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	border-radius:0.6em;
}


/*
——————————————————————
Photo Galleries
——————————————————————
*/
#albums ul {
	margin-top:2.4em;
}
#albums li {
	float:left;
	width:calc(33.333% - 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;
}

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




p.byline {
	display:inline-block;
	color:#2b3e6f;
	line-height:1.5;
    border-bottom:4px solid #afaeff;
	margin-bottom:2em;
}
p.byline strong {
	font-weight:500;
}
p.byline span {
	display:inline-block;
}
p.byline strong + span:before {
	content:'•';
	display:inline-block;
	text-align:center;
	width:1.2em;
}
.story-intro {
	color:#2b3e6f;
	background:#f3f3f7;
	padding:1.2em 1.5em;
	border-radius:0.6em;
	margin-bottom:2em;
}
.story-intro:last-child {
	margin-bottom:0;
}



.page-content-wrapper #page-content {
	float:left;
	width:calc(100% - 17rem);
	position:relative;
	padding:0 2.5em 0 0;
}
.page-content-wrapper #page-sidebar {
	float:right;
	width:17em;
	padding:0 0 0 2.5em;
	border-left:1px solid #ace7e7;
}
#page-content a {
	color:#7d7cd2;
}



#story-header,
#story-text {
	width:calc(100% - 18rem);
	position:relative;
	padding-right:3em;
}

#story-header h1 {
	margin-bottom:0.7em;
}

#related-item {
	position:absolute;
	top:0; right:-18em;
	width:18em;
	border-left:1px solid #cbcbed;
	padding-left:3em;
	font-weight:normal;
}


a.related {
	display:block;
	background:#f1f1f5;
	border-radius:0.6em;
	overflow:hidden;
	margin-bottom:2em;
}
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:linear-gradient(to top left, #7765ba, #7d7cd2);
	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:#a56ab7;
}


.social-sharing {
	display:inline-block;
	margin:2.5em 0 0.5em 0;
	vertical-align:top;
}
.social-sharing li {
	display:inline-block;
	vertical-align:top;
}
.social-sharing span {
	display:none;
}
.social-sharing a {
	display:inline-block;
	font-size:0;
	border:2px solid #ddd;
	border-radius:50%;
	width:2.5rem;
	height:2.5rem;
	line-height:1.25rem;
	text-align:center;
	padding:calc(0.625rem - 2px);
	margin-right:0.2rem;
	box-sizing:border-box;
	color:#7d7cd2;
}
.social-sharing a:hover {
	border-color:#d2d2d2;
}
.social-sharing a:active {
	background:#f5f5f4;
}
.social-sharing a:before {
	font-size:1.25rem;
	font-family:fa-brands;
}
.social-sharing a.facebook:before  { content:'\f39e' }
.social-sharing a.instagram:before { content:'\f16d' }
.social-sharing a.linkedin:before  { content:'\f0e1' }
.social-sharing a.twitter:before   { content:'\f099' }
.social-sharing a.pinterest:before { content:'\f0d2' }


.inline-images {
	width:calc(100% + 1em);
	margin:2em -1em 2em 0;
	clear:both;
}
.inline-images:first-child {
	margin-top:0;
}
.inline-images + .inline-images {
	margin-top:-1em;
}
h3 + .inline-images {
	margin-top:1em;
}
.inline-images a {
	float:left;
	margin-right:1em;
	outline:0;
	position:relative;
	border:0 !important;
}
.inline-images a:after {
	content:'\f002';
	font-family:fa-light;
	width:2.5em;
	height:2.5em;
	position:absolute;
	top:1.2em; right:1.2em;
	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;
}
.inline-images a:hover:after {
	opacity:0.9;
}
.inline-1up {
	width:100%;
	margin-right:0;
}
.inline-1up a {
	float:none;
	display:block;
	margin:0;
}
.inline-2up a {
	width:calc(50% - 1em);
}
.inline-3up a {
	width:calc(33.333% - 1em);
}
.inline-4up a {
	width:calc(25% - 1em);
}
.inline-5up a {
	width:calc(20% - 1em);
}
.inline-images img {
	display:block;
	width:100%;
	border-radius:1em;
}
.inline-images .caption {
	display:block;
	font-size:0.8em;
	margin-top:0.5em;
	line-height:1.2;
	color:#222;
	padding:0 1em;
	text-align:center;
}


.grid-wrapper {
	overflow-x:auto;
	margin:2em 0;
}
.grid-wrapper:last-child {
	margin-bottom:0;
}
table.grid {
	font-size:0.88em;
	margin:2em 0;
	width:100%;
}
.grid-wrapper table.grid {
	margin:0;
}
table.stats-grid {
	font-size:0.8235em;
	width:100%;
}
h3 + table.grid {
	margin-top:1em;
}
table.grid + table.grid {
	margin-top:-1em;
}
table.grid tr.current {
	font-weight:500;
	color:#04a504;
	background:#f2ffef;
}
table.grid th,
table.grid td {
	padding:0.4em 1em 0.4em 0.4em;
	border-bottom:0.05em solid #7d7cd255;
	line-height:1;
}
table.grid-spaced td {
	padding-top:0.7em;
	padding-bottom:0.7em;
}
table.grid th {
	font-weight:500;
	color:#7d7cd2;
	background:#7d7cd222;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-bottom:2px solid #7d7cd255;
}
table.grid th.center,
table.grid td.center {
	text-align:center;
}
table.grid th.right,
table.grid td.right {
	text-align:right;
}
table.grid th:last-child,
table.grid td:last-child {
	padding-right:1em;
}
table.grid a.button {
	font-size:0.9em;
	margin:-0.2em 0;
	height:2em;
	line-height:2em;
	min-width:5em;
}

.dot {
	width:0.8em;
	height:0.8em;
	display:inline-block;
	border-radius:50%;
	background:#ddd;
}
.dot-blue {
	background:#9ee8a6;
}
.dot-pink {
	background:#d26cc2;
}
.letters {
	font-style:italic;
	font-size:0.8em;
}
table.total-grid {
	max-width:18em;
}
table.total-grid th,
table.total-grid td {
	border:0;
}
table.total-grid tr.total {
	font-weight:bold;
}
table.total-grid tr.total td {
	border-top:1px solid #9ee8a6;
	border-bottom:3px solid #9ee8a6;
}
#related-stories {
	width:calc(100% + 1.8em);
	margin:4em -1.8em 0 0;
}
#related-stories ul {
	margin-top:1em;
}
#related-stories li {
	float:left;
	width:calc(33.333% - 1.8em);
	margin:0 1.8em 4em 0;
}
#related-stories a {
	display:block;
	border:0;
}
#related-stories a:hover .image-wrapper {
	opacity:0.9;
}
#related-stories .image-wrapper {
	display:block;
	box-sizing:border-box;
	position:relative;
	padding:37.5% 50%;
	margin-bottom:1em;
	background-color:#eee;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:1em;
}
#related-stories strong {
	display:block;
	font-weight:500;
	line-height:1.2;
	font-size:1.2em;
	padding-right:0.5em;
}


/*
————————————————————————
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:75% 50%;
	background:#f1f1f5;
	border-radius:0.6em;
	overflow:hidden;
}
#events .date-wrapper {
	position:absolute;
	top:0; left:0;
	padding:1em;
	width:100%;
	color:#fff;
	background:#18335e;
}
#events .date-wrapper div {
	float:left;
}
#events .date-wrapper .dash {
	font-size:1.6em;
	line-height:1;
	margin:1rem 0.4rem 0 0.4rem;
}
#events span.day {
	display:block;
	font-weight:500;
	line-height:1;
	text-transform:uppercase;
}
#events span.date {
	display:block;
	font-size:1.6em;
	font-weight:bold;
	line-height:1.1;
}
#events .text {
	position:absolute;
	top:5em; left:0;
	width:100%;
	padding:1.3em;
	font-size:0.9375em;
}
#events h3 {
	margin:0 0 0.5em 0;
	border:0;
}
#events .icon:before {
	display:inline-block;
	width:1.1em;
	margin-right:0.5em;
	font-family:fa-solid;
	color:#7d7cd2;
	text-align:center;
}
#events .location:before {
	content:'\f3c5';
}
#events .time:before {
	content:'\f017';
}
#events .location + .time {
	margin-top:-1em;
}
#events a {
	display:block;
	width:7.5em;
	line-height:2em;
	text-align:center;
	font-size:0.9375em;
	font-weight:500;
	border-radius:0.6em 0 0.6em 0;
}
#events li.type2 .date-wrapper,
#events li.type2 a {
	background:linear-gradient(to top left, #7765ba, #7d7cd2);
}
#events li.type5 .date-wrapper,
#events li.type5 a {
	background:#41a9dc;
}
#events li.type5 .icon:before {
	color:#41a9dc;
}


/*
—————————————————
Tabs
—————————————————
*/
.tabs {
	height:2em;
	margin:2em 0 3.2em 0;
	font-size:0.9375em;
}
.tabs li {
	float:left;
	margin-right:0.5em;
}
.tabs a {
	display:block;
	line-height:2em;
	padding:0 1.2em;
	box-sizing:border-box;
	transition:background-color 150ms;
	border-radius:1em;
	background-color:#ebebef;
}
.tabs a:hover {
	background-color:#e9e9ed;
}
.tabs a:active {
	background-color:#e2e2e6;
}
.inverted .tabs a,
.inverted .tabs a:hover {
	background-color:#fff;
}
.tabs li.active a,
.inverted .tabs li.active a {
	color:#fff;
	background-color:#7d7cd2;
}


/*
——————————————————————
Match Reports
——————————————————————
*/
#match-header {
	position:relative;
	margin-bottom:2em;
	color:#1e325c;
}
h2.match-heading {
	font-size:2.2em;
	font-weight:500;
	text-align:center;
	padding:0 5rem 0.3em 5rem;
	border-bottom:5px solid #9ee8a6;
	margin-bottom:0.4em;
}
h2.match-heading span {
	white-space:nowrap;
}
#match-header .match-date {
	text-align:center;
	line-height:1.3;
}
#match-header .match-date strong {
	display:block;
	font-weight:600;
}
#match-header .arrow {
	position:absolute;
	top:-0.45em;
	font-size:2.2rem;
	line-height:2;
	width:3rem;
	height:2em;
	text-align:center;
	color:#d5d5d9;
}
#match-header .arrow span {
	display:none;
}
#match-header .arrow-prev {
	left:0;
}
#match-header .arrow-next {
	right:0;
}
#match-header .arrow:before {
	font-family:fa-light;
}
#match-header .arrow-prev:before {
	content:'\f053';
}
#match-header .arrow-next:before {
	content:'\f054';
}

#match-summary {
	display:table;
	width:100%;
	color:#1e325c;
	background:#f5f5f9;
	font-size:0.9em;
	border-radius:1em;
	margin-bottom:3em;
}
.match-scores {
	display:table-cell;
	padding:1.5em;
	line-height:1.3;
	width:calc(100% - 12em);
}
.match-scores span {
	white-space:nowrap;
}
.match-scores h4 {
	font-size:1rem;
	margin-top:0;
	margin-bottom:0.2em;
}
.match-scores .total {
	color:#a54696;
	margin-left:0.2em;
}
.match-scores p:last-child {
	margin-bottom:0;
}
.match-result {
	display:table-cell;
	padding:1.5em;
	width:12em;
	border-left:5px solid #d9d9ff;
}
.match-officials {
	margin-top:3em;
	color:#1e325c;
	background:#f5f5f9;
	border-radius:2em;
	font-size:0.9em;
	padding:0.6em 1em;
	text-align:center;
}
.match-officials p {
	display:inline-block;
	margin:0;
}
.match-officials p + p {
	margin-left:1em;
}


/*
——————————————————————
Sitemap
——————————————————————
*/
#sitemap h2,
#sitemap h3,
#sitemap h4 {
	margin:0 0 0.5em 0;
}
#sitemap h2 {
	padding-top:0.8em;
	border-top:1px solid #ddd;
	margin-top:1.5em;
}
#sitemap h4 {
	text-transform:uppercase;
}
#sitemap h3 {
	margin-top:1em;
	border:0;
}
#sitemap ul {
	margin:0 0 1em 1.5em;
}
#sitemap a {
	color:inherit;
}
#sitemap a:hover {
	color:#7d7cd2;
}




@media only screen and (min-width:1500px) {
	#category-list img {
		width:378px;
	}
	.related-products img {
		width:279px;
	}
	#product-images .thumbs img {
		width:140px;
	}
}

@media only screen and (min-width:1550px) {
	.main-image {
		width:1400px;
		height:467px;
	}
	#hero .main-image {
		height:500px;
	}
}


@media only screen and (max-width:1500px) {
	#newsfeed a {
		padding:60% 50%;
	}
	#newsfeed .teaser {
		display:none;
	}
	#newsfeed .text {
		top:54%;
		height:46%;
	}
	#newsfeed h3 {
		font-size:1.45vw;
	}
	#newsfeed.news-landing li:first-child a,
	#newsfeed.news-landing li:nth-child(2) a {
		padding:46% 50%;
	}
	#newsfeed.news-landing li:first-child .text,
	#newsfeed.news-landing li:nth-child(2) .text {
		top:72%;
		height:28%;
	}
}



@media only screen and (max-width:1450px) {
	#logo-bar {
		background-position:top 0 right -20em;
	}
	#welcome .text a {
		bottom:2.4vw; left:2.4vw;
	}
	#showcase h2 {
		font-size:1.5em;
		padding:0;
	}
	#showcase p {
		padding:0;
	}
	#videos li {
		width:calc(50% - 1.5em);
	}

}


@media only screen and (max-width:1280px) {
	html {
		font-size:15px;
	}
	#sidebar {
		width:13em;
		padding-right:1.5em;
	}
	#content {
		width: calc(100% - 13em);
		padding:0 0 2em 2em;
	}
}


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


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


	#newsfeed li {
		width:calc(50% - 1.5em);
	}
	#newsfeed a {
		padding:50% 50% !important;
	}
	#newsfeed .text {
		top:66% !important;
		height:30% !important;
		padding:1em;
	}
	#newsfeed h3 {
		font-size:1.55vw;
	}
	


	#product-images {
		width:50%;
	}
	#product-images img.main {
		width:100%;
		min-height:0;
	}
	#product-details {
		width:47%;
	}
}


@media only screen and (max-width:1170px) {
	html {
		font-size:14px;
	}
}

@media only screen and (max-width:1100px) {
	#carousel a {
		font-size:2.8em;
	}
	#logo-bar {
		background-position:top 0 right -30em;
	}
	#nav a.top {
		padding:0 1.5em;
	}
	#product-details .button-print {
		display:none;
	}
	#welcome {
		padding:0;
	}
	#welcome .text,
	#welcome .image {
		position:static;
		display:block;
		width:100%;
		height:auto;
		font-size:1em;
	}
	#welcome .text h2 {
		margin-bottom:0.5em;
	}
	#welcome p:last-child {
		margin:0;
	}
	#welcome .text a {
		position:static;
		display:inline-block;
		margin-top:1em;
	}
	#welcome .video-wrapper {
		padding-bottom:56.25%;
		position:relative;
	}
	#welcome iframe {
		width:100%;
		height:100%;
	}
	.page-content-wrapper #page-content {
		float:none;
		width:auto;
		padding:0;
	}
	.page-content-wrapper #page-sidebar {
		display:none;
	}

}


@media only screen and (max-width:1024px) {
	.product-grid li {
		width:33.33%;
		margin-bottom:2em;
	}
	.related-products li {
		width:32%;
	}
	.product-grid li:nth-child(4n+1) {
		clear:none;
	}
	.product-grid li:nth-child(4n+1) a {
		border-left:1px solid #ccc;
	}
	.product-grid li:nth-child(3n+1) {
		clear:left;
	}
	.product-grid li:nth-child(3n+1) a {
		border-left:none;
	}
	.product-grid a {
		min-height:19em;
	}
}


@media only screen and (max-width:1023px) {
	#header-wrapper {
		border-bottom:1px solid #cbcbed;
		margin-bottom:2em;
	}
	#logo-bar {
		height:8.5em;
	}
	#icons {
		font-size:1.15em;
		top:2.1rem;
	}
	#hamburger {
		display:inline-block;
	}
	#nav-wrapper {
		display:none;
		position:fixed;
		top:0; left:0;
		min-width:0;
		width:100%;
		height:100%;
		color:#fff;
		background:#081a38;
		overflow-y:scroll;
		z-index:10;
		-webkit-overflow-scrolling:touch;
		padding:5em 0 3em 0;
	}
	#close {
		position:fixed;
		top:0.7em; right:0.7em;
		width:1.5em;
		height:1.5em;
		font-size:2em;
		line-height:1.5em;
		display:none;
		color:#fff;
		text-align:center;
	}
	#close:after {
		font-family:fa-light;
		content:'\f00d';
	}
	body.nav-active #close {
		display:block;
	}
	#nav {
		padding:0;
		margin:0;
		text-align:left;
		border-radius:0;
		height:auto;
		background:none;
	}
	body.nav-active #nav-wrapper {
		display:block;
	}
	#nav a.top {
		font-size:1.4em;
		text-align:left;
		padding-left:4rem;
	}	
	#nav a.top,
	#nav li.active a.top {
		color:#fff !important;
		background:none !important;
	}
	#nav ul {
		display:none;
		position:static;
		box-shadow:none !important;
		background:none;
		padding:0.4em 0 1em 0;
		width:auto;
	}
	#nav li:hover ul {
		display:none;
	}
	#nav li.top {
		display:block;
		margin-bottom:0.8em;
	}
	#nav li.top:hover a.has-drawer:before {
		display:none;
	}
	#nav li.top a.has-drawer:after {
		display:inline-block;
		font-family:'fa-solid';
		content:'\f107';
		margin-left:0.4em;
		color:#8483d8;
		transition:transform linear 200ms;
	}
	#nav li.top a.drawer-active + ul {
		display:block;
	}
	#nav li.top a.drawer-active:after {
		transform:rotate(180deg);
	}
	#nav ul a {
		display:block;
		color:#8483d8;
		padding:0.1em 0 0.1em 4rem;
		font-size:1.3em;
	}
}


@media only screen and (max-width:960px) {
	.product-grid a.new:before,
	.product-grid a.coming-soon:after,
	.product-grid a.coming-next-season:after {
		width:48px;
		height:48px;
		background-size:48px 48px;
	}
	#product-name {
		float:none;
		width:auto;
	}
	#product-images,
	#product-details {
		float:none;
		width:auto;
	}
	#product-images img.main {
		width:100%;
		min-height:0;
	}
	.product-grid li {
		width:50%;
	}
	.related-products li {
		width:48%;
	}
	.product-grid a {
		padding:0 1em;
		min-height:17em;
	}
	.product-grid li:nth-child(3n+1) {
		clear:none;
	}
	.product-grid li:nth-child(3n+1) a {
		border-left:1px solid #ccc;
	}
	.product-grid li:nth-child(2n+1) {
		clear:left;
	}
	.product-grid li:nth-child(2n+1) a {
		border-left:none;
	}
}




@media only screen and (max-width:900px) {
	#sidebar {
		display:none;
	}
	#content {
		width:100%;
		padding:0;
		border:0;
	}
	#showcase {
		width:auto;
		max-width:600px;
		margin-left:auto;
		margin-right:auto;
	}
	#showcase li {
		float:none;
		width:auto;
		margin:0 0 3em 0;
	}
	.breadcrumb {
		display:block;
	}
	#newsfeed h3 {
		font-size:2.1vw;
	}
	#newsfeed a:after {
		font-size:0.9em;
	}



	#home-hero {
		font-size:1rem;
		max-width:600px;
		margin:auto;
		padding:0;
	}
	#home-hero .text {
		position:static;
		width:auto;
		height:auto;
		border-right:0;
		border-bottom:0.7em solid rgba(255,255,255,0.2);
		padding:1.8em;
	}
	#home-hero .text h2 {
		font-size:2.4em !important;
	}
	#home-hero .latest-article {
		position:relative;
		top:auto; right:auto;
		width:0;
		height:0;
		padding:33.333% 50%;
	}
	#home-hero .latest-article a {
		left:0; bottom:0;
		width:100%;
		max-width:100%;
		border-radius:0;
	}
	.next-match {
		display:block;
		position:static;
		width:auto;
		margin-top:2em;
	}
}






@media only screen and (max-width:870px) {
	.hero-heading {
		padding:16.666% 50%;
		overflow:hidden;
	}
	.hero-heading h1 {
		font-size:2.8em;
	}
	.hero-heading img {
		width:133.333%;
		left:-16.666%;
	}
	.list-item {
		margin:1em 0;
	}
	.list-item .text {
		padding:2em 1.5em !important;
	}
	.list-item .text,
	.list-item .image {
		width:100% !important;
		float:none !important;
	}
	#footer-bar {
		padding:2em 0.8em;
	}
	#footer-bar p {
		display:block;
		margin:0.5em 0 0 0;
	}
}


@media only screen and (max-width:768px) {
	h1 {
		font-size:2em;
	}
	.intro {
		max-width:500px;
	}
	.intro br {
		display:none;
	}
	.grid {
		width:100%;
	}
	#product #sidebar {
		display:none;
	}
	#product #content {
		width:auto;
		float:none;
		padding:0;
		border:0;
	}
	#footer-bar {
		font-size:0.8em;
	}
	#footer-bar p {
		font-size:0.9rem;
	}
}


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

	.wrapper {
		padding:0 2em;
	}

	#logo-bar {
		height:6.8em;
	}
	#logo {
		font-size:0.8em;
	}
	h1 a.edit {
		display:none;
	}

	.inline-images {
		font-size:0.8em;
	}
	.inline-images img {
		border-radius:0.5rem;
	}

	
	.dots {
		bottom:0;
	}
	#related li {
		width:46%;
	}
	.wrapper {
		overflow-x:hidden;
	}
	.main-image {
		width:150%;
		margin-left:-25%;
		margin-right:-25%;
		margin-top:-2em;
	}
	.main-image-caption {
		right:2rem;
	}
	.product-grid a.new:before,
	.product-grid a.coming-soon:after,
	.product-grid a.coming-next-season:after {
		width:32px;
		height:32px;
		background-size:32px 32px;
	}



	
	#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.6em 0;
	}

	.gallery {
		font-size:2vw;
	}
	.gallery-row a {
		border-radius:0.5rem;
	}
}


@media only screen and (max-width:720px) {
	#gallery li {
		width:calc(50% - 1em);
	}
	.pager .count {
		margin-bottom:1em;
	}
	.pager .count, .paging  {
		float:none !important;
		display:block;
		text-align:center;
	}
	.pagerTextControl {
		margin:2em 0 1.2em 0;
	}
	.paging span.active, .paging a {
		float:none !important;
		display:inline-block;
	}

}


@media only screen and (max-width:600px) {
	body {
		font-size:14px;
	}
	#category-list-home a {
		font-size:1.2em;
	}
	.intro {
		margin-bottom:1em;
		padding:0 18px;
	}
	.main-image-caption {
		font-size:3em;
		right:1.2rem;
		bottom:0.3em;
	}
	#category-list {
		margin-bottom:1.5em;
	}
	#category-list li {
		width:48%;
		padding:0 4%;
		margin-bottom:2em;
	}
	.product-grid li,
	.related-products li {
		width:100%;
		margin-bottom:3em;
	}
	.product-grid a {
		min-height:0;
		padding:0;
		border-left:0 !important;
	}
	#product-details table {
		font-size:1em;
	}
	#product-name h1 strong {
		font-size:1.3em;
	}
	.intro {
		text-align:left;
		padding:0;
	}
	#featured-wrapper .intro {
		text-align:center;
	}




}






@media only screen and (max-width:575px) {
	#newsfeed {
		width:auto;
		margin-right:0;
	}
	#newsfeed li {
		float:none !important;
		width:auto !important;
		margin:0 0 1.6em 0 !important;
	}
	#newsfeed.news-home li:nth-child(3) {
		display:block;
	}
	#newsfeed h3 {
		font-size:1.2em;
		margin-bottom:1em;
	}
	#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;
	}


	.board-profiles .profile {
		padding-left:0;
	}
	.board-profiles .image-wrapper {
		display:block;
		position:relative;
		width:0;
		height:0;
		padding:60% 50%;
		margin-bottom:1em;
	}
	.board-profiles img {
		position:absolute;
		top:0; left:0;
		width:100%;
		height:100%;
	}

	.sponsors {
		width:100%;
		margin:0;
	}
	.sponsors li {
		display:block;
		width:100%;
		margin:0 0 3em 0;
	}

	.sponsors .logo-wrapper {
		display: block;
		padding: 33.333% 50% !important;
		width: 0;
		height: 0;
		position: relative;
		box-shadow: 0 0 1.5em rgba(0,0,0,0.08);
		border-radius: 0.6em !important;
		overflow: hidden;
		margin-bottom: 0.5em;
		border-bottom: 3px solid #e1e1e5;
	}
}





@media only screen and (max-width:480px) {
	.wrapper {
		padding:0 1.6em;
	}
	#icons a.search {
		display:none;
	}
	.hero-heading {
		padding:25% 50%;
	}
	.hero-heading h1 {
		font-size:2.4em;
	}
	.hero-heading img {
		width:200%;
		left:-50%;
	}
	#videos, #videos li {
		width:100%;
		margin-right:0;
	}
	#videos li {
		margin-bottom:1em;
	}
	#videos span.title {
		font-size:1em;
	}
	.product-grid span.teaser {
		margin:1em 0 0 0;
		font-size:1em;
	}
	#story-wrapper h2,
	.story-text {
		text-align:left;
	}


	#home-hero .text h2 {
		font-size:6.8vw !important;
	}
	#home-hero .text p:last-child {
		font-size:0.85em;
	}
	#home-hero .latest-article a {
		font-size:1.6em;
	}
	#home-hero .button {
		font-size:1rem;
	}
}


@media only screen and (max-width:435px) {
	
	.product-grid a {
		min-height:15em;
	}
	#logo-bar {
		height:6.5em;
	}
	#logo {
		font-size:0.75em;
	}
}


@media only screen and (max-width:380px) {
	#logo-bar {
		height:6em;
	}
	#logo {
		font-size:0.7em;
	}
	#icons {
		top:1.8rem;
	}
}


@media only screen and (max-width:370px) {
	html {
		font-size:13px;
	}
	#icons a {
		display:none;
	}
}