html {
	font-size: 18px;
}

/* Hide feature image on post - used when a Featured image needs to be added to a post so that there is a social share image, but we don't want it to be seen on the actual post: */
.postid-4579 .site-featured-image {
	background-color: #fff;
}

.postid-4579 .site-featured-image img {
	display: none;
}

.postid-4579 .site-header.featured-image .entry-title {
	color: #000;
	text-shadow: none;
}

.postid-4579 .site-header.featured-image .site-featured-image .entry-header .entry-meta a {
	color: rgb(118, 118, 118);
	text-shadow: none;
}

.postid-4579 .site-header.featured-image .site-featured-image .entry-header {
	margin: calc(2 * 1.2rem) calc(10% + 60px) 1rem;

}

.postid-4928 .site-header.featured-image .site-featured-image .post-thumbnail img {
	height: auto;
	left: auto;
	object-fit: unset;
	top: auto;
	transform: none;
	width: 100%;
	opacity: 1;
	position: relative;
}

.postid-4928 .entry-header {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
	margin-top: 0 !important;
}

.postid-4928 #masthead {
	background-color: #fff;
}

.postid-4928 .site-header.featured-image {
	min-height: 10px;
}

.postid-4928 .site-branding-container {
	background-color: #003f75;
}


@media (max-width: 767px) {
	.postid-4928 #masthead {
		padding-left: 0;
		padding-right: 0;
	}
	.postid-4928 .site-branding-container {
		padding-left: 1em;
		padding-right: 1em;
	}
}

.bottom-margin-zero {
	margin-bottom: 0 !important;
}

@media (max-width: 767px) {
	.postid-4579 .site-featured-image {
		margin-left: -1em;
		margin-right: -1em;
	}
}

@media (max-width: 1024px) {
	.postid-4579 .site-header.featured-image .site-featured-image .entry-header {
		margin: calc(2 * 1.2rem) calc(5% + 1px) 1rem;

	}
}


.home .entry-content .wp-block-column h2 em, .home .entry-content .wp-block-column h3 em {
	font-weight: 300;
	font-style: normal;
	display: block;
}

.entry .entry-content .wp-block-latest-posts li {
	font-size: inherit;
}

.smallprint { font-size: 90%; }

@media (max-width: 767px) {
    .wp-block-column {
        flex-basis:100% !important
    }
	
	.small-top-border {
		border-top: 2px dashed #ccc;
		padding-top: 1.5rem;
		margin-top: 1rem;
		display: block;
	}
	
	.small-top-margin {
		margin-top: 1rem !important;
		display: block;
	}
	
}

@media (min-width: 600px) and (max-width: 767px) {
    .wp-block-column:nth-child(2n) {
        margin-left:0 !important;
    }
}

.entry .entry-content .wp-block-latest-posts.is-grid li {
	margin-bottom: 0;
	padding-top: 0.5em;
	border-top: 1px solid #ddd;
}
.single-wos_map_entries .entry-meta {
	display: none;
}

.single-wos_map_entries .site-header.featured-image .entry-title {
	margin-bottom: 4px;
}

.entry .entry-content .wp-block-pullquote, .entry .entry-content .wp-block-pullquote.is-style-solid-color {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
	font-size: 1.5rem;
}

.entry .entry-content .wp-block-pullquote blockquote {
	margin-top: 0;
	margin-bottom: 0;
}

.grecaptcha-badge { 
	display: none;
}

.wpcf7 input {
	width: 100%;
}

.wp-block-embed-youtube iframe {
	
}

.home .entry .entry-content .wp-block-cover.alignfull {
	margin-top: 0;
}

.entry-content .event_date {
	line-height: 1.2;
	font-weight: bold;
	padding: 10px 15px;
	background-color: #eee;
	border-radius: 0 0 0 0;
	max-width: 100% !important;
}

body {
	font-family: "NonBreakingSpaceOverride", lato, helvetica, arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: jaf-facitweb, helvetica, arial, sans-serif;
}

.site-header {
	padding-bottom: 0;
	padding-top: 0;
	background-color: #003f75;
}

.site-header.featured-image {
	min-height: 300px;
	margin-bottom: 10px;
}

.site-header.featured-image .site-featured-image .post-thumbnail img {
	top: 170px;
	opacity: 0.85;
}

.site-header.featured-image .site-featured-image .entry-header {
	margin-top: calc( 4 * 2rem);
}

.site-header.featured-image:after {
	background: transparent; 
	display: none;
	position: inherit;
	top: 0;
	left: 0;
	content: "";
	width: 0;
	height: 0;
}
.site-header.featured-image .site-featured-image:after {
	background: none;
}

