/*
Theme Name: SeeFest
Author: Michael Levy
*/

@font-face {
  font-family: "fa-brands";
  src: url("fontawesome-free-6.1.1-web/webfonts/fa-brands-400.ttf") format("ttf"),
       url("fontawesome-free-6.1.1-web/webfonts/fa-brands-400.woff2") format("woff2");
}

@font-face {
  font-family: "fa-regular";
  src: url("fontawesome-free-6.1.1-web/webfonts/fa-regular-400.ttf") format("ttf"),
       url("fontawesome-free-6.1.1-web/webfonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
  font-family: "fa-solid";
  src: url("fontawesome-free-6.1.1-web/webfonts/fa-solid-900.ttf") format("ttf"),
       url("fontawesome-free-6.1.1-web/webfonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: "v4compatibility";
  src: url("fontawesome-free-6.1.1-web/webfonts/v4compatibility.ttf") format("ttf"),
       url("fontawesome-free-6.1.1-web/webfonts/v4compatibility.woff2") format("woff2");
}

i.fa-brands {
	font-family: "fa-brands"; 
	font-style:normal;
}

i.fa-solid {
	font-family: "fa-solid"; 
	font-style:normal;
}

/**********Layout**************/
body {
	margin:0;
	padding:0;
}

#content {
	padding:30px 0;
}	
/*
.blog #content {
	max-width:1800px;
	margin:auto;
}	
*/
#content.one-col {
	max-width:1026px;
	margin:auto;
}	

a {
	color:#e5173f;
	transition: color .2s, background .2s;
}

h1 {
	margin-bottom:20px;
}	

h1 em {
	color:black;
	font-weight:400;
	font-style:normal;
}	 

/* container */

@media (min-width: 1400px)
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 90%;
	}
}
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 90%;
	}
}
@media (min-width: 992px){
	.container, .container-lg, .container-md, .container-sm {
		max-width: 90%;
	}
}
@media (min-width: 768px){
	.container, .container-md, .container-sm {
		max-width: 90%;
	}
}

@media (min-width: 576px){
	.container, .container-sm {
		max-width: 90%;
	}	
}


/************** Menu ****************/



body { 
	/* hides navigation red extension band*/
	overflow-x:hidden;
}	

#logo {
	float:left;
}	

#logo img {
	width:275px;
}	

@media (max-width: 380px){
	#logo {
		width:calc( 100% - 60px );
	}
	
	#logo img {
		width:100%;
	}	
}	

.navbar-toggler {
	display:none;
}	

nav#primary, nav#utility {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	font-size:1.5em;
}	

div#navWrapper {
    margin-top: -40px;
}

#navWrapper header {
	display:none;
}	

#primary ul li {
	position:relative;
}	

nav ul div {
	display:none;
	position:absolute;
	top:29px;
	left:-34px;
	background:white;
	padding:15px;
	width:320px;
	gap:20px;
	justify-content:space-between;
	border:solid 2px #e5173f;
	border-top:0;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

nav ul li:last-child div {
	left:auto;
	right:34px;
}	

nav ul li.open div{
	display:flex;
	animation-name: fadeInFromNone;
	animation-duration: .5s;
	animation-iteration-count: 1;
}

@keyframes fadeInFromNone {
    0% {
        /*display: none;*/
        opacity: 0;
    }

    1% {
        display: flex;
        opacity: 0;
    }

    100% {
        display: flex;
        opacity: 1;
    }
}

nav ul div img {
	width:120px;
	height:120px;
}	

#primary ul div a {
	color:black;
	padding:0;
	display:block;
}	

#primary ul div a:hover {
	color:#e5173f;
}	

#primary ul div dl {
	font-size:.7em;
	margin-bottom:0;
	text-align:left;
}	

#primary ul div dd {
	margin-bottom:10px;
	line-height:100%;
	color:#5e5e5e;
}	

#primary ul div dt {
	line-height:100%;
	margin-bottom:0px;
}	

#utility {
	float:right;
	margin-bottom:7px;
	margin-right:-1%;
}	

#utility a {
	color:#525252;
	font-size:.9em;
}

#utility i {
	color:#b2b3b5;
	font-style:normal;
}	

#utility a:hover {
	color:#000;
}	

#utility a:hover i {
	color:#333;
}	

#utility ul {
    margin: 0;
}

#primary {
	float:right;
	clear:right;
	height:35px;
	line-height:35px;
	margin-bottom:3px;
	background: url(img/nav-end.gif) #e5173f no-repeat;
	position:relative;
	padding-left:25px;
}

#outsideBand {
	background:#e5173f;
	height:35px;
	width:100%;
	right:-20%;
	position:absolute;
	z-index:-1;
}	

#primary  a {
	color:white;
	display:inline-block;
	padding: 0 70px 0 30px;
	background: url(img/nav-sep.png) no-repeat right;
}	

#primary li:last-child a {
	background: url(none);
}	

#primary li {
	position:relative;
}		

#utility  ul, #primary  ul {
	float:right;
	padding:0;
}	

#utility  ul li, #primary  ul li{
	display:inline;
	list-style:none;
	text-align:right;
	margin-left:10px;
}	

nav a {
	text-decoration:none;
	position:relative;
	z-index:1;
}	

header.layout {
	padding-top:20px;
	position:relative;
	z-index:1;
}	

header.layout .wrapper {
	background:none;
}	

nav#primary ul {
    margin-right: -80px;
}
	
#primary li:after {
    content: " ";
    position: absolute;
    z-index: -0;
    top: -5px;
    right:21px;
    height: 34px;
    width: 100%;
    background: rgba(0,0,0,0%);
	transition:.5s background;
    transform: skew(-29deg);
}	

#primary li:hover:after, #primary li.open:after {
    background: rgba(0,0,0,25%);
}

/* Header 1220px */

@media(max-width:1220px){
	#logo {
		float:none;
		padding-bottom: 10px;
		display: inline-block;
	}	
}	

@media(max-width:950px){
	nav#primary, nav#utility {
		font-family: 'Yanone Kaffeesatz', sans-serif;
		font-weight: 400;
		font-size:1.25em;
	}	
	#primary a {
		padding: 0 45px 0 8px;
	}
	
	#primary li:after {
		top: -8px;
	}
	
}	

