/*
Theme Name: Zero Covid theme
Version: 1.0
*/

* {
	font-family: din-2014, sans-serif;
}

body {
	overflow-x: hidden;
}

h1, h2 {
	font-weight: bold;
}

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

a {
	text-decoration: none;
	color: rgb(112,19,205);
	border-bottom: 2px solid transparent;
}

a:hover {
	color: rgb(112,19,205);
}

p a:hover {
	border-bottom: 2px solid rgb(112,19,205);
}

.btn-primary {
	background: rgb(112,19,205);
	border: 1px solid rgb(112,19,205);
}

.btn-primary:hover {
	background: rgb(2,189,97);
	border: 1px solid rgb(2,189,97);
}


iframe {
	max-width: 100%;
}

.container-outer {
	background: rgb(112,19,205);
	background: linear-gradient(90deg, rgba(112,19,205,1) 0%, rgba(2,189,97,1) 100%); 
}

hr {
	border: none !important;
	height: 10px !important;
	margin-top: 2rem;
	margin-bottom: 2rem;
	background: rgb(112,19,205);
	background: linear-gradient(90deg, rgba(112,19,205,1) 0%, rgba(2,189,97,1) 100%); 
	opacity: 0.8;
	margin-left: -3rem;
}

.container-inner {
	background-color: rgba(255,255,255,0.2);
	padding-right: 0px;
	padding-left: 3rem;
}

.container-content {
	background-color: white;
}

.article {
	max-width: 50em;
	min-height: 60vh;
}

h1.slogan {
	color: white;
	padding: 3rem;
	font-size: 3em;
	line-height: 1em;
}

img.logo {
	margin-right: 1rem;
}


.navbar-dark .navbar-nav .nav-link {
	color: white;
}

.navbar-dark .navbar-toggler {
	padding: 1rem;
	margin-left: auto;
	border: 0px;
}


.tint-box {
	margin-top: 2rem;
	margin-bottom: 2rem;
	background: rgb(112,19,205);
	background: linear-gradient(90deg, rgba(112,19,205,0.8) 0%, rgba(2,189,97,0.8) 100%); 
	margin-left: -3rem;
	padding: 2rem;
	color: white;
}

.tint-box h4 {
	font-weight: bold;
}

.tint-box img {
	opacity: 0.75;
}

.tint-box img:hover {
	opacity: 1;
}

.tint-box a, .tint-box .date, .tint-box .wp-block-latest-posts__post-date {
	color: white !important;
}

.tint-box h4 a:hover {
	border-bottom: 2px solid white;
}

.tint-box.wp-block-latest-posts {
	padding-left: 3rem !important;
}

.tint-box.wp-block-latest-posts a:before {
	content: '» ';
}

.tint-box .wp-block-latest-posts__post-date {
	display: inline;
	margin-left: 1rem;
}

.wp-block-latest-posts a {
	text-decoration: none;
	color: black;
	line-height: 1em;
	font-size: 1.25em;
	font-weight: 600;
}

.wp-block-latest-posts__featured-image img {
	object-fit: cover;
	width: 400px !important;
	height: 200px !important;
	margin-bottom: 1rem;
}

.background-icon-1 {
	position: absolute;
	left: 300px;
	top: 0px;
	margin-top: -3rem;
	opacity: 0.5;
}

.background-icon-2 {
	position: absolute;
	right: 0px;
	margin-right: -3rem;
	top: 70px;
	opacity: 0.4;
}

.front-page-about a {
	font-size: 0.6em;
	padding-left: 0.5em;
	padding-top: 0.75em;
	float: right;
}

#can-form-area-join-the-mailing-list-4 .affirmative_note,
#can-form-area-join-the-mailing-list-4 .additional_text,
#can_embed_form_inner h2,
#can_embed_form_inner h4,
#can_embed_form_inner #form-first_name,
#can_embed_form_inner #form-last_name,
#can_embed_form_inner #form-country,
#can_embed_form_inner #action_info,
#can_embed_form_inner .country_drop_wrap {
	display: none !important;
}

/* hide all for now */
#can-form-area-join-the-mailing-list-4 {
	display: none !important;
}

.tribe-events-widget-events-list__header-title,
.tribe-events-widget-events-list__view-more-link {
	display: none !important;
}

.tribe-events-c-messages__message-list-item::after {
	content: 'Watch this space for future events.';
}

@media (max-width: 1000px) {

	img.logo {
		display: block;
		margin-bottom: 1rem;
	}

	.container-inner {
		padding-left: 1rem;
	}

	h1.slogan {
		padding: 2rem;
	}

	.p-5 {
		padding: 2rem !important;
	}

	hr, .tint-box {
		margin-left: -2rem;
	}

	.tint-box.wp-block-latest-posts {
		padding-left: 2rem !important;
	}

}

@media (min-width: 1000px) {
	.tribe-events-widget-events-list__events {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
}



/* === Single page */

.image-top img {
	margin-left: -3rem;
	margin-top: -3rem;
	width: 110%;
	max-width: 900px;
	height: 600px;
	max-height: 50vh;
	object-fit: cover;
	margin-bottom: 2rem;
}

.share-box {
	float: right;
	margin-right: -3rem;
	background: rgb(112,19,205);
	background: linear-gradient(90deg, rgba(112,19,205,0.8) 0%, rgba(2,189,97,0.8) 100%); 
	color: white;
	padding: 1rem 3rem 1rem 1rem;
}

.share-box a {
	color: white;
	text-decoration: none;
	padding-right: 1rem;
}

@media (max-width: 1000px) {
	.image-top img {
		margin-left: -2rem;
		margin-top: -2rem;
	}

}

/* == Index */

.date, .author, .wp-block-latest-posts__post-date, .tags {
	color: grey;
	font-size: 0.8em;
	text-transform: uppercase;
}

.tags a {
	color: grey;
}

.headline-medium {
	font-size: 1.5em;
	line-height: 1em;
}

.headline.headline-large {
    line-height: 1em;
}

.reverse {
	background-color: rgb(112,19,205);
	color: white;
	font-size: 0.8em;
	padding-left: 0.4em;
	padding-right: 0.4em;
}

.headline-large .reverse {
	display: block;
	width: max-content;
	margin-bottom: 0.25em;
	font-size: 0.6em;
}

/* === Footer */

.footer-menu .topics {
	display: none;
}

.topics-menu .menu-item.nav-item {
    flex: 50%;
}

.footer-social-media a {
	font-size: 2em;
	color: white;
}

.footer-social-media a:hover {
	color: lightgray;
}

.footer .nav-link {
    padding: 0.2rem 1rem;
}

/* === Search */

.bg-white {
	background-color: white;
}

.search-box {
	font-size: 1.5em;
}

/* results page search box */
.search-input {
	border: none;
	width: 90%;
}

blockquote.wp-block-quote {
	padding-left: 2rem;
	opacity: 0.8;
	font-style: italic;
}

/* === Print */

.print-logo {
	display: none;
}

@media print {

	.header,
	.background-icon,
	nav.navbar,
	.share-box,
	.footer {
		display: none;
	}

	.print-logo {
		display: block;
		padding: 3em;
	}

}