/*

 Theme Name:   Cafe Hagemeister Theme

 Author:       Pulver & Blei

 Author URI:   http://pulverundblei.de

 Template:     lovecraft

 Version: 1.0

 Text Domain:  lovecraft-child

*/

html.js {
	margin: 0 !important;
}
#wpadminbar {
	display: none;
}
::selection {
	color: #3d4853;
	background-color: #f5efe3;
}
/*////////////DEFAULT////////////////////////////////////////////////*/

html {
	font-size: 100%;
}
*:focus {
	outline: 0;
}
.sow-video-wrapper iframe {
	width: 100% !important;
}
body {
	color: #6E6E6E;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: 'PT Sans', sans-serif;
	background-color: #f5efe3;
	background-image: url(images/bg-texture-black.png);
}
li.amazingcarousel-item:after, .main-menu a:after, ul.mobile-menu {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.wrapper .search-form, .footer .search-form {
	display: none;
}
.post.single .post-content {
	/*    padding: 40px;

    max-width: 1400px;

    margin: 0 auto;

    margin-top: 150px;*/
}
/*////////////FONT////////////////////////////////////////////////*/

body p {
	font-size: 1.1rem;
	margin: 0 auto;
	letter-spacing: 0.03rem;
}
strong {}
body a {
	color: #3d4853;
	text-decoration: none;
}
body a:hover {
	color: #3d4853;
	text-decoration: none;
}
.panel-layout {
	/*margin-top: 2%;*/
	position: relative;
}
.widget+.widget {
	padding: 0;
	margin: 0;
	border: none;
}
.sidebar, .search-toggle.toggle {
	display: none;
}
.wrapper.section {
	/*overflow: hidden; */
}
.sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}
.post-content p, .post-content li {
	padding: 0;
	max-width: 1000px;
	line-height: 1.6rem;
	margin-left: auto;
	margin-right: auto;
}
.post-content p, .post-content blockquote, .post-content ul, .post-content ol, .post-content address, .post-content dl, .post-content pre {
	margin-bottom: 0.5rem;
}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Dancing Script';
	color: #768667;
	font-weight: bold;
	letter-spacing: 0.05rem;
	margin: 10px auto;
	max-width: 1000px;
	padding: 0 0px;
}
.post-content h1 {
	font-size: 2em;
	font-family: 'PT Sans', sans-serif;
}
h5 {
	font-size: 2rem;
}
.post-content h3 {
	font-size: 1.4rem;
	font-family: 'PT Sans', sans-serif;
}
.post-content h4 {
	font-family: 'PT Sans', sans-serif;
	color: #6e6e6e;
	font-size: 1.1rem;
}
h3.iw-so-media-box-title {
	text-align: left !important;
	color: #768667 !important;
	font-family: 'Dancing Script';
	font-size: 2rem;
}
p.iw-so-media-box-content {
	text-align: left !important;
}
.post-content div#header h3 {
	padding-bottom: 10px;
	font-size: 2rem;
}
div#header .mb-button.mb-text-style-default {
	margin-top: 10px;
}
.post-content h3.widget-title {
	border: none;
	font-size: 1rem;
	font-family: 'PT Sans', sans-serif;
	/* font-weight: inherit; */
	color: #8c8c8c;
	display: block;
}
.so-widget-sow-image h3.widget-title {
	font-family: 'Dancing Script';
	text-transform: inherit;
	color: #fff;
	left: 0;
	right: 0;
	bottom: 40px;
	font-size: 1.8rem;
	text-align: center;
	margin-top: -60px;
	padding-bottom: 60px;
}
.so-widget-sow-image {
	position: relative;
}
.so-widget-sow-image h3.widget-title:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 2px solid;
	margin: 20px;
	color: #fff;
	bottom: 30px;
}
.widget_xyz_insert_html_widget h3.widget-title {
	position: absolute;
	/* left: 0; */
	/* right: 0; */
	top: 44%;
	z-index: 10;
	color: #fff;
	padding: 20px;
	border: 2px solid;
	display: table;
	left: 0;
	font-size: 1.4rem;
	right: 0;
	text-align: center;
	/* width: 100%; */
	max-width: max-content;
	margin: 0 auto;
}
.post-content h5 {
	font-size: 1.4rem;
}
.panel-grid.panel-no-style, .panel-grid.panel-has-style {
	margin-bottom: 0px !important;
	/*padding: 0 30px 30px;*/
	margin: 0 auto;
}
.panel-layout>.panel-grid {
	padding: 50px 30px 50px;
	max-width: 1200px;
	position: relative;
}
.panel-grid-cell {
	width: 100%;
}
.panel-layout>.panel-grid>.panel-grid-cell>.so-panel {
	padding-bottom: 40px;
}
.panel-grid.panel-no-style.full-width, .panel-grid.panel-has-style.full-width {
	max-width: inherit;
	padding: 50px 0;
}
.panel-grid.panel-has-style .panel-no-style, .panel-grid.panel-has-style .panel-has-style {
	margin-bottom: 0 !important;
}
.post-content h2 {
	/* color: #fff; */
	font-size: 2.6rem;
	font-size: 2rem;
	line-height: 1.4;
}
.post-content img {
	padding: 0px;
	border: 1px solid #ddd;
	border: none !important;
	display: block;
}
.post-header, .credits.section {
	display: none;
}
.header.section.bg-white.small-padding {
	display: none;
}
.header-image, ul.mobile-menu {
	background-image: url(/wp-content/uploads/2018/04/hagemeister-painting-1.jpg);
}
.header-image {}
.header-image {
	position: relative;
	margin-top: 0px;
	height: 500px;
	max-height: inherit;
	background-position: center top;
}
.content {
	width: 100%;
	margin: 0;
	float: inherit;
}
.section-inner {
	width: 100%;
	max-width: inherit;
}
.wrapper.section {
	padding: 0
}
.navigation .section-inner {
	max-width: 1400px;
}
.panel-row-style {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.panel-grid .siteorigin-panels-stretch.panel-row-style {
	max-width: inherit;
	margin: 0 auto !important;
	padding: 0 !important;
	max-width: inherit;
}
.widget_siteorigin-panels-builder .panel-grid {
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
	padding: 0;
}
.panel-grid .widget_siteorigin-panels-builder .panel-grid {
	max-width: 1400px;
}
.panel-grid .panel-row-style {
	margin: 0 auto;
}
.sow-features-list .sow-icon-container, .sow-icon-image {
	height: 150px !important;
	width: 150px !important;
}
.post {
	background: none;
	border: none;
}
.section {
	padding: 0 0px 60px;
}
.post-inner {
	width: inherit;
	max-width: inherit;
	padding: 0;
}
.post-header+.post-content {
	margin-top: 50px;
	margin: 0;
}
/*////////////NAVIGATION////////////////////////////////////////////////*/

.navigation {
	border: 0;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	padding: 0px;
	z-index: 1000;
	height: 100px;
	/* background-position: center -80px; */
	background-size: cover;
	height: 80px;
}
.nav-background {
	height: 80px;
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	top: 0;
	overflow: hidden;
}
.nav-background-image {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 500px;
	background-size: cover;
	background-position: top center;
}
.logo-inner {
	position: absolute;
	height: 100%;
	left: 50px;
}
.blog-logo {
	display: block;
	height: 100%;
	padding: 10px;
	max-width: inherit;
}
.blog-logo img {
	display: block;
	max-width: 100%;
	height: auto;
	height: 100%;
}
.header-logo {
	width: 50%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/wp-content/uploads/2018/04/hagemeister-logo.png);
	background-position: center;
	position: absolute;
	max-width: 800px;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 0;
}
.main-menu a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 8px;
	height: 8px;
	/* background: #f5efe3; */
	margin: 0 auto;
	border-radius: 15px;
	top: 0;
	border: 2px solid;
	opacity: 0;
}
.main-menu a:hover:after, .main-menu li.current-menu-item a:after {
	opacity: 1;
}
.main-menu a:hover {
	color: #f5efe3 !important;
}
.main-menu .current-menu-item a {
	color: #f5efe3;
}
.admin-bar .navigation {
	top: 0px;
}
.main-menu {
	font-size: 1.3rem;
	text-align: left;
}
ul.main-menu {
	/* float: right; */
	display: block;
	text-align: center;
}
ul.sub-menu a {
	padding: 20px 20px;
	/* line-height: 60px; */
	height: 60px;
	font-style: inherit;
	font-family: 'DINPro-regular', sans-serif;
}
.main-menu ul li {
	width: 240px;
	background: #09446b;
	text-align: center;
}
.main-menu ul {
	top: 64px;
}
.main-menu>li>ul:before {
	border-bottom-color: #09446b;
}
.main-menu>li:hover>ul {
	top: 64px;
}
li.menu-item-has-children {
	padding-right: 20px;
}
/*.contact {

      float: right;

      height: 80px;

}*/