@media(max-width:750px){
	
	#primary li:first-child a {
		padding-left: 30px;
	}
	
	#primary li:first-child dt a {
		padding-left: 0px;
	}

	#primary {
		float: left;
		padding: 0;
	}
	
	#outsideBand {
		right:-50%;
	}		
	
	#primary li:first-child:after {
		width:80%;
	}	
	
	nav ul div {
		left: -10px;
		top:27px;
	}
}

@media(max-width:650px){
	div#navWrapper {
		margin-top: 0px;
	}
	
	nav#utility {
		text-align:center;
		float:none;
	}	
	
	#utility ul {
		float:none;
	}	
	
	#logo {
		display:flex;
		justify-content:center;
	}	
	
	#logo img {
		display
	}	
	
	button.navbar-toggler {
		display: none;
	}
	
	
}	




/*email form */

div#emailSignUp {
    background: url('img/emailBarBg.gif') center repeat-x;
    background-size: auto 100%;
	clear:right;
}	
#emailSignUp form {
    display: flex;
	justify-content: flex-end;
	gap:15px;	
	align-items:center;
	padding:10px 0;
}

#emailSignUp legend {
    font-size: 1.2em;
	width:auto;
	margin:0;
	text-align:right;
}

#emailSignUp input {
    height: 30px;
    border: 0;
	padding:0px 10px;
}	

input[type='submit'] {
	background:#525252;
	color:white;
	font-family: 'Yanone Kaffeesatz', sans-serif;
}	
	

#emailSignUp legend  {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	display:block;
	line-height:100%
}	

#emailSignUp legend strong{
	display:block;
}	


.form-control {
    display: inline;
    width: auto;
    padding: 0 10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: inherit;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border:solid 1px transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.ml-form-checkboxRow {
	display:none;
}	

#emailSignUp .ml-form-formContent, .ml-field-group.ml-field-name {
	display: flex;
    gap: 20px;
}

.ml-form-embedSubmit button {
	background: #525252;
    color: white;
    font-family: 'Yanone Kaffeesatz', sans-serif;
	border:0;
	padding:0px 10px;
	line-height:30px;
}

.ml-form-embedContainer {
	padding:0;
	margin:0;
}	 

.ml-form-successContent {
    text-align: right;
}

.ml-error {
	border:solid 1px red;
}	

.social button {
	padding:5px 20px;
	margin-bottom:20px;
}	

.social .ml-form-successContent {
	text-align:left;
	font-size:2rem;
}

@media(max-width:710px){
	
	#emailSignUp form legend {
		grid-area:top;
	}

	#emailSignUp form input[type='text'] {
		grid-area:iFname;
	}

	#emailSignUp form input[type='email'] {
		grid-area:iEmail;
	}	
	
	#emailSignUp form input[type='submit'] {
		grid-area:iSubmit;
	}	

	#emailSignUp form {
		display:grid;
		justify-content:center;
		gap: 5px;
		grid-template: 
			'top top top'
			'iFname iEmail iSubmit'

	}	
	
	#emailSignUp legend {
		text-align: left;
	}	
	
	#emailSignUp legend strong {
		display:inline-block;
		padding-right:5px;
	}	
}

@media(max-width:615px){
	button.navbar-toggler {
		display:block;
		float:right;
		font-size:1.5em;
	}
}

@media(max-width:600px){
	
	
	
	#emailSignUp form {
		display: block;
		padding: 10px;
	}
	
	#emailSignUp form {
		display:none;
	}	
	
	#emailSignUp form input {
		margin-bottom:10px;
		width:100%;
	}	
	
	#emailSignUp form legend {
		margin-bottom:10px;
		font-size:1.2em;
		text-align:center;
		width:100%;
	}	
		
	#logo {
		display: block;
		float: left;
	}
	
	#navWrapper {
		position:absolute;
		top:0;
		width:100%;
		min-height:100%;
		background:#e5173f;
		
	}	

}

@media(min-width:750px){

	/* thin banner */

	.thinHeading header.layout {
		position:fixed;
		top:0;
		left:0;
		background:#e5173f;
		width:100%;
		padding:5px 0;
		height:45px;
	}	

	.thinHeading #utility {
		display:none;
	}	

	.thinHeading #primary {
		float: none;
		clear: none;
		height: 35px;
		line-height: 35px;
		margin-bottom: 0;
		background:transparent ;
		position: relative;
		padding-left: 0;
	}

	.thinHeading nav#primary ul {
		margin-right: 0px;
	}

	.thinHeading #outsideBand {
		display:none;
	}	

	.thinHeading #primary a {
		padding:0 20px;
		color:white;
		background: transparent;
	}	

	.thinHeading #primary dl a {
		padding:0px;
		color:black;
		background: transparent;
	}	

	.thinHeading #primary a:hover {
		color:black;
	}

	.thinHeading #primary li:after {
		height:0;
		width:0;
		content:'';
	}	

	.thinHeading #logo {
		width:125px;
		height:34px;
		background: url('img/logo.reverse.heading.png');
		background-size: cover;
	}	

	.thinHeading #logo img {
		display:none;
	}	

	.thinHeading nav ul div {
		top: 34px
	}	
}	

nav#utility span.site_alert	{
		color:#525252;
		display:inline-block;
		padding-right:10px;
		margin:0;
		padding-bottom:0;
	}	
	
nav#utility span.site_alert:after	{	
	content:"•";
	margin-left:20px;
}
	
nav#utility span.site_alert	a {
	display:inline-block;
	border-bottom:dotted 1px #333;
}	

.wp-block-seefest-row.text-length .content {
	max-width:800px;
	margin:auto;
}	

.wp-block-seefest-row.text-length-medium .content {
	max-width:1000px;
	margin:auto;
}	

@media(max-width:1020px){
	nav#utility span.site_alert{
		display:none;
	}	
}	

@media(max-width:950px){
	
	.thinHeading nav ul div {
		top: 31px;
	}

}	

/* Mobile Menu */

#mobileNavBanner {
	display:none;
}	

