/*
Theme Name: SwingTxLeft
Author: Eric Krebs
Description: a theme
Version: 0.0.1
*/
:root{
	/* hsl(195, 86%, 57%)
	#34c1f0
	rgb(52, 193, 240) */
	
	
	--logo-blue-red:52;
	--logo-blue-green:193;
	--logo-blue-blue:240;
	--logo-blue:rgb(var(--logo-blue-red),var(--logo-blue-green),var(--logo-blue-blue));
	
	/* #ef5c68
	rgb(239, 92, 104)
	hsl(355, 82%, 65%) */
	--logo-pink-red:239;
	--logo-pink-green:92;
	--logo-pink-blue:104;
	
	/* --logo-pink:#ED5B67; */
	--logo-pink:rgb(var(--logo-pink-red),var(--logo-pink-green),var(--logo-pink-blue));;


	
	
	--site-black-red:0;
	--site-black-green:0;
	--site-black-blue:25;
	--site-black:rgb(var(--site-black-red),var(--site-black-green),var(--site-black-blue));

	--site-white-red:245;
	--site-white-green:245;
	--site-white-blue:255;
	--site-white:rgb(var(--site-white-red),var( --site-white-green), var(--site-white-blue));

	--link-color:#0461F0;
	--link-color-for-logo-pink-background:#0491F0;;
	--link-color-for-logo-pink-background:var(--link-color);


	--light-blue-red:calc((10 * var(--site-white-red) + var(--logo-blue-red) ) / 11); 
	--light-blue-green:calc((10 * var(--site-white-green) + var(--logo-blue-green) ) / 11); 
	--light-blue-blue:calc((10 * var(--site-white-blue) + var(--logo-blue-blue) ) / 11); 

	--light-blue:rgb(var(--light-blue-red),var(--light-blue-green),var(--light-blue-blue));


	--light-pink-red:calc((10 * var(--site-white-red) + var(--logo-pink-red) ) / 11); 
	--light-pink-green:calc((10 * var(--site-white-green) + var(--logo-pink-green) ) / 11); 
	--light-pink-blue:calc((10 * var(--site-white-blue) + var(--logo-pink-blue) ) / 11); 

	--light-pink:rgb(var(--light-pink-red),var(--light-pink-green),var(--light-pink-blue));

	--darken-blue-red:calc((0.2 * var(--site-black-red) + var(--logo-blue-red) ) / 1.2); 
	--darken-blue-green:calc((0.2 * var(--site-black-green) + var(--logo-blue-green) ) / 1.2); 
	--darken-blue-blue:calc((0.2 * var(--site-black-blue) + var(--logo-blue-blue) ) / 1.2); 

	--darken-blue:rgb(var(--darken-blue-red),var(--darken-blue-green),var(--darken-blue-blue));

	
	--logo-mean-red:calc( ( var(--logo-blue-red) + var(--logo-pink-red) ) / 2);
	--logo-mean-green:calc( ( var(--logo-blue-green) + var(--logo-pink-green) ) / 2);
	--logo-mean-blue:calc( ( var(--logo-blue-blue) + var(--logo-pink-blue) ) / 2);
	--logo-mean:rgb(var(--logo-mean-red),var(--logo-mean-green),var(--logo-mean-blue));

	--dark-blue-red:calc((1 * var(--site-black-red) + var(--logo-pink-red) ) / 2); 
	--dark-blue-green:calc((0.4 * var(--site-black-green) + var(--logo-blue-green) ) / 1.4); 
	--dark-blue-blue:calc((1 * var(--site-black-blue) + var(--logo-blue-blue) ) / 2); 

	--dark-blue:rgb(var(--dark-blue-red),var(--dark-blue-green),var(--dark-blue-blue));

}
html{
	scroll-behavior: smooth;
}

summary{
	list-style: none;
	outline: none;
}
summary::-webkit-details-marker{
display: none;
}

body,div,header,nav{
	margin:0;
	padding:0;
	
}

