/*** General ***/

*:focus {
  outline: none;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'kingfisher-regular'; 
	font-size: 19px; 
	line-height: 27px;
	font-weight: normal;
	font-style: normal;
	background: rgba(0,0,0,0.02);
}

/*** Fonts ***/

h1, h2, h3 { margin: 0; padding: 0 0 20px 0; /*max-width: 950px;*/ }
h4, h5, h6, p { margin: 0; padding: 0 0 20px 0; /*max-width: 950px;*/ }

h1.addedSpace,
h2.addedSpace,
h3.addedSpace,
h4.addedSpace { /*margin-bottom: 30px;*/ }

p.addedSpace { margin-bottom: 14px; }

h1.noSpace,
h2.noSpace,
h3.noSpace,
h4.noSpace,
p.noSpace { padding-bottom: 0; }

.liningFigures {
	-moz-font-feature-settings:"lnum" 1, "kern" 1, "liga", "calt" 1, "locl" 1, "case" 1;
	-ms-font-feature-settings:"lnum" 1, "kern" 1, "liga", "calt" 1, "locl" 1, "case" 1;
	-o-font-feature-settings:"lnum" 1, "kern" 1, "liga", "calt" 1, "locl" 1, "case" 1;
	-webkit-font-feature-settings:"lnum" 1, "kern" 1, "liga" 1, "calt" 1, "locl" 1, "case" 1;
	font-feature-settings:"lnum" 1, "kern" 1, "liga" 1, "calt" 1, "locl" 1, "case" 1;
}

h1 {
	font-family: 'EngWD-BdIt','Kaushan Script';
	/*letter-spacing: 0.01em;*/
	font-size: 52px;
	line-height: 1em;
	font-weight: normal;
	font-style: normal;
	-moz-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-ms-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-o-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-webkit-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
}
	h1.highlight, h4.highlight {
		color: rgb(247, 148, 29);
	}
	h1.white, h4.white {
		color: #fff;
	}
	
h2 {
	font-family: 'EngWD-BdIt','Kaushan Script';
	/*margin-bottom: -34px;*/
	/*letter-spacing: 0.01em;*/
	font-size: 32px;
	line-height: 40px;
	font-weight: normal;
	font-style: normal;
	-moz-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-ms-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-o-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-webkit-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	color: rgb(247, 148, 29);
}
	#lightcase-case h2 { color: #fff; font-size: 29px; line-height: 36px; letter-spacing: 0.01em; }
h3 {
	font-family: 'kingfisher-display';
	/*letter-spacing: 0.01em;*/
	font-size: 26px;
	line-height: 36px;
	font-weight: normal;
	font-style: normal;
	-moz-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-ms-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-o-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-webkit-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	color: rgb(247, 148, 29);
	width: 75%;
	max-width: 710px;
	
}
h4 {
	font-family: 'kingfisher-regular';
	/*letter-spacing: 0;*/
	font-size: 22px;
	line-height: 32px;
	font-weight: normal;
	font-style: normal;
	-moz-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-ms-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-o-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-webkit-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	width: 85%;
	max-width: 700px;
}
h5 {
	font-family: 'kingfisher-regular';
	/*letter-spacing: 0;*/
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	font-style: normal;
	-moz-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-ms-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-o-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-webkit-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	width: 85%;
	max-width: 700px;
}
p {
	font-family: 'kingfisher-regular'; 
	font-size: 19px; 
	line-height: 27px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.01em !important;
	
	-moz-font-feature-settings: "liga" 1, "kern" 1, "calt" 1 !important;
	-ms-font-feature-settings: "liga" 1, "kern" 1, "calt" 1 !important;
	-o-font-feature-settings: "liga" 1, "kern" 1, "calt" 1 !important;
	-webkit-font-feature-settings: "liga" 1, "kern" 1, "calt" 1 !important;
	font-feature-settings: "liga" 1, "kern" 1, "calt" 1 !important;
	
	width: 75%;
	max-width: 700px;
}

h2 a, h3 a, h4 a { color: rgb(247, 148, 29); text-decoration: none; }

p a { color: rgb(247, 148, 29); text-decoration: none; border-bottom: 1px rgb(247, 148, 29) solid;}

a { color: rgb(247, 148, 29); text-decoration: none; }

strong, p strong {
	font-family: 'kingfisher-heavy' !important;
	font-weight: normal !important;
	font-style: normal !important;
	letter-spacing: 0.01em;
}
em, p em {
	font-family: 'kingfisher-italic' !important;
	font-weight: normal !important;
	font-style: normal !important;
}
h3 em {
	font-family: 'kingfisher-displayitalic' !important;
	font-weight: normal !important;
	font-style: normal !important;
}


.black { color: #000; }

.white,
.blue h1, 
.blue h2, 
.blue h3, 
.blue h4, 
.blue h5, 
.blue h6, 
.blue p { color: #ffffff; }

.pageTitle { color: rgb(247, 148, 29); }


/*** siteheader ***/

.siteHeader {
	height: 120px;
	background: rgba(0,0,0,0.8);
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: #fff;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	transition: ease 0.5s;
	z-index: 3;
}
	.siteHeader:hover {
		background: rgba(0,0,0,0.8);
	}
	.siteHeader.showBackground {
		background: rgba(0,0,0,0.8);
	}

.siteHeader--scrolled {
	height: 90px;
	background: rgba(0,0,0,0.8);
}


/*** logo ***/

div.logo { 
	position: absolute;
	top: -28px;
	left: 45px;
	height: 196px;
	width: 196px;
	transition: ease 0.5s;
	z-index: 5;
}
div.logo img { height: 100%; width: auto; }

.siteHeader--scrolled .logo {
	top: -8px;
	left: 40px;
	height: 120px;
	width: 120px;
}

/*** cart ***/

#quantityContainer {
	position: fixed;
	top: 37px;
	right: 34px; /* 6px overhang to right */
	padding: 10px 10px 10px 10px;
	display: flex;
	justify-content: center;
	background: rgba(247,148,29,1.0);
	border: 0;
	border-radius: 20px;
	outline: 0;
	transition: ease 0s;
	z-index: 1;
	width: 20px;
	height: 20px;
	display: none;
}
	#quantityContainer:hover {
		background: rgba(217,118,16,1.0);
		transition: ease 0s;
	}
	#quantity {
		color: rgba(255,255,255,1.0);
		font-family: 'kingfisher-bold';
		font-weight: normal;
		font-style: normal;
		font-size: 19px;
		line-height: 20px;
		letter-spacing: 0.01em;
	-moz-font-feature-settings:"lnum" 1, "kern", "liga", "calt", "locl";
	-ms-font-feature-settings:"lnum" 1, "kern", "liga", "calt", "locl";
	-o-font-feature-settings:"lnum" 1, "kern", "liga", "calt", "locl";
	-webkit-font-feature-settings:"lnum" 1, "kern", "liga", "calt", "locl";
	font-feature-settings:"lnum" 1, "kern", "liga", "calt", "locl";
		display: flex;
		align-self: center;
		/*justify-content: right;*/
		flex-basis: auto;
	}
	/*
	#quantity::before {
		content: "Checkout";
		padding-right: 10px;
	}
	*/
		#quantity a {
			color: #fff;
			text-decoration: none;
		}