@media(max-width:615px){
	
	#mobileNavBanner {
		display:block;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		font-weight: 400;
		font-size: 1.25em;
		height: 35px;
		line-height: 35px;
		margin-bottom: 0px;
		background: #e5173f;
		text-align: center;
	}	
	#mobileNavBanner a {
		color:white;
		text-decoration:none;
	}
	
	#navWrapper:before {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: #e5173f;
		content:" ";
		display:block;
		z-index:1;
	}	
	
	#navWrapper {
		display:none;
		position:absolute;
		top:0;
		left:0;
		background: #e5173f;
		background-size: 200px 53px;
		flex-direction:column-reverse;
		justify-content:flex-end;
		gap:20px;
		padding-top:0px;
		width:100%;
	}	
	
	#navWrapper.open {
		display:flex;
	}	
	
	#navWrapper header {
		display:flex;
		justify-content:space-between;
		padding:10px;
		position:relative;
		z-index:1;
	}	
	
	#navWrapper header img {
		width:225px;
	}	
	
	#utility {
			display:block;
			width:100%;

	}	
	
	#utility a {
		color:white;
	}	
	
	#utility i {
		color:white;
		font-size:2em;
	}
	
	#utility ul li:first-child {
		display: block;
		padding: 0;
		margin: 0;
		width: 100%;
		text-align: center;
		font-size:1.3rem;
	}
	
	#utility ul li:nth-child(2){
		margin-left:0;
	}

	
	
	#primary {
		display:block;
		width:100%;
		clear: none;
		line-height: 35px;
		margin-bottom: 0px;
		height:auto;
		padding:0px 0 0;
		background:transparent;
	}	
	
	nav#primary ul {
		margin-right: -80px;
		margin:0;
		width:100%;
	}
	
	#primary ul li {
		display: block;
		list-style: none;
		text-align: center;
		margin-left: 0px;
		width:100%;
		font-size:1.3rem;
		padding:0;
	}
	#primary li:after {
		content: "";
		position: absolute;
		background:none;
		height:0;
		left:0;
		
	}
	
	#primary li:first-child a {
		padding:10px 0;
		border-top:dotted 1px white;
	}
	
	#primary li dt a {
		padding:15px 0 5px 0;
		border-top:dotted 1px white; 
	}
	
	#primary a {
		background: url(img/red.png) ;		
		display:block;
		padding:10px 0;
		border-bottom:dotted 1px white;
	}	
	
	#primary li:last-child a {
		background: url(img/red.png) ;	
	}
	
	#primary li:last-child dt a {
		background: white; ;	
	}
	
	nav ul li:last-child div {
		right:0;
	}	
	
	/* popout */
	
	#closer {
		color:white;
		text-decoration:none;
		text-align:right;
		font-size:1.3rem;
		padding:0;
		line-height:100%;
	}	
	
	nav ul div {
		display: none;
		position: relative;
		z-index:1;
		top: 0px;
		left: 0px;
		background: white;
		padding: 0;
		width: 100%;
		border: solid 2px #e5173f;
		border-top: 0;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	
	nav ul li.open div {
		display:block;
	}
	
	#primary ul div img {
		display:none;
	}	
	
	#primary ul div dt a {
		background:transparent;
		text-align:center;
		font-size:1.2rem;
		padding-bottom:5px;
	}	
	
	#primary ul div dd {
		text-align:center;
		border-bottom: 1px dotted #555;
		padding-bottom: 10px;
		margin-bottom:0;
	}
	
	    
}	

@media (max-width:450px){
	#navWrapper header img {
		width:calc( 100% - 50px );
		max-width:225px;
	}	
}	

#content ul, #content ol {
	padding-left:4em;
}	

#content ul {
	list-style:none;
	padding-left:3em;
}	

#content ul li:before {
	content:"► ";
	color:#e5173f;
}	

#content ol {
	list-style:none;
	padding-left:3em;
}	

#content ol li {
	counter-increment: section;
	margin-bottom:10px;
}	

#content ol li:before {
	display:inline-block;
	margin-right:10px;
	content:counter(section) " ";
	background:#b2b3b5;
	color:white;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	border-radius:50%;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:400;
}

/* footer */

footer.layout {
	background:url('img/red.png');
	font-family:'Yanone Kaffeesatz', sans-serif;
	font-weight:400;
}

footer.layout .container {
	padding:50px 0;
}	

footer.layout, footer.layout a {
	color:white;
	text-decoration:none;
}	

footer.layout a:hover {
	color:black;
}	

footer.layout a[href="#"]:hover {
	color:white;
}	


footer #frill {
	height:11px;
	background:url('img/frill.gif') repeat-x green;
}	
 
footer .row.grid {
	display: grid;
	grid-template-columns: 275px 1fr 1fr;
	gap:70px;
}	

footer .row.copyright {
	justify-content: flex-end;
	padding-top:10px;
}	
 
footer.layout .logo img {
	margin-bottom:25px;
}

footer .logo {
	width:275px;
}	

.social legend {
	line-height: 110%;
	font-size:1.4em;
	margin:0;
}	

.social input {
	width:100%;
	margin-bottom:20px;
	border:0;
	padding:5px 10px;
}	

.social input[type='submit'] {
	width:auto;
	padding:5px 20px;
}	

.social nav {
	margin-top:0px;
	font-size:1.4rem;
}	

.social nav ul {
	display:flex;
	list-style:none;
	gap:10px;
	padding:0;
}	

.social nav ul i {
	font-style:normal;
}	

.social nav p {
	margin:0;
	font-size:.8em;
}	


footer.layout .hide-footer {
	display:none;
}	

footer.layout .links ul {
	padding:0;
	margin:0;
	column-count: 3;
    column-gap: 20px;
}	

footer.layout .links ul ul {
	column-count: 1;
	break-inside: avoid-column;
}	

footer.layout .links li {
	list-style:none;
	font-size:1.4em;
	margin-bottom:10px;
}	

footer.layout .links li li {
    margin-bottom: 5px;
}

footer.layout .links li li {
	font-size:.8em;
}	

.wp-block-seefest-description-heading.heading-block {
    text-align: left;
}

/* footer media queries */

@media(max-width:1200px){
	footer.layout .logo {
		grid-area:footerLogo;
	}	
	
	footer.layout .social {
		grid-area:footerSocial;
	}	
	
	footer.layout .links {
		grid-area:footerLinks;
	}
	
	footer .row.grid {
		display:grid;
		gap:30px;
		grid-template: 
			'footerLogo footerSocial'
			'footerLinks footerLinks';
			
	}	
	
	.links {
		border-top: solid 1px white;
		padding-top: 30px;
	}
}	