body{
	background-color: var(--site-white);
	display:flex;
	color: var(--site-black);
	flex-direction: column;
	min-height:100vh;
	font-family:sans-serif;
}
/* body::before{
	content: "";
	display: block;
	width:100%;
	height: 0.3rem;
	
	background-image: linear-gradient(to right,#34C1F0 0% 50%, #ED5B67 50% 100% );
	background-size: 200%;
	background-position: 0%;
	transition: background-color 0.5s;
	animation-name: todem;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.9,0,1,1);
	animation-iteration-count: 1;
}
@keyframes todem{
	0%{
		background-position: 100%;
	}
	100%{
		background-position: 0%;
	}
} */


a{
	color:var(--link-color);
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
header{
	background-color: var(--site-black);
	display:flex;
	justify-content: space-around;
	width:100%;
	flex-wrap: wrap;
	line-height:1;



	height: 3rem; 
	overflow: hidden;
	
	/* border-style: solid;
	border-color: #ED5B67 ;
	border-image-source:linear-gradient(90deg,  #34C1F0 50%,#ED5B67 50% 100% );
	/* border-image-repeat: repeat; */
	/* border-image-slice: 100 20;
	border-width: 0.5rem 0 0 0;
	transition: border-image 2s;   */

}

/* header:hover{
	border-image-source:linear-gradient(90deg,  #34C1F0 60% ,#ED5B67 60% 100%);

} */

header.hamMode{
	justify-content: space-between;
}

header .site-logo{
	display:inline-block;
	
}


header .site-logo img{
	height:2.4rem;
	max-width: 70vw;
	width: auto;
	object-fit:contain;
	margin: 0.3rem;
	margin-left: 1rem;
}

header #hamburger-button{
	display: none;
	background-color: transparent;
	outline: none;
	color: var(--site-white);
	/* text-shadow:0 0 0.5rem var(--site-white) ; */
	font-size: 1rem;
	padding: 0;
	margin: 0;
	margin-right:1rem ;
	border-width: 0;
	max-width:20vw;
	height:3rem ;
	width:2rem;
	content:"";
	overflow: hidden;
	background-image:linear-gradient(var(--site-black) 25%,var(--logo-blue)25% 35%,var(--site-black)35% 45%,var(--logo-pink) 45% 55%,var(--site-black) 55% 65%,var(--logo-blue) 65% 75%,var(--site-black)75% 100%) ;
}

header #hamburger-button.hamburger-button-show{
	display:block;

}

header nav{
	display: flex;;
	
	
}


header nav.hamnav{
	position: fixed;
	top:calc(3vh + 3vmin );
	display: block;
	left:calc( 10vw  + 2vmin);
	z-index:999999;
	background-color: var(--site-black);
	padding: 1rem;
	width: calc( 80vw - 2rem - 4vmin);
	max-height:calc(94vh - 2rem - 6vmin);
	overflow-y:auto;
	box-shadow: 2vmin 2vmin 0rem 0 var(--logo-blue), -2vmin -2vmin 0rem 0 var(--logo-pink);
	/* border-radius: 1rem; */

	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name:  hamburger-menu-appear;
}
@keyframes hamburger-menu-appear{
	0%{
		margin-left:100vh ;
		box-shadow: 0vmin 0vmin 0rem 0 var(--logo-blue), 0vmin 0vmin 0rem 0 var(--logo-pink);
	}
	40%{
		margin-left: 0;
		box-shadow: 0vmin 0vmin 0rem 0 var(--logo-blue), 0vmin 0vmin 0rem 0 var(--logo-pink);
	}
	100%{
		box-shadow: 2vmin 2vmin 0rem 0 var(--logo-blue), -2vmin -2vmin 0rem 0 var(--logo-pink);
	}
}




header nav ul{
	display:flex;;
	justify-content: space-between;
	padding:0;
	margin:0;
	flex-wrap: wrap;
	list-style-type: none;
}
header nav ul li{
	padding:0;
	margin:0;
	display:inline-block;
	
}
header nav.hamnav ul li{
	width: 100%;
	display:block;
	
}