#navigation #quantityContainer {
	position: relative;
	margin: -57px 0 0 -40px;
	top: 0;
	right: 0;
	left: 50px;
	display: flex;
}

.siteHeader--scrolled #quantityContainer {
	top: 7px;
	right: 34px;
	padding: 8px 10px 12px 10px;
	transition: ease 0.5s;
}
/*
	.siteHeader--scrolled #quantity::before {
		content: "Checkout";
		padding-right: 10px;
		transition: ease 0.5s;
	}
*/

/*** site sub header /username ***/
.siteSubHeader {
	height: 50px;
	/*background: rgba(255,255,255,0.5);*/
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: rgba(255,255,255,1.0);
	/*border-bottom: 1px solid rgba(124,156,190,0.5);*/
	position: fixed;
	width: 100%;
	left: 0;
	top: 120px;
	transition: ease 0.5s;
	z-index: 1;
}
	.siteSubHeader a { color: rgba(255,255,255,1.0); }

	.siteSubHeader:hover {
		/*background: rgba(255,255,255,0.9);*/
	}
	.siteSubHeader.showBackground {
		/*background: rgba(255,255,255,0.9);*/
	}

.siteSubHeader--scrolled {
	height: 50px;
	top: 70px;
	/*background: rgba(255,255,255,0.9);*/
}

/*** username ***/

.userName {
	margin: 0;
	padding: 0 40px 0 0;
}

/*** end username ***/


/*** navigation ***/

ul.nav-list {
	margin: 68px 0 0 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	list-style: none;
	list-style-image: none;
	list-style-image: none;
	transition: ease 0.5s;
}
.siteHeader--scrolled ul.nav-list {
	margin: 38px 0 0 0;
}

	ul.nav-list li { margin: 0 7px; padding: 0; }
	ul.nav-list li.last { margin-right: 40px; }
		
	/*.siteHeader--scrolled ul.nav-list li, .siteHeader--scrolled ul.nav-list li.last { margin-top: 0px;}*/ 
	
		ul.nav-list li a { 
			margin: 0; 
			padding: 0; 
			font-family: 'kingfisher-regular'; 
			font-size: 19px; 
			line-height: 22px; 
			/*letter-spacing: 0.01em;*/
			color: #fff;
			text-decoration: none; 
			-moz-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
			-ms-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
			-o-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
			-webkit-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
			font-feature-settings: "liga" 1, "kern" 1, "calt" 1;

		}
		
		ul.nav-list li a:hover, ul.nav-list li.active a { text-decoration: none; /*border-bottom: 1px #fff solid;*/ }
		
		ul.nav-dropdown li a { text-decoration: none; border-bottom: none !important; }
		ul.nav-dropdown li.active a { text-decoration: none; /*border-bottom: 1px #fff solid !important;*/ }


ul.nav-list li a:not(:only-child):after,
ul.nav-list a:visited:not(:only-child):after {
	content: " ";
	width: 6px;
	height: 6px;
	border: 2px solid;
	border-color: white transparent transparent white;
	transform: rotate(-135deg);
	display: inline-block;
	padding: 0;
	margin: 0 0 3px 5px;
}
	ul.nav-list li.active a:not(:only-child):after {
		border-color: rgba(247,148,29,1.0) transparent transparent rgba(247,148,29,1.0);
	}

	ul.nav-list li a:not(:only-child):hover {
		/*border-bottom: 1px #fff solid;*/
	}

.nav-dropdown {
	position: absolute;
	top: 120px;
	margin: 0 0 0 -10px;
	padding: 0;
	display: none;
	z-index: 1;
	list-style: none;
	list-style-image: none;
	list-style-image: none;
	background: rgba(0,0,0,0.8);
	transition: ease 0.5s;
}
.siteHeader--scrolled .nav-dropdown {
	top: 90px;
	margin: 0 0 0 -10px;
	/*transition: ease 0.3s;*/
}

ul.nav-list li ul li {
	margin: 15px 10px 15px;
	padding: 0;
	min-width: 190px;
}
	ul.nav-list li ul li:first-of-type {
		margin: 5px 10px 15px;
	}

	ul.nav-list li ul li.checkout {
		background: rgba(247,148,29,1.0);
		margin: 0;
		padding: 5px 10px 10px;
	}

ul.nav-list li.active,
ul.nav-list li.active a {
	color: rgba(247,148,29,1.0);
}
	ul.nav-list li.active ul li a,
	ul.nav-list li.active a ul li a {
		color: rgba(255,255,255,1.0);
	}
		ul.nav-list li.active ul li.active a,
		ul.nav-list li.active a ul li.active a {
			color: rgba(247,148,29,1.0);
		}

.siteHeader--scrolled ul.nav-list li ul li {
	margin: 15px 10px 15px;
}
	.siteHeader--scrolled ul.nav-list li ul li:first-of-type {
		margin: 5px 10px 15px;
	}

	.siteHeader--scrolled ul.nav-list li ul li.checkout {
		background: rgba(247,148,29,1.0);
		margin: 0;
		padding: 10px 10px 15px 10px;
	}

