@charset "UTF-8";


#events
{
	padding-top: max(5vw, 5rem);
	padding-bottom: max(10vw, 10rem);
}

#events div.events_wrapper
{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

#events .cont
{
	padding-top: 1.5em;
	width:calc(100% - 10rem);
	font-size: 1rem;
}

#events .cont > h3
{
	font-family: R-R, GG-R, sans-serif;
	font-size: .8rem;
	margin-bottom: 1em;
}

h2.subtitle
{
	font-size: clamp(1.1rem, 5vw, 1.75rem);
}

#contact h2
{
	font-size: clamp(1.1rem, 5vw, 1.75rem);
	text-align: center;
	border-bottom: 2px solid rgb(255, 255, 255);
	margin-bottom: .5em;
	padding-bottom: .5em;
}

/*//////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////// Parts ///////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////*/

.main_img
{
	margin: 0 auto;
	width: 100%;
}


.main_img img
{
	max-width: 100%;
	height:auto;
}


.cont .title_wrapper
{
	color:rgb(0, 62, 52);
	margin-top: .5em;
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	
	display: flex;
	align-items:center;
}

.cont h1
{
	font-size: clamp(1.2rem, 5vw, 1.5rem);
}

.cont .status
{
	font-size: clamp(.8rem, 5vw, 1rem);
	font-family: R-R, GG-R, sans-serif;
	display: flex;
	line-height: 1;
	justify-content:center;
	align-items:center;
	width: 6em;
	height: 6em;
	margin-right: 1em;
	
	color: white;
}

.cont .status:before
{
	content:"";
	display: block;
	position:absolute;
	width: 6em;
	height: 6em;
	border-radius: 50%;
	top: 0;
	left: 0;
	
	background-color: rgb(168, 27, 75);
}

.venue
{
	font-family: R-R, GG-R, sans-serif;
	font-size: 1rem;
	background-color:white;
	border-radius: .5em;
	padding: 1em;
	margin: 4em 0;
}

.venue > div
{
	display: flex;
	flex-wrap:wrap;
}

.venue > div + div
{
	margin-top: .5em;
	padding-top: .5em;
	border-top: 1px solid rgb(230, 230, 230);
}

.venue > div > p:nth-of-type(1)
{
	letter-spacing: 2em;
}

.wp-block-code code
{
	padding:2rem;
}

.wp-block-image
{
	line-height:0;
}

.wp-block-image img
{
	transition: all .5s ease;
}

.is-layout-flex
{
	display:flex;
}

.wp-block-column-is-layout-flow + .wp-block-column-is-layout-flow
{
	margin-left: 2rem;
}

#modalWindow .photo_100
{
	padding: 8rem 0;
}

#contact
{
	padding-top: 0;
}

#contact > div > p
{
	margin-bottom: .25rem;
}

#contact .form_succsess
{
	padding: 1em;
	margin-top: 5em;
	border-radius: .5em;
	background-color: rgb(255, 255, 255);
	font-size: 1rem;
}

/*//////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA SCREEN ////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////*/


@media screen and (max-width: 600px)
{
	#contact h2
	{
		border-bottom-width: 0;
	}
}

@media screen and (max-width: 650px)
{
	#events > div
	{
		flex-direction: column;
	}
	#events .cont
	{
		width: 100%;
	}
	
	.title_category
	{
		position: static;
		width: 100%;
		border-bottom: 2px solid rgb(255, 255, 255);
		padding-bottom: 1rem;
	}
	
}

@media screen and (max-width: 900px)
{
	.contents > p,
	.wp-block-paragraph, .voice_column_text
	{
		columns: 1;
		column-gap: 0em;
	}
	
	.is-layout-flex
	{
		flex-direction:column;
		margin-bottom: 3rem;
	}
	
	.voice_group._b .is-layout-flex
	{
		flex-direction:column-reverse;
	}
	
	.wp-block-column-is-layout-flow
	{
		width:100%;
	}
	.wp-block-column-is-layout-flow + .wp-block-column-is-layout-flow
	{
		margin-left:0;
	}
	.is-layout-flex .wp-block-image
	{
		margin-top: 1rem;
		margin-bottom:0;
	}
}