header nav ul li a{
	
	display:inline-block;
	font-size: 1.2rem;
	/* will-change:padding,border; */
	padding:0.9rem 0.9rem 0.4rem 0.9rem;

	/* background-color:black; */
	/* border-color: #ED5B67; */

	border-color: rgba(var(--site-black-red),var(--site-black-green),var(--site-black-blue),0);
	border-style:solid;

	color:var(--logo-blue);
	margin:0 0 0.3rem 0;
	border-width: 0 0 0.2rem 0;
	transition: border-color 0.5s linear;

}
header nav.hamnav ul li a{
	text-align: center;
	display:block;
	font-size: 1rem;
	padding:0.5rem 0.3rem;
	border-width:0 0.2rem;
	/* padding-top:1.25rem;
	padding-bottom: 0.25rem; */
	
}

header nav ul li:nth-child(2n+1) a{
	color:var(--logo-pink);
}


header nav ul li a:hover{
	text-decoration: none;
	border-color: var(--logo-pink);
	/* margin-bottom:0rem;
	border-bottom-width:1.5rem; */

}

header nav ul li:nth-child(2n+1) a:hover{
	border-color: var(--logo-blue);
	
}

.hamburger-backdrop{
	position: fixed;
	top:0;
	left:0;
	content: "";
	width: 100vw;
	border-width: 0;
	outline: none;
	backdrop-filter: blur(5vmin);
	
	background-color: rgba(var(--site-white-red),var(--site-white-green),var(--site-white-blue),0.3);
	/* background-color: var(--logo-blue); */
	height: 100vh;

	animation-name: hamburger-backdrop-fade;
	animation-duration: 0.8s;
	animation-iteration-count: 1;
}

@supports not (backdrop-filter:blur(5vmin)){
		.hamburger-backdrop{	
			-webkit-backdrop-filter: blur(5vmin);
		}
	}

@keyframes hamburger-backdrop-fade{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1; 
	}
}
.feature-img{
	/* position:relative; */
	/* padding:2rem 0 2rem 0; */
	padding: 0;
	margin:0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center center;
	background-attachment: fixed;
	width:100%;
	display:flex;
	justify-content: start;
	flex-direction: column;
	min-height:calc(100vh - 3rem );
	background-color: var(--site-black);
	/* color:var(--site-white); */
	/* border-width: 0rem 0rem 0.5rem 0rem;
	border-style:solid;
	border-color: rgb(190,170,218); */

	/* trying withou border*/
	/* border-bottom: 0; */
	/* box-shadow: 0rem calc(20vmin + 0.5rem) 0rem -20vmin var(--logo-blue), 0rem calc(30vmin + 1rem) 0rem -30vmin var(--logo-pink); */
	/* box-shadow: 0rem calc(5.5rem) 0rem -5rem var(--logo-blue), 0rem calc(11rem) 0rem -10rem var(--logo-pink); */
}


.feature-img .mission-widget{
	/* background-color: rgba(0,0,0,0.8); */
	/* background-color: rgba(255, 255, 255,0.9); */
	/* background-color: var(--logo-pink); */
	/* background-color: #ED5B67;
	background-color: rgb(0,0,0);  */
	/* border-radius: 2rem; */
	color:var(--site-white);

	font-size: 15vmin;
	/* width: 100%; */
	/* margin: 5vmin auto; */
	/* font-family: serif; */
	padding: 5vmin 1rem ;
	/* text-shadow: 1rem 1rem 0rem var(--site-black); */
	/* mix-blend-mode:exclusion; */
	text-align: center;
	text-shadow: 0 0 2vmin var(--site-black);
	font-family: 'Permanent Marker', cursive;
	background-color: rgba(var(--site-black-red),var(--site-black-green),var(--site-black-blue),0.1); 
	box-shadow: 0 1rem 1rem 0 rgba(var(--site-black-red),var(--site-black-green),var(--site-black-blue),0.1);
}

.feature-img .mission-widget:hover{
	transform: rotateZ(0deg);
}
.feature-img .mission-widget h2{
	text-align: center;
	padding: 0;
	margin:0;
}

.feature-img .mission-widget a{
	color:var(--link-color);
	text-decoration: underline;
}
.feature-img .mission-widget p{
margin: 0;
}

.feature-img .other-buttons-widget{
	text-align: center;
	/* border-radius: 2rem; */
	margin:2vmin 0 2vmin auto;
	/* max-width:40rem; */
	/* padding:2rem; */
	/* margin:0 auto 0 0; */
}
.feature-img .other-buttons-widget .mailchimp-subscribe-form{
	display: none;
}
.feature-img .other-buttons-widget .mailchimp-subscribe-form.mailchimp-display-form{
	display: block;
	/* margin: ; */
	width: 70%;
	position: fixed;
	top:0;
	left: 15%;
	max-height: 80vh;
	overflow: auto;
	z-index: 500000;
	background-color: var(--site-white);
}