ul.nav-list li ul li a {
	padding: 0;
	line-height: 20px;
}

/* Mobile navigation */
.nav-mobile {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	/*background: #262626;*/
	height: 70px;
	width: 70px;
}

#nav-toggle {
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
	padding: 0;
	width: 36px;
	height: 36px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
	cursor: pointer;
	height: 2px;
	width: 36px;
	background: rgba(255,255,255,0.9);
	position: absolute;
	display: block;
	content: "";
	transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
	top: 13px;
}
#nav-toggle span:after {
	top: 26px;
}
#nav-toggle.active span {
	background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
	top: 15px;
}
#nav-toggle.active span:before {
	transform: rotate(45deg);
}
#nav-toggle.active span:after {
	transform: rotate(-45deg);
}



/*** site content ***/

.siteContent {
	overflow-x: hidden;
/*	
	position: relative;
	z-index;1;*/
	min-height: 100vh;
}


/*** homepage ***/
/*** embedded video ***/

.videoContainer {
	overflow: hidden;
	z-index: 1;
	/* below added for unknown height centering using flex / also textOverlay below */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.videoContainer::-webkit-scrollbar {
	display: none;
}
video,
.videoPlayer {
	width: 100vw;
    height: 100vh;
	object-fit: cover;
}
.videoPreview { /* only needed if preview image to click before video plays */
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100vw;
    height: 100vh;
	object-fit: cover;
	z-index: 1;	
}

img { 
	vertical-align: text-bottom; 
}

div.textOverlay {
	position: absolute;
	/*
	top: 50%;
	*/
	left: 12.5%;
	/*
	height: 300px;
	margin-top: -150px;
	*/
	max-width: 550px;
	padding-right: 30px;
	text-align: center;
}
	.videoContainer div.textOverlay {
		text-align: left;
	}

/*** full browser image ***/

.fullBrowser {
	position: relative;
	top: 0px;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: 100vw;
	width: 100vw;
	z-index: 1;
}

/*** homepage ***/

.container img { width: 100%; height: auto; vertical-align: center; }

.homeEvents {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
	.nextEvent { align-self: flex-start; }
	.allEvents { align-self: flex-start; }
	
		.allEvents .button { margin-top: 5px; margin-right: 0; }


.previewThreeList,
.previewContainer {
	display: grid;
	grid-template-columns: repeat(3, 33%);
	justify-content: center;
	align-content: center;
	padding: 0px 15px 0px 15px;
	margin: 0;
	/*width: 100%;*/
	overflow: hidden;
	gap: 20px;
}
	.previewThreeList .preview,
	.previewContainer .previewSquare {
		margin: 0;
		padding: 0;
		/*width: calc( 100vw / 5 );*/
		display: grid;
		position: relative;
	}
		.previewThreeList .preview img,
		.previewContainer .previewSquare img {
			width: 100%;
			height: auto;
		}

.previewThreeList .preview.blue,
.previewContainer .previewSquare.blue {
	background: rgba(124,156,190,1.0);
}
.previewThreeList .preview.orange,
.previewContainer .previewSquare.orange {
	background: rgba(247,148,29,1.0);
}

.previewThreeList .preview .overlay,
.previewContainer .previewSquare .overlay {
	width: 100%;
	height: 70%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5));
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.previewThreeList .preview .previewTitle,
.previewContainer .previewSquare .previewTitle {
  position: absolute;
  top: 15%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #fff;
  z-index: 2;
}
	.previewThreeList .preview .previewTitle h2,
	.previewContainer .previewSquare .previewTitle h2 {
		font-size: 48px;
		color: #fff;
	}

.previewThreeList .preview .text-wrapper,
.previewContainer .previewSquare .text-wrapper {
  position: absolute;
  bottom: 0;
  width: calc(100% - 40px);
  padding: 0 20px;
  height: 125px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #fff;
  opacity: 0;
  transition: all 0.8s ease;
}

.previewThreeList .preview:hover > .text-wrapper,
.previewContainer .previewSquare:hover > .text-wrapper {
  transition: all 0.8s ease;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;z-index:30;
}

.previewFourList,
.previewJournalContainer {
	display: grid;
	grid-template-columns: repeat(4, 25%);
	justify-content: center;
	align-content: center;
	padding: 30px 45px 30px 45px;
	margin: 0;
	/*width: 100%;*/
	overflow: hidden;
	gap: 30px;
	border-top: 1px solid rgba(0,0,0,0.25);
}
	.previewFourList preview,
	.previewJournalContainer .previewItem {
	}

/*** member portfolios page ***/

	.previewFourList .portfolio .portfolioItem .portfolioImageContainer {
		width: 100%;
		overflow: hidden;
		margin-bottom: 10px;
		padding-top: 0;
	}
		.previewFourList .portfolio .portfolioItem .portfolioImageContainer img {
			display: table-cell;
			vertical-align: middle ;
			text-align: center;
		}
		
		.previewFourList .portfolio .portfolioItem h2 {
			padding-bottom: 10px;
		}
		
		.previewFourList .portfolio .portfolioItem p {
			font-size: 16px;
			line-height: 20px;
			color: #999;
		}
		
		p.memberCategories {
			padding-bottom: 0;
		}
		
		p.memberCategories span:after {
			content: ", ";
		}
		p.memberCategories span:last-child:after {
			content: "";
		}


.videoContainer {
	position:relative;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 75% 0 0 0; /* placeholder overriden by embedded video padding */
}
.videoContainer iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*** contact page ***/

.container.contact {
	display: flex;
}

#contactForm {
	margin: 0 0 30px 0;
	padding: 0;
	width: 50%;
}
#newsletterForm {
	margin: 0 0 30px 0;
	padding: 60px 12.5%;
	position: relative;
}
	#newsletterForm .overlay {
		background: rgba(0,0,0,0.3);
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}

div.newsletterFormText h2,
div.newsletterFormText h3,
div.newsletterFormText h4,
div.newsletterFormText p {
	color: #fff
}

