/*
Theme Name: Spitalfields Music 2024
Theme URI: n/a
Author: Raffaele Malanga / Els van Bloois
Author URI: https://farstudios.com/
Description: Theme for SpitalfieldsMusic.org.uk
Version: 1.0
License: no license, use a theme from https://wordpress.org/themes/ instead.
License URI: n/a
Tags: n/a
Text Domain: spitalfieldsmusic
*/

/* info about fonts and colours */

/*
H1 29px
H2 24px
H3 21px
H4 19px
h4-share: 15px
Body 19px
Heading in box 21px
Small text in box 14px
Buttons 14px (height of box 32px)
(PSD says:
	38px for buttons category buttons
	29px for donate buttons in donate banner
	24px for sign up button in footer
	
	32px is only used on sign up button on main News page, and back to news button on News single posts.
}	

	
Image captions 14px

additions from PSD:

top bar items: 15px
menu items: 20px
homepage intro text: 24px
homepage news headings: 19px
homepage news date/author: 14px
homepage news excerpts: 14px


bg brown/dark grey:	#383838 (= rgb(56,56,56) for use on semi-transparent things)
bg white:		#ffffff
bg pink:		#FF9CDA
bg pink on pagination and buttons: #FF9CD9
bg lightgrey:		#EAEAEA
bg blue(twitter):	#38AFF2
bg grey on buttons:	#E9E9E9

grey border on white boxes: #C1C1C1

text black on white: 	#000000 (except on sidebar submenu links)
text black on lightgrey:#010101 (homepage intro)
text black on pink:	#1A1A1A (top top bar)
text black on pink btns:#000000
text grey for h4 share: #555555

text white on blue: 	#ffffff
text white on dark:	#ffffff

links - news headings in news sidebar:  #932F7A
text pink homepage news headings:	#932F7A
text grey homepage news date/author:	#585858
text sidebar links on white bg: 	#585858
text grey dates on what's on:		#686868
text placeholder in white input fields: #808080

grey divider line:	#E7E7E7

*/


html,body,h1,h2,h3,h4,h5,h6,p,ul,li,blockquote,form,figure{
	padding:0;
	margin:0;
}
.screen-reader-text{
	position:absolute;
	top:-40000px;
	left:-40000px;
}
.skip-link:focus{
	top:40px;
	left:40px;
	background:white;
	color:black;
	padding:10px 20px;
	border:2px solid black;
	text-transform:uppercase;
	font-size:100%;
}
.menu-toggle{
	display:none;
}
a{
	text-decoration:none;
}
strong,
b{
	font-weight:600;
}
img,
iframe{
	max-width:100%;
}
.entry-content img,
.entry-content iframe{
	height:auto; /* needed for where the height is set in the HTML */
}

iframe#full {
    height: 315px;
}

.inner{
	max-width:1160px;
	padding:0 20px;
	margin:0 auto;
}

body{
	background:white;
	color:black;
	font-family:'Catamaran',Arial,sans-erif;
	font-size:100%;
	font-weight:500;
	font-weight:400; /* changed 20200128 */
	line-height:1;
}
h1{
	font-size:29px;
	font-weight:500;
	font-weight:400; /* changed 20200128 */
	line-height:1.2;
	padding-top:1.15em;
	margin-bottom:.8em;
}
h2{
	font-size:24px;
	font-weight:500;
	font-weight:400; /* changed 20200128 */
	line-height:1.2;
	padding-top:1.15em;
	margin-bottom:.8em;
}
h3,
.single-events .entry-side h2,
.single-stream .entry-side h2{	
	font-size:21px;
	font-weight:500;
	font-weight:400; /* changed 20200128 */
	line-height:1.2;
	padding-top:1em;
	margin-bottom:0.6em;
}
h4{
	font-size:19px;
	font-weight:700;
	font-weight:600; /* changed 20200129 */
	line-height:1.52;
	margin-bottom:0;
}
p,
ul{
	font-size:19px;
	line-height:1.52;
	margin-bottom:1em;
}


.top{
	background:url(img/pinktop-bg.png) #383838 repeat-x center bottom / auto 75px;
	height:39px;
	padding-top:17px;
	padding-bottom:19px;
}
.top .inner{
	display:flex;
	justify-content:space-between;
}
.top div div.top-social,
.top div p{
	font-size:15px;
	font-weight:400;
	display:inline-block;
	padding:0 15px;
}
.top-social ul{
	list-style:none;
	font-size:15px;
	font-weight:400;
	display:inline-block;
}
.top-social ul li{
	display:inline;
	margin-right:2px;
}
.top-social ul li a{
	display:inline-block;
	width:24px;
	height:24px;
	background-size:contain;
	vertical-align:bottom;
}
.top-social ul li.facebook a{
	background-image:url(img/icon-fb.png);
}
.top-social ul li.twitter a{
	background-image:url(img/icon-tw.png);
}
.top-social ul li.instagram a{
	background-image:url(img/icon-ig.png);
}
.top-social ul li.youtube a{
	background-image:url(img/icon-yt.png);
}
p.mailinglist a,
.top-social ul li a,
.shopsearch a{
	display:inline-block;
	transition:all .5s ease-in-out 0s;
}
p.mailinglist a:hover,
.top-social ul li a:hover,
.shopsearch a:hover{
	transform:translateY(-5px);
}



.top div p.boxoffice{
	padding-left:0;
}
.top div p.mailinglist{
	border-width:0 1px;
	border-style:solid;
	border-color:#000;
}
.top .shopsearch a{
	margin-left:18px;
}
 
.top img{
	height:24px;
	vertical-align:middle;
}
#page{
	padding-top:0;
	/* transition:all .5s ease-in-out 0s; */
}
#masthead{
	width:100%; /* needed for when we go to fixed position */
	height:101px;
	height:120px; /* only on homepage, or all pages?? */
	box-sizing:border-box;
	background:#383838;
	color:#fff;
	padding:11px 0 13px 0; /* padding bottom was 32px on which page? */
	padding:11px 0 18px 0; /* only on homepage, or all pages?? */
	top:0;
	transition:all .5s ease-in-out 0s;
}
#page.scrolled{
	padding-top:70px;	
}
.scrolled #masthead{
	position:fixed;
	left:0;
	top:0;
	height:70px;
	z-index:100;
}
.admin-bar .scrolled #masthead{
	top:32px;
}
@media(max-width:780px){
	.admin-bar .scrolled #masthead{
		top:46px;
	}
}
@media(max-width:600px){
	.admin-bar .scrolled #masthead{
		top:0;
	}
}
.scrolled .site-branding{
}
#masthead .inner,
#masthead .site-branding,
#masthead .site-title,
#masthead .site-title a{
	height:100%;
}
#masthead .site-title img{
	max-height:100%;
}
#masthead a{
	color:inherit;
}
#masthead .inner{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.site-branding{
	max-width:192px;
}
h1.site-title,
p.site-title{
	padding-top:0 !important;
	margin-bottom:0 !important;
}
.site-title img{
	display:block;
}