.mailchimp-subscribe-backdrop{
	position: fixed;
	top:0;
	left:0;
	background-color: rgba(var(--site-white-red),var(--site-white-green),var(--site-white-blue),0.5);
	backdrop-filter: blur(5rem);
	width: 100vw;
	height: 100vh;
}

.feature-img .other-buttons-widget .other-button{
	line-height: 1;
	display: block;
	border-width: 0;
	/* margin: 5vmin;
	margin-bottom: 10vh; */
	font-size: 5vmin;
	background-color: var(--site-black);
	padding: 0.5vmin 1vmin;
	text-decoration: none;
	color: var(--site-white);
	font-family: 'Permanent Marker', cursive;
	text-shadow: 0 0 1vmin var(--site-black);
	border-style: solid;
	border-color: var(--site-white);
	border-width: 0.5vmin;
	border-radius: 0.5vmin;
	box-shadow: 0 0 1vmin 0.5vmin var(--site-black) ;
	transition: color 1s, border-color 1s;
	margin:0 2.5vmin;
	display:inline-block;
}
.feature-img .other-buttons-widget .other-button:hover{
	border-color: var(--logo-blue);
	color: var(--logo-blue);
}



main{
	display:block;
	margin:0;
	padding: 0 0 5rem 0;
	/* margin:0 auto 0 auto;
	max-width:80rem; */
	
	flex-grow: 1;

}

body.page-template-blue-background main{
	background-color: var(--light-blue);
} 
main>p, main>ul, main>table{
	margin: 1rem auto;
	max-width: 80rem;
	padding:0rem 3rem;
}
main>ul li{
	margin: 1rem 3rem;
}

main h1, main h2, main h3, main h4,main h5,main h6{
	text-align: center;
	font-family: 'Bungee Shade', cursive;
	font-family: sans-serif;
	
	font-weight: normal;
}

.pageTitle{
	font-size: 1.3rem;
	font-weight: normal;
	display:block;
	color: var(--site-white);
	/* margin:0 0 1.5rem; */
	position: relative;
	margin: 0 0 2rem 0;
	/* background-color: rgba(var(--site-black-red),var(--site-black-green),var(--site-black-blue),0.9); */
	background-color: var(--site-black);
	text-align:center;
	/* position:absolute; */
	/* width:100%; */
	padding:1rem 0;
	/* bottom:0; */
	/* color:var(--logo-blue); */
	/* box-shadow: 0rem calc(3% + 0.5rem) 0rem -3% var(--logo-blue), 0rem calc(5% + 1rem) 0rem -5% var(--logo-pink); */
	box-shadow: 0rem 1.5rem 0rem -1rem var(--logo-blue), 0rem 2.5rem 0rem -1.5rem var(--logo-pink);
	/* box-shadow:  0rem 3rem 0rem -2rem var(--logo-pink); */
	
}


main fieldset{
	border-width: 0;
}


main input:invalid{
	background-color: var(--logo-pink);
}

.swingtxleft-events-filter-container{
	display:block;
	margin:0 auto 0 auto;
	background-color: var(--light-blue);
	padding:1rem 0 2.5rem 0;

}
.swingtxleft-events-filter-container-extra-space{
	min-height: 100vw;
}

.swingtxleft-events-filter-container .swingtx-left-hide-box-filter-form{
	margin:0;
	padding: 0;
	/* max-width:80rem; */
	margin:0 auto 0 auto;
	
}

.swingtxleft-events-filter-container .swingtx-left-hide-box-filter-form>summary{
	background-color: var(--logo-blue);

	color: var(--site-black);
	padding: 1rem;
	margin: 1rem;
	width: max-content;
	margin: 0 auto;
	outline: none;
	list-style: none;
	transition: background-color 0.8s;
	
}

.swingtxleft-events-filter-container .swingtx-left-hide-box-filter-form>summary:hover{
	background-color: var(--darken-blue);
} 