.newsletterFormText,
#newsletterSubscription {
	width: 50%;
}

/* asterisk */
.freeform-row .freeform-column .freeform-label.freeform-required::after {
  font-family: "kingfisher-regular" !important;
  font-weight: normal !important;
  font-style: normal !important;
  color: rgba(247,148,29,1.0) !important;
}

label {
  font-family: "kingfisher-regular";
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 18px;
  line-height: 26px;
  padding: 8px 20px 8px 0;
}
	#newsletterForm label {
		color: #fff;
	}

input[type="text"],
input[type="email"] {
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 8px 12px;
  margin: 0 40px 0 0 ;
  font-family: "kingfisher-regular";
  font-size: 18px;
  flex-basis: 25%;
}
input[type="text"]:before {
	content: "";
}
	#newsletterForm input[type="text"],
	#newsletterForm input[type="email"] {
	  border: 1px solid #8c8678;
	}

textarea {
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 8px 12px;
  margin: 0 40px 0 0 ;
  font-family: "kingfisher-regular";
  font-size: 18px;
  flex-basis: 25%;
}

#location { 
	width: calc(50% - 30px); 
	margin: 0 0 30px 30px; 
	display: flex; 
	flex-direction: column; 
}

#map {
  width: 100%;
  height: 472px;
  border: 1px solid #ccc;
  margin: 50px 0 0 0;
  padding: 0;
  overflow: hidden;
  display: flex;
}
	#map figure {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
	}
		#map figure iframe {
			width: 100%;
			height: 100%;
			/*aspect-ratio: 1/1;*/
		}
		
div.address { width: 100%; margin-top: 20px; display: flex; }

.gm-style address, .gm-style a.directions {
	font-family: "kingfisher-regular" !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 18px;
}
	.gm-style a.directions {
		color: rgba(247,148,29,1.0) !important;
	}

#instagramFeed {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: calc(100% + 20px);
	margin-left: -10px;
	margin-top: 10px;
	margin-bottom: 30px;
}
	#instagramFeed .instagramPost {
		flex-basis: calc(100% / 6);
	}
		#instagramFeed .instagramPost div {
			margin: 0px !important;
			padding: 10px !important;
			height: 100%;
			width: 100%;
			display: flex;
		}
			#instagramFeed .instagramPost div img {
				width: calc(100% - 20px) !important;
				height: calc(100% - 20px) !important;
				object-fit: cover;
				aspect-ratio: 1/1;
			}

#socialMediaLinksBody [class^="icon-"], #socialMediaLinksBody [class*=" icon-"] {
	color: #000;
}
#socialMediaLinksBody a {
  text-decoration: none;
}
#socialMediaLinksBody .icon-instagram::before,
#socialMediaLinksBody .icon-twitter::before,
#socialMediaLinksBody .icon-facebook::before,
#socialMediaLinksBody .icon-mail::before {
	font-size: 32px;
	line-height: 36px;
	padding-bottom: 20px;
}


/*** secondary pages ***/

/*** single / multi images slider ***/

#slider-container {
	height: 700px;
}
.royalSlider {
	height: 100%;
	z-index: 1;
}

#slider-prev { left: 0px; right: auto; }
#slider-next{ right: 0px; left: auto; }

#slider-prev, #slider-next {
  margin-top: -15px;
  padding: 5px;
  font-family: 'lxtypefont';
  content: "U";
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  text-align: center;
  vertical-align: middle;
  color: #fff !important;
  background: #000 !important;
  width: 25px !important;
  height: 30px !important;
  cursor: pointer;
  position: absolute;
  top: 50%;
  z-index: 3 !important;
  /*display: block;*/
  display: none;
}


/*** main column container ***/

.container {
	margin: 0;
	padding: 0px 12.5%;
	/*
	width: 100%;
	position: absolute;
	display: block;
	*/
	color: rgba(0,0,0,1.0);
}

	.container.blue { 
		background: rgba(124,156,190,1.0); 
		color: #fff; 
		/*padding-top: 50px; 
		padding-bottom: 50px;*/ 
	}


/*** container overrides ***/

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


/*** filter controls ***/
div.filterControls,
div.subscriptionIssueDropdown { 
	margin: 0 0 30px 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	/*justify-content: space-between;*/
	align-items: flex-start;
}
	div.subscriptionIssueDropdown { 
		flex-direction: column;
	}

label {
  font-family: "kingfisher-regular";
  font-size: 18px;
  line-height: 26px;
  padding: 8px 20px 8px 0;
}

input[type="text"] {
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 8px 12px;
  margin: 0 40px 0 0 ;
  font-family: "kingfisher-regular";
  font-size: 18px;
  flex-basis: 25%;
}
input[type="text"]:before {
	content: "Search by name";
}

select {
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 8px 12px;
  margin: 0 40px 0 0 ;
  font-family: "kingfisher-regular";
  font-size: 18px;
  flex-basis: 25%;
}

/**
 * dropdown
 */

.jplist-dd {
  /*background: #f5f5f5;*/
  border: 1px solid #ccc;
  color: #575757;
  font-size: 18px;
  border-radius: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  /*flex-basis: 25%;*/
  width: 25%;
}
	div.subscriptionIssueDropdown .jplist-dd {
		width: auto;
	}
		div.subscriptionIssueDropdown .jplist-dd-panel::after {
			padding-left: 30px;
			padding-right: 0;
		}
		div.subscriptionIssueDropdown .jplist-dd-panel.jplist-dd-opened::after {
			padding-left: 0;
			padding-right: 30px;
		}


.jplist-dd-panel {
  text-align: left;
  font-size: 18px;
  padding: 8px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 41px;
  background: #fff;
}

.jplist-dd-panel::after {
	content: '\2304';
	display: inline-block;
	float: right;
	color: #a5a5a5;
	transform: scaleX(1.8);
	margin-right: 4px;
	margin-top: -2px;
}

.jplist-dd-panel.jplist-dd-opened::after {
	transform: rotate(180deg) scaleX(1.8);
	margin-top: 2px;
}

.jplist-dd-panel:hover {
  color: #000;
}

.jplist-dd-content {
  display: none;
}