@media(max-width:600px){
		
	footer .row.grid {
		display:block;
	}	
	
	.social {
		border-top: solid 1px white;
		padding-top: 30px;
		margin-top: 30px;
	}
	
	footer .row.copyright {
		justify-content:center;
		padding-top:50px;
	}	
	
	.social nav p{
		text-align:center;
		font-size:1.25em;
	}
	.social nav ul {
		justify-content: center;
		font-size:1.25em;
	}	
	
}	

@media(max-width:576px){

	.row.grid {
		padding: 0 30px;
	}

}	

@media(max-width:450px){
	footer.layout .links ul {
		padding: 0;
		margin: 0;
		column-count: 2;
		column-gap: 20px;
	}
	
	footer .row.copyright {
		padding: 30px 30px;
	}	
}

@media(max-width:320px){
	footer.layout .links ul {
		padding: 0;
		margin: 0;
		column-count: 1;
		column-gap: 20px;
	}
}

/* Home video banner */

#videoBanner {
	position:relative;
}	

#videoBanner #videoWrapper {
	height:550px;
	width:100%;
	overflow:hidden;
	display:flex;
	justify-content:center;
	flex-direction:column;
}

#videoBanner .caption {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
}	

#videoBanner .caption h1{
	color:white;
	font-size:4.8rem;
	font-weight:700;
	margin-bottom:0px;
	margin-top:0;
	line-height:100%;
}	

#videoBanner .caption h2{
	color:white;
	font-family: 'Lora', serif;
	font-size:2rem;
	font-weight:600;
	margin-bottom:35px;
	margin-top:0;
	line-height:100%;
}	

#videoBanner .caption a.btnLink {
	background:#262626;
	color:white;
	padding:5px 30px;
	border-radius:0;
	font-family:'Yanone Kaffeesatz', sans-serif;
	text-decoration:none;
}	

#videoBanner .buttonGroup {
	display:flex;
	gap:40px;
	justify-content:center;
}	

#videoBanner .caption a.btnLink:hover,
#videoBanner .caption a.btnLink:active,
#videoBanner .caption a.btnLink:focus,
#videoBanner .caption a.btnLink:focus-visible  {
	background: #e5173f;
	border:0;
	outline:0;
	shadow:0;
}

@media(max-width:1200px){
	
	#videoBanner #videoWrapper {
		height:450px;
	}	

}

@media(max-width:1000px){
	
	#videoBanner #videoWrapper {
		height:350px;
	}	

}

@media(max-width:800px){
	
	#videoBanner #videoWrapper {
		height:300px;
	}	

}

@media(max-width:740px){
	
	#videoBanner #videoWrapper {
		height:250px;
	}	

}

@media(max-width:600px){
	
	#videoBanner .caption h1 {
		color: white;
		font-size: 3rem;
	}
	
	#videoBanner #videoWrapper {
		height:200px;
	}	
	
	#videoBanner .caption h2 {
		font-size: 1.5rem;
	}

}

@media(max-width:380px){
	
	#videoBanner .caption h1 {
		color: white;
		font-size: 2rem;
	}
	
	#videoBanner #videoWrapper {
		height:150px;
	}	
	
	#videoBanner .caption h2 {
		font-size: 1rem;
	}

}

@media(max-width:350px){
	
	#videoBanner .caption {
		position:relative;
		padding-top:20px;
	}	
	
	#videoBanner .buttonGroup {
		display: block;
	}
	
	#videoBanner .caption a.btnLink {
		width: 100%;
		display: block;
		margin-bottom:1px;
		background:#262626;
	}
		
	#videoBanner .caption h1 {
		color: #e5173f;
		font-weight:400;
		font-size: 2rem;
	}
	
	#videoBanner #videoWrapper {
		height:150px;
	}	
	
	#videoBanner .caption h2 {
		font-size: 1rem;
		color: black;
	}
}	

/* intro */

.wp-block-seefest-intro {
	width:90%;
    max-width: 800px;
    margin: auto;
    font-size: 1.5rem;
}

/* text block */

.textBlock {
	/*max-width:900px;*/
	/*font-size:1.5rem;*/
	margin:auto;
	padding:40px 0px;
}	

.textBlock p {
	padding:0 !important;
}	

@media(max-width:600px){
	.textBlock {
		/*font-size:1.25rem;*/
	}
}	

.buttonBlock img {
	border-radius:50%;
	width:275px;
	max-width:80%;
}	

.buttonBlock {
	text-align:center;
	font-family:'Yanone Kaffeesatz', sans-serif;
	font-size:1.8em;
	max-width: 1200px;
    margin: auto;
}	


@media(max-width:900px) {
	.buttonBlock {
		font-size:1.5em;
	}	
}	

.buttonBlock figcaption {
	margin:20px 0;
}	

.buttonBlock figcaption a {
	text-decoration:none;
	color:black;
}	

.buttonBlock figcaption a:hover {
	color:#e5173f;
}

.twoColGroup {
	display:flex;
	overflow:hidden;
}	

.wp-block-seefest-two-column.gray.right.seefest-two-column {
	
}	

.wp-block-seefest-two-column {
    display: flex;
}

.wp-block-seefest-two-column.right {
    flex-direction: row-reverse;
}

.twoColGroup .description {
	padding:40px;
}	

.wp-block-seefest-two-column-description.description {
    width: 50%;
}

.wp-block-seefest-two-column-media-panel.img {
	width: 50%;
	background-size:cover;
	background-position: center;
}	

.wp-block-seefest-two-column-description {
	padding:40px;
}	

.wp-block-seefest-two-column .description h2 {
	color:black;
	font-size:2rem;
	margin-bottom:10px;
}	

.wp-block-seefest-two-column p {
	font-size:1.25rem;
}	

.wp-block-seefest-two-column.red .description h3 {
	color:white;
}	

.wp-block-seefest-two-column.red p ,
.wp-block-seefest-two-column.red h2 ,
.wp-block-seefest-two-column.red h3 {
	color:white;
}	

.wp-block-seefest-two-column .description h3 {
	text-transform:uppercase;
	margin-top:-5px;
	margin-bottom:30px;
}	

.twoColGroup div.img {
	background-size:cover;
	
}

.wp-block-seefest-two-column .wp-block-button__link {
	background:#525252;
	color:white;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	padding:10px 0px;
	text-decoration:none;
	margin-top:30px;
	width: auto;
    padding: 10px 20px;
	text-align:center;
	font-weight:400;
	font-size:1.2rem;
	border-radius:0;
}	