#site-navigation.haswidget{
	display:flex;
	align-items:baseline;
}
.haswidget .thewidget{
	padding-left:27px;
}


.site-nav{
	text-align:right;
}
.site-nav ul{
	margin-bottom:0;
}
.site-nav ul li{
	list-style:none;
	display:inline-block;
	letter-spacing:1px;
	padding-left:27px;
}
.site-nav ul li a{
	padding-bottom:5px;
}
.site-nav ul li.donate a{
	/* should behave like other links */
}
.site-nav ul li.current-menu-item a,
.site-nav ul li.current_page_parent a,
.site-nav ul li.current-page-ancestor a,
.post-type-archive-events .site-nav ul #menu-item-7670 a,
.single-events .site-nav ul #menu-item-7670 a,
.single-stream .site-nav ul #menu-item-7670 a{ 
	background:url(img/underline-1.png) transparent no-repeat center bottom / 100% 5px;
}
.post-type-archive-events .site-nav ul li#menu-item-7673 a,
.single-events .site-nav ul li#menu-item-7673 a{
	background:none;
}
.site-nav ul li a:focus,
.site-nav ul li a:hover,
.site-nav ul li a:active{
	background:url(img/underline-1.png) transparent no-repeat center bottom / 100% 5px !important;
}
u{
	text-decoration:none;
	background:url(img/underline-2.png) transparent no-repeat center bottom / 100% 13px;
}

/* generic */

.entry-content{
	overflow:hidden;
	/* to make sure floated elements don't mess things up */
}

.entry-content a,
.entry-side a{
	color:inherit;
	font-weight:700;
	font-weight:600; /* changed 20200128 */
	text-decoration:underline;
}
.entry-content a:focus,
.entry-content a:hover,
.entry-content a:active,
.entry-side a:focus,
.entry-side a:hover,
.entry-side a:active{
	/*
	text-decoration:underline dashed;
	text-decoration-skip-ink:none;
	*/
	text-decoration:none;
}
.button a,
a.button,
input[type=submit],
.button button{
	display:inline-block;
	background:#FF9CD9;
	color:black;
	font-size:14px;
	font-weight:900;
	font-weight:700; /* changed 20200129 */
	text-transform:uppercase;
	line-height:1.5;
	height:32px;
	box-sizing:border-box;
	padding:6px 20px;
	border-width:0;
}
.entry-content .button a{
	text-decoration:none !important;
}
input[type=submit]:focus,
input[type=submit]:hover,
input[type=submit]:active,
.button a:focus,
.button a:hover,
.button a:active,
.button button:focus,
.button button:hover,
.button button:active{
	background:black;
	color:#FF9CD9;
}
.alignleft{
	float:left;
	margin:0 15px 10px 0;
}
.alignright{
	float:right;
	margin:0 0 10px 15px;
}
.aligncenter{
	display:block;
	margin:0 auto 10px;
}
.imgtxt .imgbox{
	max-width:48%;
}
div.gallery{
	display:flex;
	flex-wrap:wrap;
}
div.gallery .gallery-item{
	margin-right:10px;
	margin-bottom:10px;
}


mark{
	background:#FF9CD9;
}
.highlight span,
.quotebox span{
	display:inline-block;
	font-style:italic;
	background:#FF9CD9;
	padding:0 10px;
	margin-bottom:4px;
}
.quotebox.qbgtransparent span{
	background:transparent;
	padding:0;
}

/* banners */
.banner{
	width:100%;
	background:black;
}
.banner img{
	display:block;
	width:100%;
}


/* regular pages */

.page-template-default #main{
	background:#E9E9E9;
	color:#010101;
	padding-bottom:40px;
}
.page-template-default #main .inner{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.page-template-default #primary{
	width:65.52%;
	max-width:760px;
	margin-bottom:70px;
}
.page-template-default #secondary{
	width:27.59%;
	max-width:320px;
	padding-top:40px;
	margin-bottom:70px;
}

.entry-content ul{
	list-style:none;
}
.entry-content ul li{
	padding-left:30px;
	background:url(img/bullet.png) transparent no-repeat 13px .7em / 9px auto;
}

/* sidebar sub menu */

.sb-submenu{
	list-style:none;
	font-size:14px;
	font-weight:700;
	font-weight:600; /* changed 20200129 */
	text-transform:uppercase;
}
.sb-submenu li{
	margin-bottom:2px;
}
.sb-submenu li a{
	display:block;
	background:white;
	color:#585858;
	padding:10px 20px;
}
.sb-submenu li.current-menu-item a,
.sb-submenu li a:focus,
.sb-submenu li a:hover,
.sb-submenu li a:active{
	background:#383838;
	color:white;
	font-weight:700;
	font-weight:600; /* changed 20200129 */
}

/* blocks on About Us and Support Us */

.blockslinks .prevdetails{
	padding:0 30px 10px 30px;
}
.blockslinks h2{
	font-size:21px;
	padding-top:1em;
	margin-bottom:0;
}


/* homepage */

.home .sliderbox{
	background:#EAEAEA;
}
.home .sliderbox .inthebox{
	max-width:1920px;
	margin:0 auto;
}
.home .sliderbox .blocks{
	padding-top:0;
	margin-left:auto;
	margin-right:auto;
}
.home .sliderbox li{
	padding:0;
}
.blocks a.fullblocklink{
	display:block;
	height:100%; /* needed for positioning of book/learn button */
	position:relative;
	color:inherit;
}
.blocks a.fullblocklink .sliderimage{
	width:100%;
	height:0;
	padding-top:56.32%;
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
	transition:all .3s ease-in-out 0s;
	position:relative;
}
.blocks a.fullblocklink .sliderimage span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#ff9cda;
	opacity:0;
	transition:all .3s ease-in-out 0s;
}
.blocks a.fullblocklink:hover .sliderimage{
	padding-top:46%;
	padding-top:calc(56.32% - 50px);
}
.blocks a.fullblocklink:hover .sliderimage span{
	opacity:0.4;
}
.blocks a.fullblocklink .prevdetails{
	padding-bottom:70px;
	transition:all .3s ease-in-out 0s;
}
.blocks a.fullblocklink:hover .prevdetails{
	padding-bottom:120px;
}