.jplist-dd-content.jplist-dd-opened {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% + 2px);
  top: 100%;
  left: -1px;
  right: 0;
  position: absolute;
  background: rgba(255,255,255,1.0);
  border: 1px solid #ccc;
  box-sizing: border-box;
  z-index: 1000;
  height: 400px;
  overflow-y: scroll;
  /*margin-top: 1px;*/
}

.jplist-dd-item {
  box-sizing: border-box;
  padding: 8px;
  font-size: 18px;
}

.jplist-dd-item:hover {
  background: rgba(124,156,190,1.0);
  color: #fff;
}

.jplist-dd-item:last-child {
  border: 0;
}
/*** end filter controls ***/


/*** grids ***/

/*** rows ***/

.rowList.seasonTicket { 
	margin-top: 200px;
}
	.rowList.seasonTicket .row {
	  border-top: none;
	}
.row.seasonTicket h1 { font-size: 32px; padding-bottom: 5px; }

.rowList, .eventsList, .journalList { 
	/*margin: 0 auto;
	padding: 0 12.5%;*/
}

.rowList .row,
.eventsList .event, .journalList .journal {
	margin: 0;
	display: flex;
	flex-direction: row;
	border-top: 1px solid rgba(0,0,0,0.25);
	padding-top: 30px;
	padding-bottom: 30px;
}

	.rowList .row:first-of-type, 
	.eventsList .event:first-of-type, .journalList .journal:first-of-type {
		/*border-top: none;*/
		/*padding-bottom: 0px;*/
	}

.rowList .row .rowThumbnail,
.eventsList .event .eventThumbnail,
.eventsList .event .eventDetails {
	display: flex;
	flex-direction: column;
}
.rowList .row .rowDetails,
.eventsList .event .eventDetails {
	width: 60%;
}

.rowList .row .rowThumbnail,
.eventsList .event .eventThumbnail {
	margin: 0 30px 0 0;
	position: relative;
	width: 40%;
}

.rowDetails div.button, 
.rowDetails .button, 
.rowDetails button:not(.stripe-button-el), 
.rowDetails input[type="submit"], 
.rowDetails input[type="reset"], 
.rowDetails input[type="button"] {
	margin-left: -6px;
}

.rowList .row .rowThumbnail img,
.eventsList .event .eventThumbnail img { width: 100%; height: auto; }

	.rowList .row .rowThumbnail span.rowDate,
	.eventsList .event .eventThumbnail span.eventDate {
		position: absolute;
		top: 10px;
		right: 10px;
		left: auto;
		margin: 0;
		padding: 15px 20px;
		background: #fff;
		color: #000;
	}
		.rowDate h4, .rowDate p,
		.eventDate h4, .eventDate p { margin: 0; padding: 0; text-align: center; line-height: 1.0; }
		
		.row p { width: 100%; max-width: 730px; }

.row a,
.event a {
	color: rgb(247, 148, 29); text-decoration: none; border-bottom: 1px rgb(247, 148, 29) solid;
}

.row h1 { font-size: 32px; padding-bottom: 5px; }

.row h2 a,
.event h2 a {
	color: rgb(247, 148, 29); text-decoration: none; border-bottom: none;
}

.row a.noBorder,
.event a.noBorder {
	border-bottom: none;
}
.row .rowThumbnail a,
.event .eventThumbnail a {
	border-bottom: none;
}

/*.event h2, .event p { margin-bottom: 20px; }*/
.row .rowDate h4, .row .rowDate p,
.event .eventDate h4, .event .eventDate p { margin-bottom: 0px; }

.rowList .row .rowInfo,
.rowList .row .rowText,
.eventsList .event .eventInfo,
.eventsList .event .eventText,
.journalList .journal .journalInfo,
.journalList .journal .journalText {
	display: flex;
	flex-direction: column;
	/*gap: 20px 20px;*/ /* row-gap column-gap */
	padding-bottom: 30px;
}
.rowList .row .rowText, 
.eventsList .event .eventText, .journalList .journal .journalText {
	width: 60%;
}

.rowList .row .rowInfo, 
.eventsList .event .eventInfo, .journalList .journal .journalInfo {
	margin: 0 30px 0 0;
	position: relative;
	width: 40%;
}
.rowList .row .rowInfo img, 
.eventsList .event .eventInfo img, .journalList .journal .journalInfo img { width: 100%; height: auto; }

	.rowList .row .rowInfo span.rowDate,
	.eventsList .event .eventInfo span.eventDate {
		position: absolute;
		top: 10px;
		right: 10px;
		margin: 0;
		padding: 15px 20px;
		background: #fff;
		color: #000;
	}

.container hr,
.rowList .rowDetails hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	border: 0;
	border-top-color: currentcolor;
	border-top-style: none;
	border-top-width: 0px;
	border-top: 1px solid rgb(247, 148, 29);
	margin-top: 10px;
	margin-bottom: 20px;
}
	.container hr {
		margin-top: 10px;
		margin-bottom: 30px;
	}


/*** quantity dropdown for shop ***/

input[type="number"] {
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 8px;
  margin: 10px 40px 10px 0 ;
  font-family: "kingfisher-regular";
  font-size: 18px;
  flex-basis: 25%;
  width: 150px;
}


.parentLink, .spacer { margin-bottom: 40px !important; }
.parentLink a { color: #000; text-decoration: none; border: none; }

/*** members gallery ***/

#gallery {
	display: grid;
	grid-template-columns: repeat(4, 25%);
	justify-content: center;
	align-content: center;
	align-items: center;
	margin: 0;
	padding: 0px 15px 50px 15px;
	width: calc(100% - 30px);
	overflow: hidden;
	gap: 10px;
}
	#gallery div {
		align-items: center;
		text-align: center;
		align-self: center;
		margin: 0;
		padding: 0;
		background: #eee;
		aspect-ratio: 1/1;
	}
		#gallery div div {
			margin: 0;
			padding: 0;
			overflow: hidden;
			justify-content: center;
			align-content: center;
			display: flex;
		}