.wp-block-seefest-two-column .wp-block-button__link:hover {
	background:#e5173f;
	color:white;
}		

.wp-block-seefest-two-column .wp-block-button__link:hover {
	background:black;
}	



@media(max-width:800px){
	.wp-block-seefest-two-column {
		display: block;
	}
	.wp-block-seefest-two-column-description.description {
		width:100%;
	}	
	
	.wp-block-seefest-two-column-media-panel.img {
		width: 100%;
		background-size: cover;
		background-position: center;
		padding-top:65%;
	}
}	

.socialBlock {
	padding-top:60px;
	padding-bottom:60px;
}

.socialBlock .blogList {
	display:flex;
	flex-direction:column;
	/*gap:30px;*/
}	

.socialBlock .entry {
	display:flex;
	gap:20px;
}	

.socialBlock .entries {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
}

@media(max-width:1024px){
	.socialBlock .entries {
		grid-template-columns: 1fr;
	}
}	

.facebookFeedWrapper {
	max-height:650px;
	overflow-x:hidden;
	overflow-y:auto;
}	

.blogList h4 a {
	text-decoration:none;
}	
.blogList h4 a:hover {
	text-decoration:underline;
	color:#e5173f;
}	

.readmoreText {
	color:#e5173f;
	text-decoration:none;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:1.2em;
}	

.readmoreText:hover {
	color:black;
}	

.entries .readmoreText {
    display: block;
    padding-top: 10px;
}

.socialBlock h4 {
	color:#e5173f;
	margin-bottom:0; 
	font-weight:400;
	font-size:1.3rem;
}	

@media(min-width:768px){
	.socialBlock .blockEntries {
		max-height:650px;
		overflow-y:auto;
	}
}	

.socialBlock time {
	display:block;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	margin-bottom:10px;
	font-weight:500;
	font-size:1.1rem;
}	

.socialBlock h2,
h2.social-feed {
	color:black;
	font-size:2rem;
	font-weight:300;
}	

.socialBlock .col {
	padding:20px;
}	

@media(max-width:750px){
	.twoColGroup {
		display:block;
		overflow:hidden;
	}	
	
	.twoColGroup div.img, .twoColGroup div.description {
		width:100%;
	}

	.twoColGroup div.img {
		padding-top:70%;
	}	
}	

@media(max-width:1180px){
	
	.socialBlock .img, .socialBlock .img img {
		width:60px;
	}	

}

@media(max-width:575px){
	
	.socialBlock .row {
		display:block;

	}	
	
	.socialBlock .img, .socialBlock .img img {
		width:100%;
	}	

}		

/* Parallax */

.buttonBlock, .textBlock, .socialBlock, .wrapper  {
	background:white;
}	

.heightWrapper {
	position:relative;
}	

/*
#wrapper.perspective {
	height:100vh;
	overflow-y:auto;
	perspective:10px;
}	

.parallax {
 position:relative;
 transform-style: preserve-3d;
 z-index:-1;
}
*/
.bg {
	background-size:cover;
	padding-top:50%;
	width:50%;
	left:0;
	top:-10%;
	position:absolute;
	transform: translateZ(-4px) translateX(-50%) scale(2);
	z-index:-1;
}	


@media(max-width:750px){
	.bg {
		position:relative;
		width:100%;
		height:00%;
		transform:  translateX(0);
		top:0;
		background-size:cover;
		padding-top: 70%;
	}	
	
	.twoColGroup div.img {
		padding-top: 70%;
	}
	
	.twoColGroup div.img {
		height:0;
		padding:0;
	}	

}	

.entries .wp-block-group h2,
.wp-block-group h2{
	margin:0;
}

.single .entries .wp-block-group h3 {
	margin-top:0;
}

	

#event_sponors .names a {
	text-decoration:none;
	display:inline-block;
	border-right:20px;
}	

div#event_sponors {
	border-top: solid 1px #e5173f;
    margin-top: 50px;
    padding-top: 30px;
	margin-bottom:30px;
}	

div#event_sponors .top-row,
div#event_sponors .bottom-row   {
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:30px;
	margin-bottom:40px;
}	

div#event_sponors .logos {
	display:flex;
	gap:30px;
	align-items: center;
}	

@media (max-width: 500px) {
	div#event_sponors .logos {
		display:grid;
		gap:30px;
		align-items: center;
		grid-template-columns: 1fr;
		justify-content:center;
	} 
	div#event_sponors .logos img {
		max-width:150px;
		display:block;
		margin:auto;
	}	
} 

div#event_sponors .bottom-row   {
	grid-template-columns: 1fr 1fr 1fr;
}	

div#event_sponors .top-row img {
	max-width:100%;
}	

div#event_sponors .bottom-row img {
    max-width:100%;
    width: auto;
    margin-right: 20px;
}

/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
 
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
 
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
 
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
 
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
 
a img.alignnone {
    margin: 5px 20px 20px 0;
}
 
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
 
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
 
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
 
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
 
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
 
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
 
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
 
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Banner Image */

figure.wp-block-video.hero {
    position: relative;
    overflow: hidden;
    padding-top: 30%;
	margin:0;
}

figure.wp-block-video.hero video {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

@media(max-width:768px){
	figure.wp-block-video.hero {
		position: relative;
		overflow: hidden;
		padding-top: 40%;
		margin:0;
	}
}	

#heroBanner {
	height:50vh;
	background-position:center center;
	background-size:cover;
	position:relative;
}	

#heroBanner #bannerCaption {
	background:rgba(150,150,150,.4);
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}	

#heroBanner #bannerCaption h1 {
	color:white;
	font-size:3em;
	line-height:100%;
	padding:10px 0;
	margin:0;
}	

input[type='submit'].wpcf7-submit {
	padding:5px 20px;
	border:0;
}	

input[type='submit'].wpcf7-submit:hover {
	background:#e5173f;
}		

/* blog */
h2 a {
	color:black;
	text-decoration:none;
}	

h2 a:hover {
	color:#e5173f;
}	

.entries {
	margin:20px 0;
}

.entries.title {
    padding: 0;
}

.blog .entry h2 {
	margin-bottom:10px;
}

.post-type-archive-seefest-events .entry {
	padding-bottom:30px;
}