.swingtxleft-events-filter-container form{
	/* max-width:40rem; */
	max-width:95vw;
	width:80rem;
	margin: 0 auto;
}


.swingtxleft-events-filter-container .swing-tx-left-filter-form-options{
	/* display: flex;
	flex-wrap: wrap;
	justify-content: center; */
	margin: 2rem auto;	
	/* width: max-content; */
	/* box-shadow: -1rem -1rem 0rem 0 var(--logo-blue), 1rem 1rem 0rem 0 var(--logo-pink); */
	border-style: solid;
	border-color: var(--logo-pink);
	border-width: 0.1rem;
	display: grid;
	grid-template-columns: 50% 50%;
	
}
.swingtxleft-events-filter-container .swing-tx-left-filter-form-options fieldset{
	/* background-color: var(--site-black);
	background-color: rgb( 
		calc( var(--logo-blue-red)  / 2) , 
		calc( var(--logo-blue-green)  / 2) ,
		calc(  var(--logo-blue-blue)  / 1.5)
		); */
		/* background-color: rgb( 
			calc((10 * var(--site-white-red) + var(--logo-pink-red) ) / 11) , 
			calc((10 * var(--site-white-green) +  var(--logo-pink-green) ) / 11) ,
			calc((10 * var(--site-white-blue) +  var(--logo-pink-blue) ) / 11)
			); */
	background-color: var(--light-pink);
	color:var(--site-black);
	margin: 0;
	padding: 1rem;

}

.swingtxleft-events-filter-container .swing-tx-left-filter-form-options fieldset:nth-child(2n){
	/* background-color: rgb( 
		calc((10 * var(--site-white-red) + var(--logo-blue-red) ) / 11) , 
		calc((10 * var(--site-white-green) +  var(--logo-blue-green) ) / 11) ,
		calc((10 * var(--site-white-blue) +  var(--logo-blue-blue) ) / 11)
		); */
		/* background-color: var(--light-blue); */
}

.swingtxleft-events-filter-container .swing-tx-left-filter-form-options fieldset legend{
	float:left;
	width: 100%;
	margin:0 0 1rem 0;
	border-style: solid;
	border-color: var(--logo-pink);
	border-width: 0 0 0.1rem 0;
}
.swingtxleft-events-filter-container input[type=text],
.swingtxleft-events-filter-container input[type=date],
.swingtxleft-events-filter-container input[type=number]{
	width:8rem;
	max-width: 30vw;
}

/* .swingtxleft-events-filter-container .swingtx-left-container-for-hiding-options{
	 display:none; 
}

.swingtx-left-checkbox-for-hiding-options:checked ~ .swingtx-left-container-for-hiding-options{

	display:block; 
} */

.swingtxleft-events-filter-container  .swing-tx-left-filter-form-control-buttons{
	margin:1rem auto;
	text-align: center;
}

/* .swingtxleft-events-filter-container input[type=text],
.swingtxleft-events-filter-container input[type=number]
{
	width:min-content;
} */

.swingtxleft-events-filter-container input[type=reset],
.swingtxleft-events-filter-container button{
	margin:0.7rem;
	background-color: var(--site-black);
	color: var(--site-white);
	padding: 1rem;
	font-size: 1rem;
	border-width: 0;
	/* box-shadow: -0.5rem -0.5rem 0rem 0 var(--logo-blue), 0.5rem 0.5rem 0rem 0 var(--logo-pink); */
}

.swingtxleft-events-filter-container input[type=reset]{
	background-color: var(--logo-pink);
	color: var(--site-black);
}
/* .swingtxleft-events-filter-container input[type=checkbox]{
	visibility: hidden;
}
.swingtxleft-events-filter-container input[type=checkbox] + label{
	padding: 0.5rem;
	margin: 0;
	display: inline-block;
}
.swingtxleft-events-filter-container input[type=checkbox] + label::before{
	background-color:var(--site-white);
	content: "";
	width:0.8rem;
	height: 0.8rem;
	margin:0rem 1rem;
	display: inline-block;
	border-width: 0.1rem;
	border-color: var(--site-black);
	border-style: solid;
	border-radius: 0.3rem;
	transition: background-color 1s;;
}
.swingtxleft-events-filter-container input[type=checkbox]:checked + label::before{
	background-color:var(--logo-blue);
} */
/* .swingtxleft-events-filter-container input[type=checkbox]{
	padding: 0.5rem;
	margin: 0;
}
.swingtxleft-events-filter-container input[type=checkbox] + label{
	padding: 0.5rem;
	margin: 0;
	display: inline-block;
}
.swingtxleft-events-filter-container input[type=checkbox]:checked + label{
	text-decoration-line:underline ;
} */
.swingtxleft-events-filter-container label {
	padding: 0.2rem;
	margin: 0.3rem 0;
	display: block;
	/* width: max-content; */
}
.swingtxleft-events-filter-container button{
	background-color: var(--logo-blue);
	color: var(--site-black);
}