.main-menu a {
	padding: 20px 10px;
	color: #f5efe3;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.05rem;
}
.navigation.smallHeader .main-menu li {
	margin: 10px 0;
}
.main-menu li:last-child a {
	/*      background: #f8d200;

      color: #212223;

      padding: 10px 20px;

      border-radius: 100px;*/
}
.main-menu li:last-child:hover a {
	/* color: #212223; */
}
.main-menu>li+li:before {
	display: none;
}
.main-menu>li+li {
	margin: 0;
}
.main-menu li {
	display: inline-block;
	position: relative;
	margin: 10px 0;
}
/*////////////CONTENT////////////////////////////////////////////////*/

.wrapper.section {
	padding-top: 0px;
	min-height: 80vh;
}
.post-content {
	font-family: 'PT Sans', sans-serif;
}
.post-content table {
	font-size: 1.1rem;
	max-width: 1000px;
	margin: 20px auto;
}
.post-content th, .post-content td {
	padding: 0;
	border: none;
	background: none !important;
}
.sow-image-container {
	max-width: 1000px;
	margin: 0 auto;
}
/*////////////EVENT////////////////////////////////////////////////*/

.event-title {
	margin-left: 140px;
	height: 100px;
}
.multi-day.event-info {
	margin: 0 0 0 7.5em;
	margin: 0;
}
.filterbar.subsubsub {
	display: none;
}
.event-content td {
	padding: 5px;
}
.event-list .multi-date {
	float: left;
	margin: 0 .4em 1.5em 0;
	/* display: none; */
	position: absolute;
}
.event-list ul.event-list-view .startdate, .event-list ul.event-list-view .enddate {
	text-align: center;
	width: 3.2em;
	border-radius: 5px;
	background-color: #75856630;
	border-radius: 0;
}
ul.event-list-view {
	margin: 10px 40px 10px 0px !important;
}
.event-title a {
	position: none;
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}
ul.event-list-view li.event {
	background: #75856629;
	padding: 10px;
	margin: 0 0 20px;
}
.event-list .enddate {
	margin-left: 0;
}
li.event .event-date {
	margin: 0;
}
li.event .event-date .enddate {
	width: 7em;
	margin: 0;
}
.event-list li.event .multi-date .enddate {
	width: 3.2em;
	margin-left: 3.8em;
}
.event-year {
	display: none;
}
.event-content .panel-layout>.panel-grid, .event-content .panel-layout>.panel-grid>.panel-grid-cell>.so-panel {
	padding: 0;
}
.event-list tr {
	border-top: 1px dotted #c4c2b5;
}
.event-content td {
	padding: 5px;
	min-width: 70px;
	vertical-align: top;
	line-height: 120%;
}
.event-content td p {
	margin-bottom: 0 !important;
	line-height: 120% !important;
}
/*////////////WONDER////////////////////////////////////////////////*/