.home .ptop{
	background:#eaeaea;
	text-align:center;
	padding:30px 0 60px 0;
}
.home .pageintro{
	max-width:1100px;
	margin:0 auto;
}
.home .pageintro p{
	font-size:24px;
}
.home .pmain{
	padding-bottom:50px;
}
.home .pmain h2.latestnews{
	padding-top:2em;
	margin-bottom:0;
}

/* forms */
input:not([type=checkbox]){
	height:32px;
	width:100%;
	box-sizing:border-box;
	background:#fff;
	color:#000;
	font-family:'Catamaran',Arial,sans-erif;
	font-size:12px;
	padding:7px;
	border:1px solid #000;
}
.preference-item {
    margin-bottom: 1rem;
}
textarea{
	height:100px;
	width:100%;
	box-sizing:border-box;
	background:#fff;
	color:#000;
	font-family:'Catamaran',Arial,sans-erif;
	font-size:12px;
	padding:7px;
	border:1px solid #000;
}
input.button,
input[type=submit]{
	width:70px;
	max-width:100%;
	box-sizing:border-box;
	padding:2px 10px;
	background:#FF9CD9;
	color:#000;
	font-size:10px;
	font-weight:900;
	font-weight:700; /* changed 20200129 */
	text-transform:uppercase;
	cursor:pointer;
}
input.button:focus,
input.button:hover,
input.button:active{
	background:black;
	color:#FF9CD9;
}

/* exceptions for contactform */

input#mathcaptcha{
	width:auto;
	display:inline-block;
}

/* exceptions for joinform */
.joinform{
	max-width:760px;
	background:#383838;
	color:#fff;
	height:100%;
	box-sizing:border-box;
	padding:20px;
	overflow:hidden;
}
.joinform input{
	margin-bottom:18px;
}
.joinform input.button{
	float:left;
}
.joinform .requirednote{
	float:right;
	font-size:12px;
}

/* exceptions for search formm */

.search-form{
	margin-bottom:50px;
	overflow:hidden;
}

.search-form input{
	float:left;
	max-width:300px;
	margin-bottom:18px;
}
.search-form input.search-submit{
	clear:left;
}


/* exceptions for footerform */

#joinsignup .formbox{
	display:flex;
}
#colophon input{
	width:212px;
	max-width:calc(100% - 75px);
}
#colophon input.button{
	width:70px;
	max-width:100%;
	margin-left:3px;
}




.home .twitterbar{
	padding:10px 0 0 0;
	background:#38AFF2;
	color:#fff;
}
.area-twitter-feed{
	display:flex;
	flex-wrap:wrap;
	border-top:3px solid #fff;
}
.area-twitter-feed .unit-tweet{
	flex-basis:min-content;
	flex-grow:1;
	min-width:200px;
	background:#38AFF2;
	font-size:14px;
	box-sizing:border-box;
	padding:25px 30px;
	border-left:3px solid #fff;
	border-bottom:3px solid #fff;
}
.area-twitter-feed .unit-tweet:first-child{
	border-left-width:0;
}
.area-twitter-feed .unit-tweet a{
	color:inherit;
}
.area-twitter-feed .unit-tweet a.tweetby{
	display:block;
	font-size:17px;
	margin-bottom:1em;
}
.area-twitter-feed .unit-tweet p{
	font-size:14px;
}

/* what's on page */

.page-template-page-whatson .ptop{
	padding-bottom:40px;
}
.pageintro{
	max-width:760px;
}
.whatsonfilters{
	display:flex;
	flex-wrap:wrap;
}
.whatsonfilters h4{
	padding-right:20px;
	white-space:nowrap;
}
.eventtypefilter,
.eventdatefilter,
.eventseasonfilter{
	display:flex;
	justify-content:left;
	align-items:center;
	margin-top:30px;
}
.eventtypefilter{
	min-width:200px;
	margin-right:50px;
}
.eventtypefilter ul{
	list-style:none;
	font-size:19px;
	margin-bottom:0;
}
.eventtypefilter ul li{
	display:inline;
	margin-right:20px;
}
.eventtypefilter ul li a{
	color:inherit;
}
.eventtypefilter ul li.current a{
	text-decoration:underline;
}
.eventdatefilter select{
	font-family:'Catamaran',Arial,sans-erif;
	font-size:14px;
	color:#808080;
	padding:5px;
	border:1px solid #b0b0b0;
}
.eventdatefilter select option{
	color:#000;
}
.eventdatefilter select option.firstoption{
	color:#808080;
}
.eventseasonfilter{
	width:100%;
}
.seasondatebuttons a{
	display:inline-block;
	font-size:14px;
	background:#EAEAEA;
	color:#585858;
	padding:10px 20px;
	margin-right:3px;
	margin-bottom:3px;
}
.seasondatebuttons a.current,
.seasondatebuttons a:hover{
	background:#585858;
	color:#eaeaea;
}