.swingtxleft-events-container{
	
}
.swingtxleft-events-container a{
	word-break: break-all;
}

.swingtxleft-events-container .swtxl-events-day{
	/* background-color: var(--logo-pink);
	background-color: rgb( calc(( var(--site-white-red) +  var(--logo-pink-red) ) / 2) , calc(( var(--site-white-green) +  var(--logo-pink-green) ) / 2) , calc(( var(--site-white-blue) +  var(--logo-pink-blue) ) / 2) ); */

	/* background-color: rgb( 
		calc((10 * var(--site-white-red) + var(--logo-pink-red) ) / 11) , 
		calc((10 * var(--site-white-green) +  var(--logo-pink-green) ) / 11) ,
		calc((10 * var(--site-white-blue) +  var(--logo-pink-blue) ) / 11)
		); */
	background-color: var(--light-pink);
	/* display:grid;
	grid-auto-columns: 30% 70%;
	justify-content: space-between; */
	border-style: solid;
	border-color: var(--site-black);
	border-color:var(--logo-mean);
	 border-width:0.05rem 0 0 0 ;
	 padding: 3rem 0 1rem 0;
	 animation-name:swtxl-day-appear;
	animation-duration: 1s;
	animation-iteration-count: 1;
}
@keyframes swtxl-day-appear{
	0%{
		opacity: 0;
		/* filter:blur(1rem); */
	}
	100%{
		opacity: 1;
		/* filter:blur(0rem); */
	}
}
.swingtxleft-events-container .swtxl-events-day:last-child{
	border-bottom-width: 0.05rem;
}

.swingtxleft-events-container .swtxl-events-day:nth-child(2n){
	background-color: var(--site-white);

	/* background-color: rgb( calc((2 * var(--site-white-red) + var(--logo-blue-red) ) / 3) , calc((2 * var(--site-white-green) +  var(--logo-blue-green) ) / 3) , calc((3 * var(--site-white-blue) +  var(--logo-blue-blue) ) / 3) ); */

	/* background-color: rgb( 
		calc((10 * var(--site-white-red) + var(--logo-blue-red) ) / 11) , 
		calc((10 * var(--site-white-green) +  var(--logo-blue-green) ) / 11) ,
		calc((10 * var(--site-white-blue) +  var(--logo-blue-blue) ) / 11)
		); */
		background-color: var(--light-blue);
}