.amazingcarousel-title {
	text-align: left;
	font-family: 'PT Sans', sans-serif;
	display: none;
}
.amazingcarousel-image {
	padding: 0 !important;
}
.amazingcarousel-list-container {
	margin: 0 0px !important;
}
.amazingcarousel-item-container {
	margin: 0 !important;
}
a.wondercarousellightbox:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 2px solid #fff;
	margin: 10px;
	opacity: 0;
}
a.wondercarousellightbox:hover:after {
	opacity: 0.6;
}
.amazingcarousel-next {
	right: 80px !important;
}
.amazingcarousel-prev {
	left: 80px !important;
}
.amazingcarousel-item-container {
	padding: 0 !important;
	box-shadow: none !important;
	border: none !important;
}
body .amazingcarousel-image>div:last-child {
	display: none !important;
	height: 0;
	overflow: hidden;
	/* background: none !important; */
	border-radius: 0 !important;
	bottom: -20px !important;
}
h3.iw-so-media-box-title, p.iw-so-media-box-content {
	text-align: left !important;
	padding: 0 10px !important;
}
h3.iw-so-media-box-title {
	color: #768667 !important;
}
.iw-so-media-box-media {
	float: left;
	width: 30%;
}
.iw-so-media-box-text {
	float: right;
	width: 70%;
}
.iw-so-media-box-button {
	float: right;
	width: 70%;
}
a.iw-so-media-box-btn {
	background: none !important;
	/* color: aliceblue; */
	/* font-family: 'Dancing Script'; */
	color: #768667 !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left !important;
	display: block !important;
	border: none !important;
	font-size: 1.2rem !important;
	padding: 10px 10px !important;
}
/*////////////FOOTER////////////////////////////////////////////////*/