.tax-season .pmain,
.post-type-archive-events .pmain,
.page-template-page-whatson .pmain{
	background:#EAEAEA;
	padding-bottom:1px; /* to make sure the background colour shows to the bottom */
}
.blockslinks .blockinside,
.blocksevents .type-events{
	height:100%;
	background:white;
	position:relative;
}
.blocksevents .tagged{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.blocksevents .prevdetails{
	padding:20px 30px 55px 30px;
}
.blocksevents h2{
	font-size:21px;
	line-height:1.25;
	padding-top:.15em;
	margin-bottom:.2em;
}
.blocksevents p.eventdates,
.search-results p.eventdates{
	color:#686868;
	font-size:16px;
	font-weight:400;
	line-height:1.25;
	margin-bottom:0;
}
.blocks .bookevent{
	position:absolute;
	left:30px;
	bottom:30px;
	margin-bottom:0;
}
.blocks .bookevent a,
.blocks .bookevent span.button,
.search-results .bookevent a{
	background:#FF9CD9;
	color:black;
	font-size:10px;
	font-weight:900;
	font-weight:700; /* changed 20200129 */
	text-transform:uppercase;
	text-decoration:none;
	padding:5px 17px 4px 17px;
}
.watchstream a {
	background:#FF9CD9;
	color:black;
	font-size:10px;
	font-weight:900;
	font-weight:700; /* changed 20200129 */
	text-transform:uppercase;
	text-decoration:none;
	padding:5px 17px 4px 17px;
}
.watchstream a:focus,
.watchstream a:hover,
.watchstream a:active {
	background:black;
	color:#FF9CD9;
	text-decoration:none;
}
.blocks .bookevent a:focus,
.blocks .bookevent a:hover,
.blocks .bookevent a:active,
.blocks a:focus .bookevent span.button,
.blocks a:hover .bookevent span.button,
.blocks a:active .bookevent span.button{
	background:black;
	color:#FF9CD9;
	text-decoration:none;
}

/* booking info pages if they ever show up on their own */

.single-bookinginfo #main{
	padding-bottom:40px;
}



/* timeline content on History page */

.cd-timeline-content .the-excerpt p,
.cd-timeline-content .the-excerpt ul{
	font-size:14px;	
}

/* support: membership boxes */

.msboxes{
	padding-top:1em;
}
.msbox{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:baseline;
	background:white;
	padding:20px 25px;
	border:1px solid #C1C1C1;
	border-radius:6px;	
	margin-bottom:15px;
}
.msboxtext{
	width:calc(100% - 150px);
}
.msboxtext h2{
	font-size:19px;
	font-weight:700;
	font-weight:600; /* changed 20200129 */
	padding-top:0;
}
.msboxtext p{
	font-size:14px;
	margin-bottom:2px;
}
.msbutton{
	width:150px;
	text-align:right;
}

/* events single page */

