@charset "UTF-8";

@media only screen and (max-width: 768px) {

	/* Screen size */

	.mobile-only {
		display: block;
	}
	.desktop-only {
		display: none !important;
	}


	/* Typography */

	h1 {
		font-size: 2.2em;
	}
	h2 {
		font-size: 1.8em;
	}
	h3 {
		font-size: 1.5em;
	}
	h4 {
		font-size: 1.2em;
	}
	
	
	/* Structure */
	
	.block {
		padding: 15px 0;
	}
	.content-wrap {
		flex-wrap: wrap;
	}
	
	
	/* Logo */

	.logo {
		width: 70%;
	}
	
	
	/* Navigation */

nav {display: none;}
.topnav {list-style-type: none; list-style-image: none; margin: 0; padding: 0 30px; -webkit-padding-start:0;}
.topnav a {text-decoration: none;}
.topnav li, .icon {}
.topnav li:not(:first-child) {display: none;}
.topnav li ul {display: none;}
.topnav.responsive li ul {display: block; font-size: 0.8em;}
.topnav .icon {float: right; display: inline-block;}
.topnav.responsive {position: relative;}
.topnav.responsive li.icon {position: absolute; right: 0; top: 0;}
.topnav.responsive li {float: none; display: inline;}
.topnav.responsive li a {display: block; text-align: left;}
	
	
	/* Breadcrumbs */

	.breadcrumb-wrap {
		margin-bottom: 15px;
	}
	#breadcrumbs { 
		font-size: 0.75em; 
	}
	
	
	/* Content */

	.content {
		width: calc(100% - 30px);
	}
	.content img {
		border-radius: 30px;
	}
	
	
	/* Sidebar */

	.sidebar {
		width: calc(100% - 30px);
		border-radius: 30px;
	}
	
	
	/* Text and Image Block */

	.text-image {
		flex-wrap: wrap;
	}
	.text-image::before {
		padding: 15px;
	}
	.text-image::after {
		padding: 0;
	}
	.text-image-text {
		width: 100%;
		padding: 15px 0;
	}
	.text-image-image {
		width: 100%;
	}
	.text-image-image img {
		border-radius: 30px;
	}
	
	
	/* Image Block */

	.image-block-image img {
		aspect-ratio: 3/2;
		border-radius: 30px;
	}
	
	
	/* Meetings Block */

	.meeting-block-wrap {
		border-radius: 30px;
		padding: 30px;
	}
	.meeting-block-content {
		width: 100%;
		padding-bottom: 15px;
	}
	.meeting-title a {
		font-size: 1.1em;
	}
	
	
	/* Post Feed Block */

	.post-feed-wrap {
		gap: 15px; 
	}
	.post-feed-article {
		width: 100%;
	}
	.post-feed-article {
		padding-bottom: 90px;
		position: relative;
	}
	.post-feed-article-content {
		padding: 15px 15px 0;
	}
	.post-feed-article .link-button-container {
		left: 15px;
	}
	
	
	/* Gallery Block */

	.gallery-block-wrap {
		margin: 15px 0;
	}
	.gallery-thumb {
		width: calc(33.33% - 10px);
	}
	.gallery-thumb img {
		border-radius: 15px;
	}
}