.site-title, .featured-image .site-title {
	display: block;
	width: 100%;
	min-height: 50px;
	background-image: url('/wp-content/plugins/ss-shortcodes/ss-logo.svg');
	background-repeat: no-repeat;
	text-indent: -5000px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.site-header.featured-image {
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.site-header.featured-image .entry-title {
	color: #fff;
}


.main-navigation a {
	font-size: 0.7em;	
	color: #fff;
	font-family: jaf-facitweb, helvetica, arial, sans-serif;
}

.main-navigation ul.main-menu > li > a {
	color: #fff;
}

.main-navigation .main-menu > li > a:hover {
	color: #fff;
}

.main-navigation .sub-menu > li > a {
	font-size: 0.6em;
	padding: 0.3rem 0.6rem;
}

.home .entry-header, .site-description {
	display: none;
}

footer .site-info .imprint, .privacy-policy-link {
	display: none;
}

h1:not(.site-title):before, h2:before {
	content: '';
	height: 0;
	margin: 0;
}

.entry .entry-title:before {
	background: transparent;
	display: block;	
	content: '';
	height: 0;
	width: 0;
	margin: 0;
}

.main-navigation .sub-menu {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 3px 0 15px rgba(0,0,0,0.3);
}

.main-navigation .sub-menu .sub-menu {
	box-shadow: none;
	border-radius: 0;
}

.submenu-expand .svg-icon, .social-links-menu .svg-icon {
	fill: #fff;
}

.main-menu-more-toggle .svg-icon g path:nth-child(2) {
	fill: #fff;
}


.social-navigation {
	margin-bottom: 10px;
}

.wp-block-cover, .wp-block-cover-image {
	/*background-position: top center;*/
	background-position: center;
}

.entry .entry-content .wp-block-cover-image, .entry .entry-content .wp-block-cover {
	min-height: 500px;
}

/*
.wp-block-latest-posts li, .entry .entry-content .wp-block-latest-posts.is-grid li {
	padding-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	position:relative;
	min-height: 200px;
}

.wp-block-latest-posts li img {
	opacity: 0.7;
}

.wp-block-latest-posts li a {
	color: #000;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	z-index: 1;
}
*/

.boardmember_entry { 
	width:100%; 
	overflow:hidden; 
	border-bottom:1px solid #ccc; 
	padding-bottom:2rem; 
	margin-bottom:4rem; 
}
.boardmember_img { 
	float:right; 
	clear:both;
	width:35%;
	padding:2px;
	overflow:hidden; 
	margin-bottom:30px; 
}
.boardmember_img img { 
	border:1px solid #ccc;
	width:100%;
	max-width:250px; 
}
.boardmember_desc { 
	float:left; 
	width:60%; 
	margin-right:10px; 
}
.boardmember_desc h4 { 
	margin-bottom:10px; font-weight:bold; 
}


/*
 * SKATEPARK DIRECTORY
 * */
.sp_col1 {
	float:left; display:inline; width:40%;
}

.sp_col2 {
	float:right; display:inline; margin-bottom:20px; width:58%;
}

.sp_col2 .gallery-item {
	background-color: #fff;
	padding: 12px;
	border-radius: 8px;
	border: 1px solid #ddd;
	box-shadow: 0 3px 15px rgba(0,0,0,0.3);
	margin-bottom: 30px;
}

.sp_col2 .gallery-item .gallery-icon {
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.skatepark_main_featured_image {
	margin-bottom: 20px;
}

.sp_closed {
	max-width: 100% !important;
	padding:20px 10px 20px 65px;
	overflow:hidden;
	margin-bottom:20px;
	font-weight:bold;
	color:#000;
	font-size: 18px;
	line-height:1.2;
	border-radius: 100px;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDAuMzMgMjQwLjMzIj48ZGVmcz48c3R5bGU+LmMxIHtmaWxsOiNmZmYyMDA7c3Ryb2tlOiMyMzFmMjA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjE5cHg7fQouYzIge2ZpbGw6IzIzMWYyMDt9PC9zdHlsZT48L2RlZnM+PGc+PGc+PGNpcmNsZSBjbGFzcz0iYzEiIGN4PSIxMjAuMTciIGN5PSIxMjAuMTciIHI9IjExMC42NyIvPjxwYXRoIGNsYXNzPSJjMiIgZD0iTTE0Mi4xNyw3Mi45MkExMTYuMTksMTE2LjE5LDAsMCwxLDE0MCw5My4wOHEtMi4yLDEyLjA3LTUuNTgsMjMuODR0LTUuODMsMTYuNThhMTAuNDcsMTAuNDcsMCwwLDEtMy4wNywzLjg5LDkuMTcsOS4xNywwLDAsMS01LjEyLDEuMTMsOSw5LDAsMCwxLTUtMS4wNywxMS43MiwxMS43MiwwLDAsMS0zLjIyLTMuOTQsMTA4LjgxLDEwOC44MSwwLDAsMS02LjA5LTE2LjgzcS0zLjMzLTExLjMxLTUuNjMtMjMuMjhhMTExLDExMSwwLDAsMS0yLjMtMjAuNDdxMC0xNi4xNyw3LTIzLjc5dDE1LjI1LTcuNjJxOC4yOSwwLDE1LDcuNTdUMTQyLjE3LDcyLjkyWm0wLDEwMi40N2EyMS40MSwyMS40MSwwLDAsMS02LjI5LDE1LjYsMjAuODksMjAuODksMCwwLDEtMTUuNSw2LjQsMjIuNTksMjIuNTksMCwwLDEtMTkuMTMtMTEsMjEuNCwyMS40LDAsMCwxLS4wNS0yMiwyMi4zOSwyMi4zOSwwLDAsMSw4LjEzLTgsMjEuNzgsMjEuNzgsMCwwLDEsMjEuOTUsMCwyMS4yNiwyMS4yNiwwLDAsMSw4LDhBMjEuODksMjEuODksMCwwLDEsMTQyLjE3LDE3NS4zOVoiLz48L2c+PC9nPjwvc3ZnPg==) top right no-repeat;
	background-size: 50px;
	background-position: 7px;
	background-color: rgba(255,0,0,0.2);
	
}

.sp_warning {
	max-width: 100% !important;
	padding:20px 10px 20px 65px;
	overflow:hidden;
	margin-bottom:20px;
	font-weight:bold;
	color:#000;
	font-size: 18px;
	line-height:1.2;
	border-radius: 100px;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDAuMzMgMjQwLjMzIj48ZGVmcz48c3R5bGU+LmMxIHtmaWxsOiNmZmYyMDA7c3Ryb2tlOiMyMzFmMjA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjE5cHg7fQouYzIge2ZpbGw6IzIzMWYyMDt9PC9zdHlsZT48L2RlZnM+PGc+PGc+PGNpcmNsZSBjbGFzcz0iYzEiIGN4PSIxMjAuMTciIGN5PSIxMjAuMTciIHI9IjExMC42NyIvPjxwYXRoIGNsYXNzPSJjMiIgZD0iTTE0Mi4xNyw3Mi45MkExMTYuMTksMTE2LjE5LDAsMCwxLDE0MCw5My4wOHEtMi4yLDEyLjA3LTUuNTgsMjMuODR0LTUuODMsMTYuNThhMTAuNDcsMTAuNDcsMCwwLDEtMy4wNywzLjg5LDkuMTcsOS4xNywwLDAsMS01LjEyLDEuMTMsOSw5LDAsMCwxLTUtMS4wNywxMS43MiwxMS43MiwwLDAsMS0zLjIyLTMuOTQsMTA4LjgxLDEwOC44MSwwLDAsMS02LjA5LTE2LjgzcS0zLjMzLTExLjMxLTUuNjMtMjMuMjhhMTExLDExMSwwLDAsMS0yLjMtMjAuNDdxMC0xNi4xNyw3LTIzLjc5dDE1LjI1LTcuNjJxOC4yOSwwLDE1LDcuNTdUMTQyLjE3LDcyLjkyWm0wLDEwMi40N2EyMS40MSwyMS40MSwwLDAsMS02LjI5LDE1LjYsMjAuODksMjAuODksMCwwLDEtMTUuNSw2LjQsMjIuNTksMjIuNTksMCwwLDEtMTkuMTMtMTEsMjEuNCwyMS40LDAsMCwxLS4wNS0yMiwyMi4zOSwyMi4zOSwwLDAsMSw4LjEzLTgsMjEuNzgsMjEuNzgsMCwwLDEsMjEuOTUsMCwyMS4yNiwyMS4yNiwwLDAsMSw4LDhBMjEuODksMjEuODksMCwwLDEsMTQyLjE3LDE3NS4zOVoiLz48L2c+PC9nPjwvc3ZnPg==) top right no-repeat;
	background-size: 50px;
	background-position: 7px;
	background-color: #eee;
}

@media only screen and (max-width: 639px) {
	.sp_warning {
		font-size: 14px;
		background-size: 30px;
		padding:10px 20px 10px 45px;
		border-radius: 20px
	}
}

@media only screen and (max-width: 767px) {
	h2 {
		font-size: 1.2em;
	}
	h3 {
		font-size: 1.1em;
	}
	
	.boardmember_desc { 
		float:none; 
		width:100%; 
		margin-right:auto; 
	}
	
	.boardmember_img { 
		float:none; 
		clear:both;
		width:100%;
		padding:2px;
		overflow:hidden; 
		margin-bottom:30px; 
	}
	
	.sp_col1 {
		float:none; display:block; width:100%;
	}

	.sp_col2 {
		float:none; display:block; width:100%;
	}
	
	
	
}

@media only screen and (min-width: 768px) {
	h2 {
		font-size: 1.5em;
	}
	h3 {
		font-size: 1.4em;
	}
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
	
	.site-branding {
		margin: 0 calc(5% + 1px);
	}
	
	.entry .entry-header {
	margin: calc(3 * 1rem) calc(5% + 1px) 1rem;
	}
	
	.site-header.featured-image .site-featured-image .entry-header {
		margin: calc(3 * 1rem) calc(5% + 1px) 1rem;
	}
	
	.entry .entry-content, .entry .entry-summary {
		max-width: 90%;
		margin: 0 5%;
		padding: 0 1px;
	}
	
		#colophon .widget-area, #colophon .site-info {
	margin: calc(3 * 1rem) calc(5% + 1px);
}
	
}