.single-events .pmain,
.single-stream .pmain{
	background:#EAEAEA;
	padding-top:40px;
}
.single-events .ptop .inner,
.single-events .pmain .inner,
.single-stream .ptop .inner,
.single-stream .pmain .inner{
	display:flex;
	justify-content:center;
	max-width:100%;
}
.single-events .entry-image,
.single-events .entry-content,
.single-stream .entry-image,
.single-stream .entry-content{
	width:calc(((100% - 1160px) / 2) + (1160px / 100 * 62.93));
	box-sizing:border-box;
}
.single-events .entry-header,
.single-events .entry-side,
.single-stream .entry-header,
.single-stream .entry-side{
	width:calc(((100% - 1160px) / 2) + (1160px / 100 * 37.07));
	box-sizing:border-box;
	padding:0;
}
.single-events .entry-image .inside,
.single-events .entry-image .inside .eventmaintop,
.single-events .entry-image .inside .imagebgbox,
.single-stream .entry-image .inside,
.single-stream .entry-image .inside .eventmaintop,
.single-stream .entry-image .inside .imagebgbox{
	height:100%;
}
.single-events .entry-image .inside .imagebgbox,
.single-stream .entry-image .inside .imagebgbox{
	box-sizing:border-box;
	padding-top:56.25%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.single-events .entry-content .inside,
.single-stream .entry-content .inside{
	float:right;
	width:100%;
	max-width:730px;
	box-sizing:border-box;
}
.single-events .entry-header .inside,
.single-events .entry-side .inside,
.single-stream .entry-header .inside,
.single-stream .entry-side .inside{
	float:left;
	width:100%;
	max-width:430px;
	box-sizing:border-box;
}
.single-events .entry-header .inside,
.single-stream .entry-header .inside{
	padding:45px 30px;
}
.single-events .eventmaintop,
.single-stream .eventmaintop{
	float:right;
	width:calc(100% + 20px);
	/* max-width:870px; */
	/* removed max-width to see the image always touch the left side of the window */
	background:rgba(0,0,0,.5);
	box-sizing:border-box;
	margin-left:-20px;
}
.single-events .eventmaintop img,
.single-events .eventmaintop iframe,
.single-stream .eventmaintop img,
.single-stream .eventmaintop iframe{
	display:block;
}
.single-events .entry-header h1{
	padding-top:.82em;
	margin-bottom:.6em;
}
.single-events .entry-header p,
.single-stream .entry-header p{
	line-height:1.25;
	margin-bottom:.35em;
}
.single-events .entry-header p.eventartist,
.single-stream .entry-header p.eventartist{
	margin-bottom:1.6em;
	margin-top:-0.6em;
}
.single-events .entry-header p.eventexcerpt,
.single-events .entry-header .eventexcerpt p,
.single-stream .entry-header p.eventexcerpt,
.single-stream .entry-header .eventexcerpt p{
	line-height:1.55;
	padding-top:1.1em;
}
.single-events .entry-header p.privateevent,
.single-events .entry-header p.eventprice,
.single-stream .entry-header p.privateevent,
.single-stream .entry-header p.eventprice{
	padding-top:1.5em;
}
.single-events .eventcontent,
.single-stream .eventcontent{
	max-width:580px;
	padding-right:40px;
	padding-bottom:50px;
}
.single-events .eventcontent .eventinfosection,
.single-stream .eventcontent .eventinfosection{
	padding-top:40px; /* to get past fixed header, together with padding top on first h2 */
}
.single-events .eventcontent .eventinfosection .htbin,
.single-stream .eventcontent .eventinfosection .htbin{
	padding-top:40px;
	border-top:1px solid #383838;
}
.single-events .entry-side .sbblock,
.single-stream .entry-side .sbblock{
	margin-bottom:20px;
}
.single-events .entry-side .booktickets h2,
.single-stream .entry-side .booktickets h2{
	background:#383838;
	color:white;
	padding:15px 30px;
	margin-bottom:0;
}
.single-events .entry-side .inblock,
.single-stream .entry-side .inblock{
	padding:15px 30px;
	background:white;
	overflow:hidden;
}

.single-events p.eventseason,
.single-stream p.eventseason,
.blocksevents p.eventseason,
.search-results p.eventseason{
	display:inline-block;
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
	color:#585858;
}
.single-events p.eventseason span,
.single-stream p.eventseason span,
.blocksevents p.eventseason span,
.search-results p.eventseason span{
	display:inline-block;
	padding-bottom:5px;
	background:url(img/underline-1.png) transparent no-repeat center bottom / 100% 5px;
}
.blocksevents p.eventartist,
.search-results p.eventartist{
	display:block;
	font-size:12px;
	font-weight:600;
	margin-top:-0.1em;
	margin-bottom:0.7em;
}

.single-events p.eventexcerpt,
.single-events .eventexcerpt p,
.single-stream p.eventexcerpt,
.single-stream .eventexcerpt p{
	font-size:14px;
}
.single-events p.privateevent,
.single-events p.eventprice,
.single-stream p.privateevent,
.single-stream p.eventprice{
	font-size:14px;
	font-weight:500;
	font-weight:400; /* changed 20200128 */
	color:#585858;
}
.single-events .map,
.single-stream .map{
	margin-bottom:1em;
}
.single-events .map iframe,
.single-stream .map iframe{
	width:100%;
	height:250px;
}
.single-events .inblock h3,
.single-events .inblock h4,
.single-stream .inblock h3,
.single-stream .inblock h4{
	font-size:14px;
	font-weight:600;
}
.single-events .inblock p,
.single-events .inblock ul,
.single-stream .inblock p,
.single-stream .inblock ul{
	font-size:14px;
}
.single-events .map p,
.single-stream .map p{
	font-size:12px;
	color:#585858;
}
.single-events .map p a,
.single-stream .map p a{
	color:inherit;
	text-decoration:underline;
}

/* spektrix in event */

.spektrixeventbookingbox{
}
.spektrixeventrow{
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:14px;
	text-transform:uppercase;
	border-top:2px solid #EAEAEA;
	background:#ffffff;
	color:#585858;
	box-sizing:border-box;
	padding:0 0 0 30px;
}
.spektrixeventdate{
	width:48%;
}
.spektrixeventtime{
	width:20%;
}
.spektrixbookbutton{
	width:28%;
}
.spektrixbookbutton a{
	width:100%;
	height:auto;
	text-align:center;
	padding:12px;
}

/* related media on Posts & Events */

.blocksmedia li{
	padding-bottom:0 !important;
}
.blocksmedia li div.mediainside{
	border-top:3px solid #FF9CDA;
	background:#F3F3F3;
	color:#000000;
}
.blocksmedia li a{
	color:#932F7A;
}
.blocksmedia li p{
	font-size:14px;
	padding:10px 12px 30px 12px;
}
.blocksmedia .download img{
	float:left; /* works for link text up to 2 lines */
	display:inline-block;
	width:auto !important;
	max-width:20px;
	vertical-align:middle;
	margin-right:10px;
}
.blocksmedia .filesize{
	font-size:14px;
	color:#585858;
}


/* news overview pages */

.blocks{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	padding-top:34px;
	margin-left:-20px;
	margin-right:-20px;
}
.blocks li{
	width:33.33%;
	box-sizing:border-box;
	padding:0 20px 40px 20px;
}
.blocks li.latest{
	width:66.66%;
	position:relative;
}
.blog .blocks li .joinform{
	min-height:451px;
	/* to get the height for the 'latest' post working properly */
}
.blocks li.latest .hentry{
	height:100%;
}
.blocks li.latest .thumbnail{
	position:absolute;
	left:20px;
	top:0;
	width:calc(100% - 40px);
	height:calc(100% - 40px);
	box-sizing:border-box;
	padding-top:56.32%;
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}
.blocks li img{
	display:block;
	width:100%;
}
.blocks .entry-header{
	padding:0 0 12px 0;
}
.blocksposts h2{
	font-size:19px;
	margin-bottom:.4em;
}
.blocks a{
	color:#932F7A;
}
.blocks h2 a{
	color:inherit;
}
.blocks a:hover img{
	opacity:.7;
}

.blocks .entry-header p.posted-on,
.blocks .entry-header p.posted-by{
	line-height:1.4;
	margin-bottom:0;
}
.blockslinks p,
.blocksposts p{
	font-size:14px;
	font-weight:400;
}
.blocks li.latest .prevdetails{
/*
	position:absolute;
	left:20px;
	top:0;
	width:calc(50% - 40px);
	height:calc(100% - 40px);
*/
	position:relative; /* to get it in front of the image */
	width:50%;
	height:100%;
	box-sizing:border-box;
	background:rgba(56,56,56,.8);
}
.blocks li.latest *{
	color:white;
}
.tagged,
.blocks li.latest .entry-header,
.blocks li.latest .entry-content{
	padding:0 25px;
}
.tagged{
	box-sizing:border-box;
	height:36px;
	background:url(img/tagged.png) transparent no-repeat center bottom / cover;
}
.tagged span{
	display:block;
	height:36px;
	color:black;
	font-size:12px;
	font-weight:700;
	font-weight:600; /* changed 20200129 */
	text-transform:uppercase;
	line-height:36px;
	margin-left:-10px;
	padding-left:19px;
	background:url(img/tag-star.png) transparent no-repeat left center / 14px auto;
}
.blocks li.latest .entry-header{
	margin-bottom:1em;
}
.blocks li.latest a.more-link{
	display:block;
	padding-top:8px;
	padding-bottom:10px;
}





/* news pages */

.postcols{
	display:flex;
	justify-content:space-between;
}
.postmain{
	width:65.5%;
}
.postside{
	width:31%;
}

.entry-header{
	padding:2px 0 32px 0;
}
.entry-header p.posted-on,
.entry-header p.posted-by{
	color:#585858;
	font-size:14px;
	line-height:1.2;
	margin-bottom:.5em;
}
.entry-header p.posted-by{
	font-style:italic;
}
.entry-content .postmaintop{
	margin-bottom:38px;
}
.videobox{
	position:relative;
	height:0;
	padding-top:56.25%;
}
.videobox iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.sharebox{
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
	align-items:center;
}
.single-post .sharebox{
	padding:1.5em 0 2.5em 0;
	border-top:1px solid #E7E7E7;
	margin-top:3em;
}
.sharebox h4{
	width:45px;
	color:#555555;
	font-size:15px;
	font-weight:500;
}
.sharebox .addthis{
	width:auto;
}
.at-style-responsive .at-share-btn{
	margin-left:5px !important;
}
.single-post .postcols{
	padding-bottom:30px;
}
.single-post .relatedmedia{
	background:#EAEAEA;
	padding-bottom:20px;
}
.single-post .blocksmedia li div.mediainside{
	background:#fff;
}

.filters{
	display:flex;
	justify-content:left;
	align-items:baseline;
}
.filters h4{
	padding-top:0;
	width:95px;
}
.filters ul{
	width:calc(100% - 95px);
}
.filters ul,
.catstags ul{
	list-style:none;
	font-size:14px;
	font-weight:400;
	line-height:1.25;
}
.filters ul li,
.catstags ul li{
	display:inline-block;
}
.filters ul li a,
.catstags ul li a{
	display:block;
	background:#E9E9E9;
	color:#585858;
	height:32px;
	box-sizing:border-box;
	padding:7px 15px;
	margin:0 1px 4px 0;
}
.filters ul li a:focus,
.filters ul li a:hover,
.filters ul li a:active,
.catstags ul li a:focus,
.catstags ul li a:hover,
.catstags ul li a:active{
	background:#585858;
	color:#e9e9e9;
}
.filters ul li.current-cat a{
	background:#585858;
	color:#e9e9e9;
	cursor:default;
}
.postside h2:first-child{
	padding-top:0;
}
ul.recentposts{
	list-style:none;
	line-height:1.25;
}
.recentposts li{
	margin-bottom:1.25em;
}
.recentposts li a{
	color:#932F7A;
}
.recentposts li.current a{
	color:inherit;
	cursor:default;
}
.recentposts li.current a:before{
	content:"« ";
}
.recentposts li a,
.recentposts li span{
	display:block;
}
.recentposts li .postdate{
	color:#585858;
	font-size:14px;
	margin-top:.75em;
}


/* pagination */
/* kriesi */

.pagination{
	text-align:center;
	padding:50px 0;
}
.pagepn{
	text-indent:-4000px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 8px;
}
.page-first{background-image:url(img/page-first.png);}
.page-prev{background-image:url(img/page-prev.png);}
.page-next{background-image:url(img/page-next.png);}
.page-last{background-image:url(img/page-last.png);}

.pagination a,
.pagination span{
	display:inline-block;
	width:28px;
	height:28px;
	font-size:14px;
	font-weight:500;
	line-height:28px;
	border-radius:25px;
	box-sizing:border-box;
	padding-top:1px;
}
.pagination a.inactive{
	opacity:0.5;
	cursor:default;
}
.page-numbers{
	color:inherit;
	margin:0 7px;
}
.page-numbers.current{
	background:#FF9CD9;
	color:#fff;
}
.page-prev{
	margin-left:-5px;
	margin-right:7px;
}
.page-next{
	margin-right:-5px;
	margin-left:7px;
}


/* donate bar */

#donatebar{
	background:#FF9CDA;
	color:#1a1a1a;
	padding:75px 0 50px 0;
}
#donatebar h2{
	padding-top:0;
}
#donatebar .cols{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#donatebar .cols .col{
	width:46%;
}
.donatebar{
	overflow:hidden;
}
.donatebar span.amount-intro,
.donatebar span.amount-display,
.donatebar input.amount-input{
	float:left;
	padding:5px 0;
	margin:0 10px 10px 0;
}
.donatebar input.amount-input,
.donatebar button{
	font-family:'Catamaran',Arial,sans-erif;
	font-size:14px;
	line-height:1;
	height:2em;
	vertical-align:middle;
	box-sizing:border-box;
}
.donatebar button{
	float:left;
	background:#383838;
	color:#fff;
	padding:5px 10px;
	border:1px solid #383838;
	margin:0 5px 5px 0;
	cursor:pointer;
	
}
.donatebar button:hover,
.donatebar button.amount-donate{
	background:#fff;
	color: #383838;
	border-color:#fff;
}
.donatebar button.amount-donate:hover{
	background:#383838;
	color:#fff;
}
.donatebar input.amount-input{
	clear:left;
	width:80px;
	padding:5px 10px;
	border:1px solid #383838;
	margin:0 5px 5px 0;
}
.donatebar button.amount-donate{
	clear:left;
}
.donatebar .amount-fail,
.donatebar .amount-success{
	clear:left;
	background:white;
	padding:5px;
}
.donatebar .amount-fail{
	color:red;
}
.donatebar .amount-success{
	color:green;
}