.post-type-archive-seefest-events .entry h2 {
	margin-bottom:0px;
}

@media (min-width:700px;){

	.entries.title {
		padding: 0;
	}

}

 .entry {
	display:flex;
	gap:20px;
	/*padding-bottom:30px;*/
	padding-left:0;
	/*margin-bottom:30px;*/
}	

.blog .entry {
	margin-bottom:30px;
	padding-bottom:30px;
}

 .entry:last-child {
	border:0;
	padding-bottom:0px;
}	

.archive .entry .img,
.blog .entry .img {
	width:250px;
}	

@media(max-width:300px){
	.entry .img {
		width:100%;
	}	

}	

.entry .img.default {
	background:url('img/logo.reverse@2x.png') #e5173f center center no-repeat;
	background-size:75%;
	max-height: 250px;
}	

.entry a.readmore {
	color:#e5173f;
	text-decoration:none;
	display:block;
	clear:both;
	padding-top:20px;
}

.entry a.readmore i{
	position:relative;
	display:inline-block;
	left:0;
	transition: left .3s;
}
	
.entry a.readmore:hover i {
	left:5px;
}	

.archive .entry .description,
.blog .entry .description {
	width: calc(100% - 270px);
}	

#pastEntries {
	display:none;
}

#eventNav {
	border-bottom:solid 1px #e5173f;
	margin-bottom:30px;
}	

#eventNav button {
	border:solid 1px #b2b3b5;
	border-bottom:0;
	background:#b2b3b5;;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:1.25em;
	padding:8px 25px;
	border-radius:5px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	color:white;
	transition:background .2s;
}	

#eventNav button:hover {
	background:#525252;
}	

#eventNav button.active {
	background:#e5173f;
	color:white;
}	

#upcomingEntries .img {
	display:none;
}	
	
#upcomingEntries .entry .description {
	width:100%;
}	
	
@media(max-width:700px){
	.entry {
		display:block;
	}
	
	.archive .entry .description, .blog .entry .description {
		width:100%;
		margin-top:25px;
	}	
}	

.single .wp-post-image {
	
	margin-bottom:20px;
}

.blog h2 , .blog h1, .entries h2, .entries h1{
		margin-bottom:0;
}

.single .entries h3 {
	margin-bottom:10px;
	margin-top:30px;
}

.single .entries .wp-block-media-text__content h3 {
	margin-top:0;
}
	
.blog time, .entries time, .time {
	display:block;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color:#777;
	margin-bottom:20px;
	font-size:1.1em;
}	

.entries .time time {
	display:inline;
	margin:0;
	font-size:1.1em;
}

.time .start_time {
	display:inline-block;
	margin-left:10px;
}	

#pagination {
	display:flex;
	justify-content:space-between;
	gap:20px;
}	

#pagination a {
	background:#b2b3b5;
	color:white;
	padding:5px 20px;
	text-decoration:none;
	max-width:50%;
	display:flex;
	gap: 10px;
	align-items: center;
}

#pagination a[rel=prev]::before {
	content:"\f104";
	font-family:"fa-solid";
	display:block;
}	

#pagination a[rel=next]:after {
	content:"\f105";
	font-family:"fa-solid";
	display:block;
} 

#pagination a:hover {
	background:black;
}	

#comments, div#respond, .scriptlesssocialsharing {
    border-top: solid 1px #e5173f;
    margin-top: 50px;
    padding-top: 30px;
}

#content ol.commentlist {
    padding: 0;
}

#content ol.commentlist li:before {
    display:none;
}



li.comment {
    border-bottom: dotted 1px #666;
    padding: 30px 0;
}

li.comment:last-child {
    border: 0;
    padding-bottom: 0;
}

span.required-field-message {
	display:block;
}	

div#respond  label {
    display: block;
}

textarea#comment {
    width: 100%;
	padding:5px;
	font-family:lora, serif;
}

textarea#comment:focus-visible,
 textarea#comment:focus {
    border:solid 1px #e5173f;
	outline:0;
}

#sidebar ul {
	margin:0;
	padding:0;
}	

#sidebar ul li:before {
	content:"";
}	

#sidebar h2 {
	margin-top:20px;
}	

#sidebar label {
	font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    font-size: 1.5em;
    color: #e5173f;
}	

#sidebar a {
	color:black;
	text-decoration:none;
}	

#sidebar a:hover {
	color: #e5173f;
}	

#content img {
	max-width:100%;
}	

.wp-block-seefest-hero.hero {
    height: 250px;
    background-size: cover;
	position:relative;
	background-position: center;
}

.wp-block-seefest-hero.hero.responsive {
	height:auto;
}	

@media(min-width: 1024px){
	.wp-block-seefest-hero.hero {
		height: 350px;
	}	
	
	.wp-block-seefest-hero.hero.responsive {
		height:auto;
	}	
}	

@media(min-width: 1324px){
	.wp-block-seefest-hero.hero {
		height: 450px;
	}	
	
	.wp-block-seefest-hero.hero.responsive {
		height:auto; 
	}	
}	

.wp-block-seefest-hero.hero .inner {
	position:absolute;
	bottom:0;
	left:0;
	background:rgba(255,255,255,.5);
	width:100%;
	
}	

.hero.action {
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	text-shadow: 2px 2px 5px black;
}	

.wp-block-seefest-hero.hero.action {
	min-height:300px;
}

.hero.action .inner h1{
	color: white;
    font-size: 4.8rem;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 0;
    line-height: 100%;
}	

.hero.action .inner h2 {
    color: white;
    font-family: 'Lora', serif;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 35px;
    margin-top: 0;
    line-height: 100%;
}

.hero.action .inner {
    position: relative;
    bottom: 0;
    left: 0;
    background: transparent;
}

.hero .inner h1 {
	margin:0;
	padding: 0;
    color: black;
    line-height: 150%;
}	

.btnLink {
	background: #262626;
    color: white;
    padding: 5px 30px;
    border-radius: 0;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    text-decoration: none;
}	

.btnLink:hover {
	background: #e5173f;
    color:white;
}	

.wp-block-seefest-row.gray {
	background:url('/wp-content/themes/SeeFest/img/gray.gif');
}
.wp-block-seefest-row.red {
	background:url('/wp-content/themes/SeeFest/img/red.gif');
}	