.swingtxleft-events-container .swtxl-events-day .swtxl-events-big-day{
	/* grid-row-end: -1; */
	position: sticky; 
	top:0.3rem;
	/* bottom: 0;  */
	margin:0rem auto 2rem auto;
	padding: 1rem 1rem;
	padding: 0;
	/* width: 50vw;  */
	/* display: inline-block; */
	/* transform: rotateX(30deg) rotateZ(10deg); */
	/* background-color: var(--site-black); */
	background-color: var(--logo-pink);
	width: max-content; 
	
	color: var(--logo-pink);
	color: var(--light-blue);
	color:var(--site-black);
	font-size: 1.2rem;
	font-weight: normal;
	/* height:2rem; */
	/* width: 100%; */
	 /* border-color: var(--logo-blue);
	border-width: 0 0 0.5rem 0;
	border-style: solid;
	text-align: center; */
	/* width: 5rem; */
	
	/* box-shadow: 0.5rem 0.5rem 0rem 0 var(--logo-blue), 1rem 1rem 0rem 0 var(--site-white); */
	box-shadow: 0rem 0rem 0rem 1rem var(--logo-pink),0.5rem 0.5rem 0rem 1rem var(--site-black), 1rem 1rem 0rem 1rem var(--logo-blue);
	transition:box-shadow 1s;
}
.swingtxleft-events-container .swtxl-events-day:nth-child(2n) .swtxl-events-big-day{
	/* color: var(--logo-blue); */
	/* border-color: var(--logo-pink); */
	/* box-shadow: 1rem 1rem 0rem 0 var(--logo-blue), -1rem -1rem 0rem 0 var(--logo-pink); */
	/* box-shadow: 0.5rem 0.5rem 0rem 0 var(--logo-blue), 1rem 1rem 0rem 0 var(--logo-pink); */

}
.swingtxleft-events-container .swtxl-events-day .swtxl-events-big-day.shrunk-big-day{

	/* font-size: 0.5rem; */
	/* padding: 0.5rem 1rem; */
	box-shadow: 0rem 0rem 0rem 0.3rem var(--logo-pink),0.1rem 0.1rem 0rem 0.3rem var(--site-black), 0.2rem 0.2rem 0rem 0.3rem var(--logo-blue);

}

body.admin-bar .swingtxleft-events-container .swtxl-events-day .swtxl-events-big-day{
	top:calc(32px + 0.3rem);
}
@media screen and (max-width: 782px){
	body.admin-bar .swingtxleft-events-container .swtxl-events-day .swtxl-events-big-day{
		top:calc(46px + 0.3rem);
	}
}

@media screen and (max-width: 600px){
	body.admin-bar .swingtxleft-events-container .swtxl-events-day .swtxl-events-big-day{
		top:0.3rem;
	}
}

.swingtxleft-events-container .swingtxleft-event{
	/* width: 80%; */
	padding: 2rem;
	display:block;
	/* grid-column:2 / 2 ; */
	
	 margin:0 auto 0 auto; 
	 max-width:80rem;  
	 border-width: 0 0 0.05rem 0;
	border-style: dashed;
	border-color: var(--logo-mean);
}

.swingtxleft-events-container .swingtxleft-event:last-child{
	border-bottom-width: 0;
} 

.swingtxleft-events-container .swtxl-events-day .swingtxleft-event h3{
	margin: 0 3rem 1rem 3rem;
	padding: 0.5rem;
	font-weight: normal;
	/* background-color: var(--site-black);
	color: var(--site-white); */
	border-color: var(--logo-blue);
	border-style: solid;
	border-width: 0 0 0.1rem 0;
	font-size: 1.5rem;
	text-align: center;
}

.swingtxleft-events-container .swtxl-events-day:nth-child(2n) .swingtxleft-event h3{
	border-color: var(--logo-pink);
}

.swingtxleft-events-container .swtxl-events-day .swingtxleft-event .swingtxleft-event-type-box{
	padding: 0.5rem;
	margin: 0 0 0.5rem 0;
	width: max-content;
	background-color: var(--site-black);
	color: var(--site-white);
	
}

.swingtxleft-events-container .swtxl-events-day .swingtxleft-event .swingtxleft-event-type-box .swingtxleft-virtual-status{
	color: var(--logo-blue);
}
/* .swingtxleft-events-container .swtxl-events-day .swingtxleft-event .swingtxleft-event-type-box .swingtxleft-virtual-status::before{
	content:" - ";
	color: var(--logo-pink);
} */

.swingtxleft-events-container .swtxl-events-day .swingtxleft-event summary{
	padding: 0.5rem 0.5rem 0.5rem 0 ;
	margin:0.5rem 0;
	/* color: var(--link-color); */
	width: max-content;
	/* background-color: var(--light-blue); */
	border-style: solid;
	border-width: 0.1rem;
	border-color: var(--logo-mean);
	transition: border-color 0.5s;
	border-radius: 0.5rem;
	transition: background-color 1s, color 1s;
}
.swingtxleft-events-container .swingtxleft-event summary::before{
	padding: 0 0.5rem;
	font-family: monospace;
	font-size:1.1rem;
	content:'+';
	font-weight: bold;
	
}
.swingtxleft-events-container .swingtxleft-event details[open] summary::before{
	content:'-';
	
}