.footer.bg-white, .footer {
	border: 0;
	margin: 0;
	min-height: 200px;
	padding: 0;
	position: relative;
	background-image: url(/wp-content/uploads/2018/04/hagemeister-painting-2.jpg);
	background-size: cover;
	padding: 40px 0 0;
}
.footer-logo img {
	max-width: 400px;
	margin: 0 auto 20px;
	display: block;
}
.footer .section-inner {
	overflow: hidden;
	max-width: 1200px;
	background: #f5efe4;
	/* margin: 40px auto; */
	border: 10px solid #f5efe3;
	background-image: url(images/bg-texture-black.png);
	padding: 40px 20px;
}
.widget_nav_menu li:before {
	display: none;
}
.footer .td-logo {
	float: none;
}
.footer .widgets {
	width: calc(33.333333% - 10px);
	float: left;
	margin: 10px 5px !important;
	padding: 10px !important;
	background: #F5EFE3;
	border: none !important;
}
.footer .widget-content p {
	font-size: 1.1rem;
	font-family: 'PT Sans', sans-serif;
}
.footer .widget-content a {
	font-family: 'PT Sans', sans-serif;
}
.impress {
	text-align: center;
}
.widget-content {
	padding-bottom: 30px;
}
.widget.widget_sow-editor {
	border: 1px solid #D4D0C5 !important;
	padding: 10px;
	padding-bottom: 30px;
}
.widget-content li a {
	font-size: 1.2rem;
}
.widgets.last {
	float: right;
	/* background: #3d4852; */
	color: #fff;
	padding-top: 60px !important;
}
.widgets.last:after {
	position: absolute;
	content: "";
	background: #3d4852;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50%;
	z-index: -1;
}
.footer .last .widget-content a {
	color: #71db6d;
}
.footer .widgets.first {
	margin-left: 0;
	/* max-width: 370px; */
	height: 100%;
	background: #70d87d;
	/* padding-top: 140px !important; */
	background: #74b955;
	background: -moz-linear-gradient(-45deg, rgba(116, 185, 85, 1) 0, rgba(111, 242, 126, 1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(116, 185, 85, 1) 0, rgba(111, 242, 126, 1) 100%);
	background: linear-gradient(135deg, rgba(116, 185, 85, 1) 0, rgba(111, 242, 126, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74b955', endColorstr='#6ff27e', GradientType=1);
	max-width: inherit;
	width: 100%;
	padding: 100px 30px !important;
}
.widgets.last {
	float: right;
}
.widget_archive li, .widget_categories li, .widget_meta li, .widget_nav_menu li, .widget_pages {
	color: #3d4853;
}
.widget-content li {
	line-height: 140%;
	padding: 12px 0;
	border-bottom: 1px solid #ddd;
	width: 33.33333%;
	border: none;
	float: left;
	padding: 10px 0;
}
@media screen and (min-width: 1141px) {}
@media screen and (max-width: 1800px) {}
@media screen and (max-width: 1600px) {}
@media screen and (max-width: 1500px) {}
@media screen and (max-width: 1400px) {
	html {
		font-size: 95%;
	}
}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {
	body .toggles {
    background: none;
    border: none;
}
	
	.so-widget-sow-image {
		position: relative;
		margin: 0 10px;
	}
	.td-font {
		display: block;
	}
	ul#menu-content-menu {
		text-align: center;
		display: block;
		margin: 0 auto;
		position: absolute;
		bottom: 120px;
		top: inherit;
		right: 0;
	}
	ul#menu-content-menu li {
		text-align: center;
		display: inline-block;
	}
	ul#menu-content-menu li a {
		color: #fff;
		font-size: 2.2rem;
	}
	ul.sub-menu {
		max-height: 0;
		overflow: hidden;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s
	}
	.navigation.open ul.mobile-menu {
		opacity: 1;
		    background: #fff !important;
	}
	.mobile-menu li.open ul.sub-menu {
		max-height: 400px;
		padding-bottom: 20px;
		background: #375265;
	}
	.mobile-menu li ul a {
		font-size: 1.6rem !important;
		padding: 10px 0 !important;
		pointer-events: inherit !important;
		cursor: pointer !important;
	}
	.mobile-menu li.open ul.sub-menu:before {
		content: "";
		left: 0;
		right: 0;
		bottom: 10px;
		height: 1px;
		width: 100px;
		background: #fff;
		margin: 0 auto;
		z-index: 1000;
		position: absolute;
	}
	ul.sub-menu:after {
		font-family: 'ElegantIcons';
		speak: none;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		color: #fff;
		position: absolute;
		content: "\33";
		right: 10px;
		font-size: 2.6rem;
		top: 30px;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s
	}
	.mobile-menu li.open ul.sub-menu:after {
		content: "\4d";
	}
	.inner-menu-mobile .sub-menu li a {
		font-size: 1.3rem;
		width: 100%;
		font-style: inherit;
		text-align: left;
		text-transform: inherit;
		font-family: "Minion-Regular2";
		color: #7299b7;
	}
	.inner-menu-mobile li {
		/* width: 31.3333%; */
		/* float: left; */
		text-align: center;
		/* margin: 0 1%; */
		display: inline-block;
		padding: 0 2vw;
		position: relative;
	}
	ul.mobile-menu .menu-footer-menue-container {
		padding-top: 50px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		background: #2a4253;
		padding-bottom: 50px;
	}
	.mobile-menu .menu-footer-menue-container:after {
		content: "";
		position: absolute;
		left: 0px;
		right: 0;
		top: 2px;
		height: 5px;
		width: 80%;
		margin: 0 auto;
		content: "";
		max-width: 300px;
		background: url(images/bg-wave-2.png);
		display: block;
		margin-top: 10px;
		background-size: contain;
		background-size: 209px 5px;
		-webkit-transition: all 2s ease-out;
		-moz-transition: all 2s ease-out;
		-o-transition: all 2s ease-out;
		transition: all 2s ease-out;
	}
	.navigation {
		position: absolute;
	}
	ul.main-menu {
		display: none;
	}
	.search-toggle.toggle {
		display: none;
	}
	.nav-toggle .bar {
		height: 3px;
		border-radius: 200px !important;
		background: #111;
		border-radius: 2px;
		position: absolute;
		left: 50%;
		margin-left: -15px;
		top: 50%;
		-webkit-transition: opacity .2s linear .2s, margin .2s linear .2s, -webkit-transform .2s linear 0s;
		-moz-transition: opacity .2s linear .2s, margin .2s linear .2s, -moz-transform .2s linear 0s;
		-o-transition: opacity .2s linear .2s, margin .2s linear .2s, -o-transform .2s linear 0s;
		transition: opacity .2s linear .2s, margin .2s linear .2s, transform .2s linear 0s;
	}
	.toggles {
		display: block;
		background: #fff;
		border-top: 1px solid #eee;
		padding: 0 15px;
		float: right;
		background: none;
		border: none;
		height: 60px;
		margin-top: 15px;
		transition: all 1s;
		-moz-transition: all 1s;
		-webkit-transition: all 1s;
		-o-transition: all 1s;
		position: relative;
		z-index: 2;
		margin-right: 30px;
	}
	.html-scrolled .toggles {
		height: 60px;
		margin: 0;
		margin-top: 4px;
	}
	.html-scrolled .nav-toggle.active .bar:nth-child(1), .html-scrolled .nav-toggle.active .bar:nth-child(3) {
		margin-top: -2px;
		width: 40px;
		/* margin-right: 5px; */
	}
	.toggle {
		display: block;
		width: 40px;
		position: relative;
		height: 50px;
	}
	.mobile-menu>li:first-child {
		border-top: 1px solid #eee;
		border: none;
	}
	li.current-menu-item:after {
		display: none;
	}
	.nav-toggle .bar:nth-child(1) {
		margin-top: -15px;
	}
	.nav-toggle .bar:nth-child(2) {
		margin-top: -5px;
	}
	.nav-toggle .bar:nth-child(3) {
		margin-top: 5px;
	}
	.nav-toggle.active .bar:nth-child(1), .nav-toggle.active .bar:nth-child(3) {
		margin-top: -2px;
	}
	.nav-toggle .bar {
		width: 40px;
		background: #fff !important;
	}
	.mobil-m {
		top: 110px;
		background: #2a4254;
		z-index: 1;
		position: fixed;
		top: 0;
		margin-top: 70px;
		left: 0;
		right: 0;
		bottom: 0;
		vertical-align: middle;
		display: flex;
		align-items: center;
		max-height: 0;
		overflow: hidden;
	}
	.navigation.open .mobil-m {
		max-height: 1500px;
	}
	ul.mobile-menu {
		display: block !important;
		width: 100%;
		height: 0 !important;
		padding: inherit !important;
		overflow: hidden;
		position: absolute;
		left: 0;
		right: 0;
		height: 500px !important;
		background-position: center 0px;
		z-index: -1;
		background-size: cover;
		padding-top: 150px !important;
		opacity: 0;
	}
	.mobile-menu li {
		border: none;
		text-align: right;
		position: relative;
	}
	.mobile-menu ul a {}
	.mobile-menu a {
		display: block;
		padding: 20px 5%;
		font-size: .9em;
		color: #111;
		display: inline-block;
		padding: 40px 0;
		color: #111;
		position: relative;
		color: #fff;
		font-size: 1.6rem;
		padding: 15px 40px;
		/* width: 100%; */
		text-align: center;
		display: table;
		margin: 0 auto;
		font-weight: 700;
	}
	.mobile-menu a:hover {}
	.nav-toggle.active .bar {
		background: #ca2017;
		-webkit-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -webkit-transform 0.2s linear 0.2s;
		-moz-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -moz-transform 0.2s linear 0.2s;
		-o-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -o-transform 0.2s linear 0.2s;
		transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, transform 0.2s linear 0.2s;
	}
	.nav-toggle.active .bar:nth-child(1), .nav-toggle.active .bar:nth-child(3) {
		margin-top: -2px;
	}
	.nav-toggle.active .bar:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.nav-toggle.active .bar:nth-child(2) {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
	}
	.nav-toggle.active .bar:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.mobile-menu>li:first-child, .mobile-menu>li:nth-child(5) {
		border-top: 1px solid #eee;
		border: none;
	}
	.navigation ul#menu-footer-menue {
		display: inline-block;
		text-align: center;
		width: 100%;
	}
	.navigation ul#menu-footer-menue li {
		display: inline-block;
		padding: 0 10px;
	}
	.mobile-menu ul a {
		padding-left: 10%;
		padding: 0;
		margin: 0 auto;
		display: block;
		font-size: 2rem;
	}
	.navigation ul#menu-footer-menue a {
		font-size: 1.6rem !important;
		padding: 0;
	}
	.footer .widgets {
		width: 100%;
	}
	.widgets.last:after {
		display: none;
	}
	.widgets.last {
		float: right;
		background: #3d4852;
	}
	.widget-content {
		padding-bottom: 0;
	}
	.widget.widget_sow-editor {
		height: inherit !important;
		padding-bottom: 10px;
	}
	.footer .section-inner {
		max-width: 90%;
		padding: 10px;
	}
}
@media screen and (max-width: 870px) {
	html {
		font-size: 90%;
	}
}
@media screen and (max-width: 800px) {}
@media screen and (max-width: 780px) {
	html {
		font-size: 85%;
	}
	ul.event-list-view {
		margin: 10px 0px 10px 0px !important;
	}
	.sow-features-feature {
		padding: 0 10px !important;
	}
	.sow-features-feature h5, .sow-features-feature p {
		padding: 0;
	}
	.sow-features-list .sow-icon-container, .sow-icon-image {
		height: 120px !important;
		width: 120px !important;
	}
	.sow-features-list .sow-icon-container, .sow-icon-image {
		height: 180px !important;
		width: 180px !important;
		border-radius: 220px !important;
	}
	.sow-features-feature.sow-icon-container-position-top {
		margin: 20px 0 !important;
	}
	.sow-features-feature.sow-icon-container-position-top:nth-child(2) {
		transform: inherit !important;
	}
	.panel-layout>.panel-grid {
		padding: 10px;
	}
}
@media (max-width: 600px) {
	.footer .td-icon, .footer .td-font {
		height: 60px;
		display: block;
	}
	.logo-inner {
		left: 10px;
	}
	.toggles {
		margin-right: 10px;
	}
	.header-logo {
		width: 80%;
	}
	.footer-logo img {
		max-width: 80%;
	}
	.bg .iw-so-media-box {
		margin: 0 20px 40px;
	}
}
@media screen and (max-width: 520px) {
	html {
		font-size: 80%;
	}
}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 321px) {}

/* FCM IT: mobile menu contrast and positioning */
@media screen and (max-width: 1024px) {
    .navigation ul.mobile-menu {
        position: fixed;
        top: 80px;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: calc(100vh - 80px) !important;
        height: calc(100dvh - 80px) !important;
        margin: 0;
        padding: 24px 16px 40px !important;
        box-sizing: border-box;
        z-index: 1;
        visibility: hidden;
        pointer-events: none;
        overflow-y: auto;
        background: #26372b !important;
        background-image: none !important;
    }
    .navigation.open ul.mobile-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        background: #26372b !important;
    }
    .navigation ul.mobile-menu > li {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .navigation ul.mobile-menu a {
        display: block;
        margin: 0;
        padding: 14px 12px;
        color: #f5efe3 !important;
        font-family: 'PT Sans', sans-serif;
        font-size: 1.2rem;
        line-height: 1.5;
    }
    .navigation ul.mobile-menu a:hover,
    .navigation ul.mobile-menu a:focus-visible {
        color: #fff !important;
        text-decoration: underline;
    }
}