.wp-block-seefest-row.gray.flat {
	background:#b2b3b5;
}

.wp-block-seefest-row.red.flat {
	background:#e5173f;
}

.wp-block-seefest-row.red .textBlock p a {
	color:white;
}		


.wp-block-seefest-row .textBlock {
	background:transparent;
	border:0;
}	

.wp-block-seefest-row .textBlock a {
	color:black;
	text-decoration:none;
	font-weight:bold;
}	

.wp-block-seefest-row .textBlock p a {
	
	color:#e5173f;
}	

.wp-block-seefest-row .textBlock p a:hover {
	text-decoration: underline;
}
	
/*
.wp-block-seefest-row .textBlock a:after {
	content:" \f105";
	font-family:"fa-solid";
	display:inline-block;
	position:relative;
	transition: left .2s;
	left:3px;
}	

.wp-block-seefest-row .textBlock a:hover:after {
	left:8px;
}	
*/


.wp-block-separator {
    border-top: 1px solid;
    border-bottom: 0px solid;
    border-color: #e5173f;
    margin: 30px auto;
    max-width: 90%;
}

.single-seefest-events .wp-block-separator,  
.post-type-archive-seefest-events .wp-block-separator {
	max-width:100%;
}	

/*logo block */

.wp-block-seefest-logo-gallery.content.seefest-logo-block {
	max-width:1500px;
	margin: 20px auto;
}	

@media(min-width:1500px){
	.wp-block-seefest-logo-gallery.content.seefest-logo-block {
		margin-bottom:20px;
	}
}	

.max-1500 {
	max-width:1500px;
	margin:auto;
}	

.wp-block-seefest-logo-gallery.content.seefest-logo-block .inner {
    display: flex;
	align-items: center;
    gap: 30px;
    padding: 0 5%;
	justify-content: center;
}

.wp-block-seefest-logo-gallery.content.seefest-logo-block .inner figure {
	max-width:14%;
}	

.wp-block-seefest-logo-gallery.content.seefest-logo-block.small .inner figure {
    max-width: 12%;
}

.wp-block-seefest-logo-gallery {
	text-align:center;
}	

.wp-block-seefest-logo-gallery.content.seefest-logo-block.grid-2 .inner {
    grid-template-columns: 1fr 1fr;
	max-width:1000px;
	margin:auto;
}

.wp-block-seefest-logo-gallery.content.seefest-logo-block.grid-2 .inner figure{
	max-width:50%;
}	

.wp-block-seefest-logo-gallery.content.seefest-logo-block.grid-3 .inner {
    grid-template-columns: 1fr 1fr 1fr;
	max-width:1000px;
	margin:auto;
}

.wp-block-seefest-logo-gallery.content.seefest-logo-block.grid-3 .inner figure{
	max-width:33%;
}	

.wp-block-seefest-logo-gallery.content.seefest-logo-block.grid-4 .inner {
    grid-template-columns: 1fr 1fr 1fr 1fr;
	max-width:1300px;
	margin:auto;
}

.wp-block-seefest-logo-gallery.content.seefest-logo-block.grid-4 .inner figure{
	max-width:25%;
}	



.wp-block-seefest-logo-gallery.content.seefest-logo-block .inner img {
	max-width:100%;
}	

.wp-block-columns {
	width:90%;
	margin:0 auto 30px auto;
}	

body .is-layout-flex.wp-container-4.wp-block-columns.flush-left {
    width: 100%;
}

.is-layout-flex.wp-container-3.wp-block-columns.full-width,
body .is-layout-flex.wp-container-4.wp-block-columns.full-width {
    width: 100%;
}

/* community partners */

.wp-block-seefest-logo-gallery.content.seefest-logo-block.cultural-community-partners .inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.wp-block-seefest-logo-gallery.content.seefest-logo-block.cultural-community-partners .inner figure {
	max-width:100%;
}	

.special-donors p {
	font-family:'Yanone Kaffeesatz', sans-serif;
	font-size:1.5rem;  
}	

.special-donors .wp-block-columns {
	padding-bottom:0;
	margin-bottom:0;
	max-width:1000px;
}	

.plaques p{
	background:url('https://seefilmla.org/wp-content/uploads/2022/12/plaque.png') no-repeat center;
	background-size:contain;
	text-align:center;
	width:100%;
	height:60px;
	line-height:60px;
}

.plaques .square p{
	background:url('https://seefilmla.org/wp-content/uploads/2022/12/plaque.square.png') no-repeat center;
	background-size:contain;
	text-align:center;
	width:100%;
	height:136px;
	line-height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:214px; 
	margin:auto;
}

.wp-block-seefest-row.plaques .textBlock p a {
	color:black;
	border-bottom:dotted 1px black;
	text-decoration:none;
	font-weight:normal;
}	

.wp-block-seefest-row.plaques .textBlock p a:hover {
	color:black;
	border-bottom:solid 1px black;
	font-weight:normal;
}	
	

.plaques .wp-block-columns {
	width:100%;
}	



@media(max-width:768px){
	.plaques .wp-block-column {
		display:flex;
	}	
	
	.plaques .square p{
		margin:auto;
	}	
	
	.supporters {
		text-align: center;
	}
	
	.wp-block-seefest-logo-gallery.content.seefest-logo-block.grid-2 .inner figure {
		max-width: 75%;
		margin: auto;
	}

}	

@media(max-width:600px){
	.plaques .wp-block-column {
		display:block;
	}	
	body .is-layout-flex {
		display: block;
	}
	
}	