/*** folowing not needed??? ***/
/*
.eventsNavigation {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.eventsList .previousEvent,
.eventsList .nextEvent {
	flex-direction: column;
	width: 50%;
}
	.eventsList .previousEvent {
		align-self: flex-start;
		text-align: left;
	}
	.eventsList .nextEvent {
		align-self: flex-start;
		text-align: right;
	}
	
	.eventsList .previousEvent a,
	.eventsList .nextEvent a {
		color: #000;
		text-decoration: none;
		border: none;
	}
*/
/*** end not needed ***/








/*** buttons ***/

div.button, .button, button:not(.stripe-button-el), input[type="submit"], input[type="reset"], input[type="button"] {
  margin: 10px 20px 20px 0;
  padding: 10px 24px 12px 24px;
  /*height: 24px;*/
  background: rgba(247,148,29,1.0);
  border: 0;
  border-radius: 24px;
  outline: 0;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  vertical-align: middle;
  font-family: 'kingfisher-bold';
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.02em;
  cursor: pointer !important;
	-moz-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-ms-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-o-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	-webkit-font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
	font-feature-settings: "liga" 1, "kern" 1, "calt" 1;
}
	div.button:hover, 
	.button:hover, 
	button:not(.stripe-button-el):hover, 
	input[type="submit"]:hover, 
	input[type="reset"]:hover, 
	input[type="button"]:hover {
		background: rgba(217,118,16,1.0);
	}
	
div.button { padding: 10px 24px 12px 24px; display: inline-block; white-space: nowrap; }

.button.addedToCart, .button.unavailable { background: rgba(100,120,145,1.0); border-bottom: none; }
.button.addedToCart:hover, .button.unavailable:hover { background: rgba(75,85,98,1.0); }

#textOnSlideshow div.button {
	margin-top: -24px;
}

div.button.noRightSpace { margin-right: 0; }

#slider-container .buttonContainer {
	margin-top: 40px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 700px;
	position: absolute;
	z-index: 20;
}

	#slider-container div.buttonNew {
		position: absolute;
		margin: 8px 0 0 0;
		padding: 10px 24px 12px 24px;
		background: rgba(247,148,29,1.0);
		border: 0;
		border-radius: 24px;
		outline: 0;
		font-size: 18px;
		line-height: 26px;
		min-height: 24px;
		color: #fff;
		font-family: 'kingfisher-bold';
		/*letter-spacing: 0.02em;*/
		cursor: pointer !important;
	}
		#slider-container div.buttonNew a { color: #fff; text-decoration: none; border-bottom: none; }

	div.button a, div.button a:hover { color: #fff; text-decoration: none; border-bottom: none; }
		
	div.button.addedSpace, button.addedSpace { margin-top: 30px; }

.playButton { position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; z-index: 2; cursor: pointer; }
	.playButton img { width: 100px; }

.pauseButton { position: absolute; top: 100%; left: 50%; margin-left: -25px; margin-top: -75px; z-index: 2; cursor: pointer; }
	.pauseButton img { width: 50px; }


/*** recaptcha style overrides ***/


.grecaptcha-badge { visibility: hidden; }

#googleCredit {
	margin: 30px 0 0 0;
	padding: 0 12.5%;
	color: #bbb !important;
	position: relative;
	bottom: 20px;
	right: 0;
	font-size: 15px;
	line-height: 20px;
	left: auto;
	text-align: right;
}
	#googleCredit a { color: #bbb !important; }


/*** site footer ***/

.siteFooter {
	background: rgba(0,0,0,1.0);
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: #fff;
	width: 100%;
	transition: ease 0.5s;
	z-index: 2;
	/* temp below */
	/*position: absolute;
	top: 100%;*/
}

.footer-nav {
	margin: 0;
	padding: 0 12.5%;
	width: 100%;
	z-index: 2;
	background: rgba(0,0,0,1.0);
}
.footer-menu {
	padding-bottom: 20px;
	justify-content: flex-start;
	align-items: center;
	height: auto;
}
.footer-sub-menu {
	padding-bottom: 0px;
	justify-content: flex-start;
	align-items: center;
	height: auto;
}
ul#footer-navigation,
ul#footer-sub-navigation {
	margin: 30px 0 0 0;
	padding: 0;
	width: 80%;
	float: left;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	list-style: none;
	list-style-image: none;
	list-style-image: none;
}
ul#footer-sub-navigation {
	margin: 35px 0;
}
	ul#footer-navigation li { margin: 0 20px 0 0; padding: 0; }
	
		ul#footer-navigation li a { margin: 0; padding: 0; font-family: 'kingfisher-regular'; font-size: 20px; line-height: 22px; color: #fff;text-decoration: none; }
		ul#footer-navigation li a:hover, ul#footer-navigation li.active a { text-decoration: none; border-bottom: 1px #fff solid; }

	ul#footer-sub-navigation li { margin: 0 20px 0 0; padding: 0; }
	
		ul#footer-sub-navigation li a { margin: 0; padding: 0; font-family: 'kingfisher-regular'; font-size: 18px; line-height: 20px; color: #fff;text-decoration: none; }
		ul#footer-sub-navigation li.linkStyle { 
			margin: 0 20px 0 0; 
			padding: 0; 
			font-family: 'kingfisher-regular'; 
			font-size: 18px; 
			line-height: 20px; 
			color: #fff;
			text-decoration: none; 
			-moz-font-feature-settings:"lnum" 1;
			-ms-font-feature-settings:"lnum" 1;
			-o-font-feature-settings:"lnum" 1;
			-webkit-font-feature-settings:"lnum" 1;
			font-feature-settings:"lnum" 1;
		}
		ul#footer-sub-navigation li a:hover, ul#footer-sub-navigation li.linkStyle a:hover { text-decoration: none; border-bottom: 1px #fff solid; }

/*** social media links ***/

#socialMediaLinks {
	margin:35px 0;
	padding: 0;
	width: 20%;
	float: right;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	align-self: flex-start;
}
	#socialMediaLinks a { text-decoration: none; }