/* Spektrix Donation component */
spektrix-donate {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 80%;
	padding-top: 25px;
	padding-bottom: 25px;
}
spektrix-donate div {
	margin-top: 10px;
}

#donate-button-unique {
		margin-top: 0.9em;
		background: #383838;
		color: #fff;
}

#donate-button-unique:hover {
		background: #fff;
		color: #383838;
}

/* search results */

body.search-results .hentry{
	overflow:hidden;
	margin-bottom:30px;
	position:relative;
}
body.search-results .hentry .thumbnail{
	float:left;
	width:250px;
}
body.search-results .hentry .tagged{
	position:absolute;
	left:0;
	top:0;
	width:250px;
}
body.search-results .hentry .prevdetails{
	margin-left:270px;
}
body.search-results .hentry h2{
	padding-top:0;
	font-size:20px;
}
body.search-results .hentry .entry-header{
	padding-bottom:0;
}
body.search-results .hentry .entry-content p{
	font-size:14px;
}
body.search-results .bookevent{
	padding-top:10px;
}


/* footer */

#colophon{
	background:#383838;
	color:#fff;
	padding:43px 0;
}
#colophon a{
	color:inherit;
	text-decoration:underline;
}
#colophon a:focus,
#colophon a:hover,
#colophon a:active{
	/*
	text-decoration:underline dashed;
	text-decoration-skip-ink:none;
	*/
	text-decoration:none;
}

.fcols{
	display:flex;
	flex-wrap:wrap;
}
.fcol{
	padding-right:20px;
	box-sizing:border-box;
}
.fcol4{
	padding-right:0;
}
.fcol1,
.fcol4{
	width:calc(50% - 240px);
}
.fcol2,
.fcol3{
	width:240px;
}
.fcol1 img{
	width:192px;
}
.fcol,
.fbox{
	margin-bottom:30px;
}
p.hdk{
	text-align:right;
}
p.hdk img{
	width:72px;
}
.logos{
	text-align:center;
	margin-bottom:50px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-left:-15px;
	margin-right:-15px;
}
.logos span{
	display:inline-block;
	padding:0 15px 30px 15px;
}
#colophon h2{
	font-size:19px;
	font-weight:400;
	padding-top:0;
}
#colophon .follow h2,
#colophon .follow div{
	display:inline-block;
}
#colophon .follow h2{
	margin-right:.7em;
}
#colophon .follow *{
	vertical-align:bottom;
}
#colophon p,
#colophon ul{
	font-size:14px;
}
#colophon ul{
	list-style:none;
}