.swingtxleft-events-container .swtxl-events-day .swingtxleft-event details[open] summary{
	/* background-color: var(--logo-mean); */
	/* color: var(--site-white); */
}
/* .swingtxleft-events-container .swtxl-events-day:nth-child(2n) .swingtxleft-event details[open] summary::before{
	color: var(--logo-pink);
} */


.swingtxleft-events-container .swtxl-events-day .swingtxleft-event .mobilize-sign-up{
	background-color: var(--logo-blue);
	/* color: var(--logo-blue); */
	padding: 1rem;
	font-size: 1.2rem;
	display: block;
	margin:3rem 0 0 0;
	border-width: 0;
	outline: none;
	outline-width: 0.1rem;
	outline-style: solid;
	outline-color: transparent;
	/* box-shadow: 0rem 0rem 0 0 var(--logo-blue), 0rem 0rem 0 0 var(--logo-pink); */
	/* transform: rotateZ(20deg); */
	/* transition: margin 0.5s ;
	transition-delay: 0.5s; */
	transition: background-color 0.8s;
}



.swingtxleft-events-container .swtxl-events-day:nth-child(2n) .swingtxleft-event .mobilize-sign-up{
	/* background-color: var(--logo-pink); */
}

.swingtxleft-events-container .swtxl-events-day .swingtxleft-event .mobilize-sign-up.mobilize-sign-up-animate{
	animation-duration: 4s;
	animation-iteration-count: 1;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}


.swingtxleft-events-container .swtxl-events-day .swingtxleft-event .mobilize-sign-up.mobilize-sign-up-animate {
	animation-name: mobilize-buton-visable-blue;

	
}
.swingtxleft-events-container .swtxl-events-day:nth-child(2n) .swingtxleft-event .mobilize-sign-up.mobilize-sign-up-animate {
	/* animation-name: mobilize-buton-visable-pink; */

}
@keyframes mobilize-buton-visable-blue{
	0%{
		outline-color: transparent;
	}
	50%{
		outline-color:var(--site-black)
	}
	100%{
		outline-color: transparent;
	}
}




.swingtxleft-events-container .swtxl-events-day .swingtxleft-event .mobilize-sign-up:hover{
	background-color: var(--darken-blue);
	
}

.mobilize-signup-iframe-overlay{
	z-index:900000000;
	top:0;
	left:0;
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(var(--site-white-red),var(--site-white-green),var(--site-white-blue),0.5);;
	backdrop-filter: blur(1rem);
	animation-name: mobilize-overlay-show;
	animation-duration: 1s;
	animation-iteration-count: 1;

}
@keyframes mobilize-overlay-show{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}


.mobilize-signup-iframe{
	border-width: 0;
	top:3rem;
	left:3rem;
	position:fixed;
	width:calc(100% - 6rem);
	height:calc(90vh - 6rem);
	background-color: rgb(255,255,255);
	
}
.mobilize-signup-iframe-close{
	top:0;
	right:3rem;
	position:fixed;
	/* height:10vmin;
	width:10vmin; */
	text-align:center;
	/* font-size:8vmin; */
	font-size:2rem;
	line-height:normal;
	color:var(--logo-pink);
	background-color:var(--site-black);
	/* border-radius:50%; */
	padding:0.5rem;
	max-height: 3rem;
	border-width: 0;
}


footer{
	color: var(--site-white);
	padding: 4rem 4rem;
	margin: 0 0 0;
	/* min-height: 20vh; */
	background-color:var(--site-black);
	/* border-width: 1rem 0rem 0rem 0rem;
	border-style:solid;
	border-color: var(--logo-blue); */
	box-shadow: 0rem -1.5rem 0rem -1rem var(--logo-blue), 0rem -3rem 0rem -2rem var(--logo-pink);
}

footer a{
	color:var(--logo-blue);
}
footer nav ul{
	text-align: center;
	padding:0;
	margin:0;
	list-style-type: none;
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
	

}
footer nav ul li{
	padding:0;
	margin:0;
	display: inline-block;
}
footer nav ul li a{
	padding: 1rem;
	/* border-width: 0rem 0.1rem 0rem 0.1rem;
	border-style:solid; */
	border-color: var(--logo-pink);
	display: inline-block;
}