@font-face {
	font-family: 'lxtypefont';
	src: url('/fonts/lxtypefont-Regular.woff2') format('woff2'), url('/fonts/lxtypefont-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
.lxtypefont { font-family: 'lxtypefont'; }

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	/*font-family: 'icomoon' !important;*/
	font-family: 'lxtypefont' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 20px;
	color: rgba(255,255,255,1.0);

	/* Better Font Rendering =========== */
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
}
	[class^="icon-"]:hover, [class*=" icon-"]:hover {
		color: rgba(255,255,255,0.7);
		cursor: pointer;
	}


.icon-facebook:before {
	content: "F"; /* facebook */
	font-size: 20px;
	margin-right: 10px;
	vertical-align: middle;
}
.icon-instagram:before {
	content: "B"; /* instagram */
	font-size: 20px;
	margin-right: 10px;
	vertical-align: middle;
}
.icon-mail:before {
	content: "C"; /* email */
	font-size: 20px;
	margin-left: 6px;
	vertical-align: middle;
}

.icon-twitter:before {
	content: "A"; /* twitter */
	font-size: 20px;
	margin-right: 10px;
	vertical-align: middle;
}

span.socialText { vertical-align: top; line-height: 24px; }


/*** orders, carts etc ***/

div.fullWidth {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 40px;
}

/* cart totals */

.removeBox { margin-left: -2px; padding-top: 10px; padding-bottom: 10px; }

.oneThird.orderSubTotal p,
.twoThirds.orderSubTotal p { padding-bottom: 0px; }

.oneThird.orderShipping p,
.twoThirds.orderShipping p { padding-bottom: 20px; }

.oneThird.orderTotal p,
.twoThirds.orderTotal p { padding-bottom: 20px; }


.addressButtonContainer { margin-left: -6px; }
	.addressButtonContainer button { margin-top: 20px; }

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

	.removeBox { padding-bottom: 20px; }

	.twoThirds.orderSubTotal p { padding-bottom: 20px; }

	.oneThird.orderShipping p,
	.oneThird.orderTotal p { padding-bottom: 0px; }
		
} 

/*** end orders, carts etc ***/


/*** Responsive sizes ***/

/*** Mobile 320px ***/

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

/********* test below ********/
	#instagramFeed .instagramPost {
		flex-basis: calc(100% / 2);
	}

}

/*** Mobile 480px ***/

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



}

/*** iPhone 6 Portrait ***/

@media screen and (min-width: 375px) and (max-width: 667px) and (orientation : portrait) {



}

/*** iPhone 6 Landscape ***/

@media screen and (min-width: 375px) and (max-width: 667px) and (orientation : landscape) {



}

/*** iPhone 6 Plus Portrait ***/

@media screen and (min-width: 414px) and (max-width: 736px) and (orientation : portrait) {



}

/*** iPhone 6 Plus Landscape ***/

@media screen and (min-width: 414px) and (max-width: 736px) and (orientation : landscape) {



}

/*** iPad Portrait ***/

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



}

/*** Desktop ***/

@media screen and (min-width: 980px) and (max-width: 1359px) {



}

/*** Large Desktop (above 1360px - needed???) ***/

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



}







/*** General breakpoints for mobile/desktop changes such as navigation ***/