.footer-social ul li{
	display:inline;
	margin-right:4px;
}
.footer-social ul li a{
	display:inline-block;
	width:28px;
	height:28px;
	background-size:contain;
}
.footer-social ul li.facebook a{
	background-image:url(img/icon-fb-white.png);
}
.footer-social ul li.twitter a{
	background-image:url(img/icon-tw-white.png);
}
.footer-social ul li.instagram a{
	background-image:url(img/icon-ig-white.png);
}
.footer-social ul li.youtube a{
	background-image:url(img/icon-yt-white.png);
}


/* webkit things */

input[type=text],
input[type=search],
input[type=button],
input[type=email],
input[type=submit],
textarea{
	-webkit-appearance:none;
	-webkit-border-radius:0;
}
*{
	-webkit-text-size-adjust:100%;
}

/* Where placeholder needs to obey the styles */

/* fix the stupid placeholder colour */
/* separate rules, because: "a group of selectors containing an invalid selector is invalid". */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	font-family:'Catamaran',Arial,sans-erif;
	/* font-size:13px; */ font-size:11px;
	letter-spacing:1px;
	color:#808080;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-family:'Catamaran',Arial,sans-erif;
	/* font-size:13px; */ font-size:11px;
	letter-spacing:1px;
	color:#808080;
	opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-family:'Catamaran',Arial,sans-erif;
	/* font-size:13px; */ font-size:11px;
	letter-spacing:1px;
	color:#808080;
	opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-family:'Catamaran',Arial,sans-erif;
	/* font-size:13px; */ font-size:11px;
	letter-spacing:1px;
	color:#808080;
}
::-ms-input-placeholder { /* Microsoft Edge */
	font-family:'Catamaran',Arial,sans-erif;
	/* font-size:13px; */ font-size:11px;
	letter-spacing:1px;
	color:#808080;
}

@media (max-width:1020px){
	.fcol{
		width:25%;
	}
}
@media (max-width:1020px){
	.site-nav .haswidget ul{
		font-size:18px;
	}
	.haswidget .thewidget,
	.site-nav .haswidget ul li{
		padding-left:20px;
	}
}
@media (max-width:955px){
	.site-nav .haswidget ul{
		font-size:16px;
	}
	.haswidget .thewidget,
	.site-nav .haswidget ul li{
		padding-left:17px;
	}
}

@media (max-width:980px){
	.at-style-responsive .at-share-btn{
		margin-left:1px !important;
	}
}
@media (max-width:970px){
	#colophon .follow h2{
		margin-right:.4em;
	}
	.footer-social ul li{
		margin-right:1px;
	}
}
@media (max-width:920px){
	#colophon h2{
		font-size:17px;
	}
}

@media (max-width:820px){
	.blocks li{
		width:50%;
	}
	.blocks li.latest{
		width:50%;
	}
	.blocks li.joinremove{
		/* display:none; */
		/* if we remove that one, the number of posts on the page isn't even */
	}

	.blocks li.latest .hentry{
		height:auto;
		position:relative;
	}
	.blocks li.latest .thumbnail{
		position:static;
		width:auto;
		height:auto;
	}
	.blocks li.latest .prevdetails{
		position:static;
		width:auto;
		height:auto;
		padding:0;
		background:#383838;
	}
	.blocks li.latest .entry-header{
		
	}
	.blocks li.latest .tagged{
		position:absolute;
		top:0;
		left:0;
		width:100%;
	}
	/*
	.blocks li.latest .prevdetails{
		background:white;
	}
	.blocks li.latest *{
		color:black;
	}
	.blocks li.latest .entry-header,
	.blocks li.latest .entry-content{
		padding:0;
	}
	.blocks li.latest .entry-header{
		padding-bottom:12px;
		margin-bottom:0;
	}
	*/


}
@media (max-width:800px){
	.postcols{
		display:block;
	}
	.postmain,
	.postside{
		width:100%;
	}

}
@media (max-width:870px){
	.fcol{
		width:50%;
	}
	.fcol1{
		order:-2;
	}
	.fcol3{
		order:-1;
	}
}
@media (max-width:790px){
	.site-nav ul li{
		padding-left:22px;
	}
}

@media (max-width:767px){
	.top .wideonly{
		display:none;
	}
	#masthead{
		height:80px;
	}
	.site-branding{
		max-width:140px;
	}
	.site-nav ul{
		font-size:17px;
	}
	.site-nav ul li{
		padding-left:20px;
	}

}
@media (max-width:700px){
	.page-template-default #primary,
	.page-template-default #secondary{
		width:100%;
		max-width:100%;
		padding-top:0;
		margin-bottom:70px;
	}
}
@media (max-width:685px){
	body.search-results .hentry .thumbnail,
	body.search-results .hentry .tagged{
		width:40%;
	}
	body.search-results .hentry .prevdetails{
		margin-left:calc(40% + 20px);
	}
}