@media(max-width:1024px){
	.wp-block-seefest-logo-gallery.content.seefest-logo-block .inner {
		display: flex;
	}
	
	.wp-block-seefest-logo-gallery.content.seefest-logo-block.cultural-community-partners .inner {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}	

@media(max-width:800px){
	.wp-block-seefest-logo-gallery.content.seefest-logo-block .inner {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.wp-block-seefest-logo-gallery.content.seefest-logo-block .inner figure,
	.wp-block-seefest-logo-gallery.content.seefest-logo-block.grid-4 .inner figure,
	.wp-block-seefest-logo-gallery.content.seefest-logo-block.small .inner figure	{
		max-width: 100%;
	}
}	


@media(max-width:600px){
	.wp-block-seefest-logo-gallery.content.seefest-logo-block.cultural-community-partners .inner {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media(max-width:400px){
	.wp-block-seefest-logo-gallery.content.seefest-logo-block.cultural-community-partners .inner,
	.wp-block-seefest-logo-gallery.content.seefest-logo-block .inner,
	.wp-block-seefest-logo-gallery.content.seefest-logo-block.grid-4 .inner	{
		grid-template-columns: 1fr 1fr;
	}
	
	.wp-block-seefest-logo-gallery.content.seefest-logo-block.grid-2 .inner {
		grid-template-columns: 1fr;
	}
	
	.wp-block-seefest-logo-gallery.content.seefest-logo-block.grid-2 .inner figure {
     max-width: 100%; 
	}
	
}	

@media(max-width:350px){
	.wp-block-seefest-logo-gallery.content.seefest-logo-block .inner {
		display: inline-grid;
		grid-template-columns: 1fr 1fr;
	}
}	

.red h1, .red h2, .red h3, .red h4 {
	color:white;
}	

.wp-block-group__inner-container h3,
.wp-block-group__inner-container h2,
.wp-block-group__inner-container h4,
.wp-block-group__inner-container h1,
.no-margins h3,
.no-margins h2,
.no-margins h4,
.no-margins h1 {
	margin:0;
}	

.red p {
	color:white;
	font-size:1.5rem;
}	

.red.regular-type p {
	font-size:1rem;
}


.wp-block-group__inner-container {
	margin-bottom:30px;
}	

.container .staff-block .content, 
.container .staff-block .container, 
.container .staff-block .row {
		margin:0;
		padding:0;
		max-width:100% !important;
		width:100% !important;
}	

figure.wp-block-seefest-staff-figure {
    max-width: 275px;
}

.container .staff-block .row.grid {
	display:grid;
	gap:30px;
	grid-template-columns:1fr 1fr 1fr 1fr;
}	

.grid-4-75 .container .staff-block .row.grid {
    gap: 0px;
    width: 75%!important;
}

.grid-3 .container .staff-block .row.grid {
	grid-template-columns:1fr 1fr 1fr;
	width:75%!important;
}

@media(max-width:768px){
	.container .staff-block .row.grid,
	.grid-3 .container .staff-block .row.grid {
		grid-template-columns:1fr 1fr;
		width:100%!important;
	}	
	
	.grid-4-75 .container .staff-block .row.grid {
		gap: 40px;
		width: 100%!important;
	}
}	

@media(max-width:500px){
	.container .staff-block .row.grid,
	.grid-3 .container .staff-block .row.grid {
		grid-template-columns:1fr;
	}	
	
	.container .staff-block .row.grid {
		display:grid;
		gap:30px;
		grid-template-columns: 1fr;
	}	
	
	figure.wp-block-seefest-staff-figure {
		margin:auto;
	}	
}	

.container .staff-block .row img {
	width:100%;
	border-radius:50%;
}	

figure.wp-block-seefest-staff-figure {
    max-width: 275px;
    width: 100%;
    text-align: center;
}

figure.wp-block-seefest-staff-figure img {
	margin-bottom:20px;
}	

figure.wp-block-seefest-staff-figure h1,
figure.wp-block-seefest-staff-figure h2,
figure.wp-block-seefest-staff-figure h3 {
	margin:0;
}	

#shadow {
	background:rgba(0,0,0,.8);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9;
	display:flex;
	flex-direction:center;
	justify-content:center;
	align-items:center;
	display:none;
}	

#shadow #modal{
	padding:20px;
	background:white;
	width:70%;
	max-width:800px;
	position:relative;
}	

@media(max-width:1100px){
	#shadow #modal{
		width:90%;
	}	
}	

i.fa-solid.fa-xmark:after {
    content: "\f00d";
}

#shadow #modal {
	max-height:90%;
	overflow:auto;
}	

#shadow #modal .close {
	text-decoration:none;
	color:black;
	text-align:right;
	font-size:1.75em;
	position:absolute;
	right:20px;
	top:10px;
}

#shadow img {
	border-radius:50%;
}

#shadow .inner {
    display: flex;
    gap: 30px;
	align-items:flex-start;
	max-height:90%;
	overflow-y:auto;
	overflow-x:hidden;
	padding:20px;
}		

@media(max-width:800px){
	#shadow .inner {
		display:block;
	}	
	#shadow .inner img{
		display:block;
		margin:0 auto 30px auto;
		max-width:100%;
	}

	#shadow h3, #shadow h4 {
		text-align:center;
	}	
	
	#shadow .popup-description div{
		margin-top:20px;
	}	
}	

figure.responsive {
	width:100%;
	margin:0;
	padding:0;
}	

figure.responsive img {
	width:100%;
}	

.wp-block-seefest-row .textBlock figure h3 a {
	text-decoration:none;
	border-bottom: dotted 1px black;
	display:inline-block;
	padding-bottom:0px;
	margin-bottom:10px;
}	

.wp-block-seefest-row.red .textBlock figure h3 a {
	color:white;
	border-bottom: dotted 1px white;
}

.staff-block .popoutText {
	display:none;
}	

.wp-block-seefest-row  .textBlock .wp-block-button a {
	color:white;
	background:#e5173f;
	border-radius: 8px;
}	

.wp-block-seefest-row.red  .textBlock .wp-block-button a {
	color:white;
	background:#525252;
	border-radius: 8px;
}	



.wp-block-seefest-row  .textBlock .wp-block-button a:hover {
	background:black;
}

.red a {
	color:white;
}	

.red h3 {
	color:white;
}

.gray h2 {
	color:black;
}	

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

.heading-block .content {
	padding:10px 0;
}	

.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4,
.heading-block h5,
.heading-block h6 {
	margin:0;
}	
.heading-block h2 {
	font-size:2rem;
}	

.heading-block.gray,
.heading-block.gray h1,
.heading-block.gray h2,
.heading-block.gray h3,
.heading-block.gray h4,
.heading-block.gray h5,
.heading-block.gray h6 {
	color:black;
}	

.wp-element-button, .wp-block-button__link {
    background-color: #000;
    color: #fff;
}

 .wp-block-button__link:hover {
    background-color: #e5173f;
    color: #fff;
}

/* tables */

.wp-block-table td, .wp-block-table th {
    border: 0;
}

figure.wp-block-table tr {
    border-bottom: dotted 1px #ccc;
}

figure.wp-block-table {
	margin:40px 0;
}