/*** Mobile ***/

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

	/*** font size overrides ***/
	body, p {
		font-size: 18px;
		line-height: 26px;
		width: 100%;
	}
	h1 {
		font-size: 42px;
		line-height: 1em;
	}
	h2 {
		font-size: 28px;
		line-height: 36px;
	}
	h3 {
		font-size: 24px;
		line-height: 32px;
		width: 100%;
	}
	h4 {
		font-size: 22px;
		line-height: 32px;
	}

	.siteHeader, .siteHeader--scrolled {
		/*height: auto;*/
		height: 70px;
		background: rgba(0,0,0,0.9);
		transition: ease 0.5s;
		z-index: 10;
	}
	.siteHeader.fullHeight,
	.siteHeader.fullHeight:hover {
		/*height: 100%;*/ /* 15.03 */
		height: 70px;
		transition: ease 0.5s;
		/*background: rgba(123,155,192,1.0);*/
	}
		.siteHeader:hover {
			background: rgba(0,0,0,0.9);
		}
		.siteHeader.showBackground {
			background: rgba(0,0,0,0.9);
			/*background: rgba(123,155,192,1.0);*/
		}

	div.logo, .siteHeader--scrolled div.logo { 
		position: absolute; top: 0; 
		top: -8px;
		left: 20px; 
		height: 98px; 
		width: auto; 
		transition: ease 0.5s; 
	}
	
	#quantityContainer {
	  top: 15px;
	  right: 75px;
	  transition: ease 0.5s;
	  display: flex;
	}
	.siteHeader--scrolled #quantityContainer {
	  top: 15px;
	  right: 75px;
	  transition: ease 0.5s;
	}

	#navigation #quantityContainer {
		display: none;
	}
			
	.nav-mobile {
		display: block;
	}

	.siteHeader--scrolled ul.nav-list,
	ul.nav-list {
		margin-top: 0px;
	}

	ul.nav-list {
		/*width: 100%;
		padding: 0 20px 40px;
		text-align: center;*/ /* 15.03 */
		transition: 0s;
		width: 240px;
		margin: 0;
		padding: 0;
		text-align: right;
		position: absolute;
		top: 70px;
		right: 0;
		background: rgba(0,0,0,0.9);
		display: none;
		/*** new ***/
		flex-direction: column;
		align-self: flex-start;
	}
	.siteHeader.fullHeight ul.nav-list {
		/*width: 100%;
		padding: 0 20px 40px;
		text-align: center;*/ /* 15.03 */
		transition: 0s;
		width: 240px;
		margin: 0;
		padding: 0;
		text-align: right;
		position: absolute;
		top: 70px;
		right: 0;
		background: rgba(0,0,0,0.9);
		/*** new ***/
		display: flex;
		flex-direction: column;
		align-self: flex-start;
	}
	ul.nav-list li {
		display: block;
		width: 200px;
		margin: 10px 20px;
		padding: 0;
		text-align: right;
		display: block;
		flex-direction: column;
		align-self: flex-end;
	}
	ul.nav-list li:first-of-type { margin-top: 0px; }

	ul.nav-list li.last {
	  margin-right: 0px;
	  margin-bottom: 20px;
	}

	ul.nav-list li a {
		padding: 0;
		/*line-height: 20px;*/
	}
	ul.nav-list li ul li a {
		/*padding-left: 30px;*/
	}

	.nav-dropdown,
	.siteHeader--scrolled .nav-dropdown {
		position: static;
		background: none;
		width: 240px;
		margin: 5px -20px -5px -20px;
	}

	ul.nav-list li .nav-dropdown li,
	ul.nav-list li .nav-dropdown li:first-of-type,
	.siteHeader--scrolled ul.nav-list li .nav-dropdown li,
	.siteHeader--scrolled ul.nav-list li .nav-dropdown li:first-of-type {
		margin: 0;
		padding: 5px 20px 5px 20px;
		width: 200px;
		background: rgba(255,255,255,0.14);
	}

		ul.nav-list li ul li.checkout,
		.siteHeader--scrolled ul.nav-list li ul li.checkout {
			margin: 0;
			padding: 5px 20px 5px 20px;
			width: 200px;
		}

	ul.nav-list li .nav-dropdown li:last-of-type,
	.siteHeader--scrolled ul.nav-list li .nav-dropdown li:last-of-type {
		margin-bottom: 0;
	}

	/*** slider ***/
	
	#slider-container {
		height: 400px;
	}

	#slider-container .buttonContainer {
		margin-top: 0;
	}

	/*** generaal ***/
	.container {
		padding: 0px 20px;
	}	
	
	/*** members list and filter controls ***/
	div.filterControls,
	div.subscriptionIssueDropdown {
	  flex-direction: column !important;
	}	
		div.filterControls input[type="text"] {
			width: calc(100% - 26px);
		}
		div.filterControls .jplist-dd {
			width: 100%;
		}	




	.previewThreeList,
	.previewFourList {
		grid-template-columns: repeat(2, 50%) !important;
		padding: 30px 10px 30px 10px;
		gap: 20px;
	}
		.previewThreeList .preview .previewTitle h2, .previewContainer .previewSquare .previewTitle h2 {
		  font-size: 36px;
		  color: #fff;
		}
		.previewThreeList .preview .text-wrapper, .previewContainer .previewSquare .text-wrapper {
		  width: calc(100% - 20px);
		  padding: 0 10px;
		  height: 105px;
		}	
	
	
	/*** members gallery ***/
	#gallery {
		display: grid;
		grid-template-columns: repeat(2, 50%) !important;
		justify-content: center;
		align-content: center;
		align-items: center;
		padding: 0px 5px 50px 5px !important;
		margin: 0;
		width: calc(100% - 10px) !important;
		overflow: hidden;
		gap: 10px;
	}	
	
	/*** rowList and row ***/
	
	.rowList.seasonTicket { 
		margin-top: 100px;
	}

	.rowList .row {
		flex-direction: column;
	}
		.rowList .row .rowThumbnail {
			margin: 0 0 30px 0;
			width: 100%;
		}
		.rowList .row .rowDetails {
			width: 100%;
		}
	
	
	/*** contact page ***/
	#newsletterForm {
	padding: 40px 20px 10px 20px;
	}

	.newsletterFormText,
	#newsletterSubscription {
		width: 100%;
	}

	.container.contact {
		display: block;
	}

	#contactForm {
		width: 100%;
	}
	#location { 
		width: 100%; 
		margin: 0 0 30px 0; 
		display: flex; 
		flex-direction: column; 
	}
	#map {
	  min-height: 340px;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  overflow: hidden;
	  display: block;
	}

	#instagramFeed .instagramPost {
		flex-basis: calc(100% / 3);
	}

	#googleCredit {
	  padding: 0 20px 0 20px;
	}

	/*** footer ***/
	.footer-nav {
	  margin: 0;
	  padding: 0 20px;
	}
		ul#footer-sub-navigation {
			flex-direction: column;
			width: 100%;
			float: none;
			align-items: flex-start;
		}
		#socialMediaLinks {
			width: 100%;
			float: none;
			/*align-items: flex-start;*/
			justify-content: flex-start;
		}
	
	
}

/*** Desktop ***/

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

	.nav-list {
		display: flex !important;
	}

}







/*** notch overrides ***/
/* iPhone 11 Pro, X and Xs Landscape */
@media screen 
  and (min-width: 375px) 
  and (max-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

	
}

/* iPhone 11, Xr Landscape */
@media screen 
  and (min-width: 414px) 
  and (max-width: 896px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 


}

/* iPhone 11 Pro Max, Xs Max Landscape */
@media screen 
  and (min-width: 414px) 
  and (max-width: 896px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	

}

/* iPhone 12 Pro Max, Xs Max Landscape */
@media screen 
  and (min-width: 428px) 
  and (max-width: 926px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	

}

/* iPhone 14 Pro Max, Xs Max Landscape */
@media screen 
  and (min-width: 430px) 
  and (max-width: 932px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

	.siteHeader, .siteHeader--scrolled {
		height: 90px;
	}

	.siteHeader .logo,
	.siteHeader--scrolled .logo {
	  top: -8px;
	  left: 40px;
	  height: 120px;
	  width: 120px;
	}
	
	.siteHeader ul.nav-list,
	.siteHeader--scrolled ul.nav-list {
  		margin: 38px 0 0 0;
  	}

	.siteHeader .nav-dropdown,
	.siteHeader--scrolled .nav-dropdown {
	  top: 90px;
	}

	.siteHeader ul.nav-list li ul li,
	.siteHeader--scrolled ul.nav-list li ul li {
	  margin: 15px 10px 15px;
	}
		.siteHeader ul.nav-list li ul li:first-of-type,
		.siteHeader--scrolled ul.nav-list li ul li:first-of-type {
		  margin: 5px 10px 15px;
		}
  			
	.videoContainer div.textOverlay {
		text-align: left;
		bottom: 20px;
	}

	#slider-container {
		height: 350px;
	}
	#slider-container .buttonContainer {
		margin-top: 0;
		height: 400px;
	}

	.rowList.seasonTicket { 
		margin-top: 100px;
	}

}