@media (max-width:670px){
	/* the max-width 905px styles should go here if we do not have the widget */
}
@media (max-width:905px){
	#site-navigation.haswidget{
		display:block;
	}
	.site-nav .haswidget ul{
		margin-bottom:20px;
	}
	.haswidget .thewidget{
		display:none;
	}
	.toggled-on .haswidget .thewidget{
		display:block;
	}

	#masthead{
		overflow:hidden;
	}
	#masthead .inner{
		position:relative;
	}

	.menu-toggle{
		position:absolute;
		top:9px;
		right:20px;
		display:block;
		height:19px;
		width:35px;
		background:url(img/menu.png) transparent no-repeat right center / contain;
		padding:0;
		margin-bottom:0;
		border-width:0;
		cursor:pointer;
	}
	.menu-toggle span{
		position:absolute;
		left:-4000px;
	}
	.site-nav ul li{
		display:block;
	}
	.site-nav ul li a{
		display:inline-block;
		padding:10px 0;
	}
	#site-navigation .nav-menu{
		display:none;
	}
	#site-navigation.toggled-on .nav-menu{
		display:block;
	}
	html{
		height:100%;
	}
	body.toggled-on,
	.toggled-on #page,
	.toggled-on #masthead{
		height:100%;
	}
	.toggled-on #masthead .inner{
		align-items:flex-start;
		flex-direction:column;
		height:auto;
	}
	.toggled-on #masthead .site-branding{
		height:auto !important;
	}
	.toggled-on .site-nav{
		width:100%;
	}
	.toggled-on .menu-top-nav-container{
		clear:both;
		text-align:center;
	}
}
@media (max-width:670px){
	.logos{
		margin-left:-10px;
		margin-right:-10px;
	}
	.logos span{
		padding:0 10px 20px 10px;
	}
}
@media (max-width:600px){
	#donatebar .cols .col{
		width:100%;
	}
}
@media (max-width:580px){
	.logos{
		flex-wrap:wrap;
		margin-left:-10px;
		margin-right:-10px;
	}
	.logos span{
		padding:0 10px 20px 10px;
	}
	.logos img{
		height:40px;
	}
}
@media (max-width:520px){
	.top div div.top-social,
	.top div p{
		padding:0 8px;
	}
	.top .shopsearch a{
		margin-left:2px;
	}
	.msboxtext{
		width:100%;
		margin-bottom:15px;
	}
	spektrix-memberships{
		width:100%;
	}
	.msbutton{
		width:100%;
	}
}
@media (max-width:450px){
	body.search-results .hentry .thumbnail,
	body.search-results .hentry .tagged{
		display:none;
	}
	body.search-results .hentry .prevdetails{
		margin-left:auto;
	}
}
@media (max-width:470px){
	.fcol{
		width:100%;
		padding-right:0;
		text-align:center;
	}
	.formbox{
		max-width:280px;
		margin-left:auto;
		margin-right:auto;
	}
}
@media (max-width:440px){
	/* move some things in the header */
	.top div div.top-social{
		display:none;
	}
}
@media (max-width:418px){
	.blocks li,
	.blocks li.latest{
		width:100%;
	}
}

/* height related styles */

@media (max-height:375px){
	.site-nav ul li a{
		padding:4px 0;
	}
}
@media (max-height:300px){
	.site-title,
	.menu-toggle{
		z-index:101;
	}
	.site-title a{
		position:relative; /* to make it clickable */
	}
	.toggled-on .menu-top-nav-container{
		margin-top:-50px;
	}
}



/* test for narrow widths for events */

@media (max-width:928px){
	.single-events .ptop .inner,
	.single-events .pmain .inner,
	.single-stream .ptop .inner,
	.single-stream .pmain .inner{
		flex-direction:column;
	}
	.single-events .entry-image,
	.single-events .entry-content,
	.single-events .entry-header,
	.single-events .entry-side,
	.single-stream .entry-image,
	.single-stream .entry-content,
	.single-stream .entry-header,
	.single-stream .entry-side{
		width:100%;
	}
	.single-events .entry-header .inside,
	.single-events .entry-side .inside,
	.single-events .entry-content .inside,
	.single-events .eventcontent,
	.single-stream .entry-header .inside,
	.single-stream .entry-side .inside,
	.single-stream .entry-content .inside,
	.single-stream .eventcontent{
		max-width:100%;
	}
	.single-events .entry-header .inside,
	.single-stream .entry-header .inside{
		padding:45px 0;
	}
	.single-events .eventmaintop,
	.single-stream .eventmaintop{
		width:100%;
		max-width:100%;
		margin-left:auto;
	}
	.single-events .entry-image .inside,
	.single-events .entry-image .inside .eventmaintop,
	.single-events .entry-image .inside .imagebgbox,
	.single-stream .entry-image .inside,
	.single-stream .entry-image .inside .eventmaintop,
	.single-stream .entry-image .inside .imagebgbox{
		height:auto;
	}
	.single-events .entry-content,
	.single-stream .entry-content{
		margin-bottom:40px;
	}
}


/* single announcements from timeline, in case they show */

body.single-te_announcements .timeline-express-main{
	max-width:1160px;
	padding:0 20px 50px 20px;
	margin:0 auto;
}

/* Row content block */

.row-content {
	display: flex;
	list-style: none;
    flex-wrap: wrap;
    padding-top: 34px;
    margin-left: -20px;
    margin-right: -20px;
}

.row-content .row-content-item {
	padding: 0;
	background-image: none;
	display: flex;
    /* flex: 1 1 33%; */
	flex-direction: column;
	width: 100%;
    box-sizing: border-box;
    padding: 0 20px 40px 20px;
}

.row-content .row-content-item a .thumbnail {
	margin-bottom: -10px;
}

.row-content .row-content-item a .thumbnail {
	/* width: 33%; */
}

.row-content .row-content-item a .thumbnail img{
	height: auto;
	width: 100%;
	object-fit: cover;
	height: 215px;
    object-fit: cover;
    object-position: 30% 30%;
}

.row-content .row-content-item a .thumbnail img:hover{
	opacity: 0.7;
}

.row-content .row-content-item .top-half {
	background-color: #fff;
	padding: 0 30px 10px 30px;
	height: 150px;
	overflow: hidden;
}

.row-content .row-content-item .top-half div p{
	overflow: hidden;
	font-size: 14px;
    font-weight: 400;
}

.row-content .row-content-item .top-half h2 a{
	font-size: 21px;
    padding-top: 1em;
    margin-bottom: 0;
	text-decoration: none;
}

/* // Small devices (landscape phones, 576px and up) */
/* @media (min-width: 576px) { ... } */

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.row-content .row-content-item {
		width: 50%;
	}
 }

/* // Large devices (desktops, 992px and up) */
/* @media (min-width: 992px) { 

 } */

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.row-content .row-content-item {
		width: 33.33%;
	}
 }

/* // XX-Large devices (larger desktops, 1400px and up) */
/* @media (min-width: 1400px) { ... } */

.entry-content .eventcontent iframe {
    width: 100%;
    aspect-ratio: calc(16/9);
}

.social_media_share {
    display: flex;
    gap: 1rem;
}

.social_media_share a {
    display: block;
    width: 2rem;
    height: 2rem;
}

.grecaptcha-badge {
	display: none !important;
}