/*
Theme Name: GeneratePress Child
Template: generatepress
Author: dezentrale
Version: 3.0
Updated: 2015-10-23 17:00:00
*/




/*------------------------------------------------------------------------------------------------------ */
/* ------------------------------- GENERATE PRESS THEME CUSTOMIZATION ---------------------------------- */
/*------------------------------------------------------------------------------------------------------ */

/*   -------- TYPO / THEME CUSTOMIZATION  -------- */

/* GeneratePress - Headings */
h3 {
    color: #111;
    border-bottom: solid 3px #111;
}

/* Generate Press - table formatting */
td {
    border-width: 0 !important;
}
table {
    border-width: 0 !important;
}

/* Links - GeneratePress ShortcodesUltimate EventManager etc. - see also section "Plugins" for more link modifications */
.entry-content p a, .entry-content li a, .entry-summary a, .comment-content a, .comment-form .logged-in-as a, .su-list a, .su-column-inner a, .su-spoiler-content a, .leaflet-popup-content a, .em-locations-list a, .eventlist-title a, .eventlist-bottom a {
	color: #111;
	box-shadow: inset 0 -0.1rem 0 0 #0052ff;
	transition: box-shadow 0.35s ease-out;
}

/* Exclude Links from styling */
.su-column-inner .location a:link, .su-column-inner .location a:visited {
	box-shadow: none;
}

/* Links - hover effect */
.entry-content p a:hover, .entry-content li a:hover, .entry-summary a:hover, .comment-content a:hover, .comment-form .logged-in-as a:hover, .su-list a:hover, .su-column-inner a:hover, .su-spoiler-content a:hover, .leaflet-popup-content a:hover, .em-locations-list a:hover, .eventlist-title a:hover, .eventlist-bottom a:hover {
	color: #fff !important;
    box-shadow: inset 0 -5.3rem 0 0 #0052ff;
}
.su-column-inner .location a:hover {
    color: #0052ff !important;
	box-shadow: none;
} 

/* blog post overview: title links */
.post .entry-title a {color:#111 !important;}
.post .entry-title a:hover {color:#0052ff !important;}

/* blog post overview: title links */
.entry-summary a.read-more {color:#111 !important; text-decoration:none  !important; box-shadow:none !important;}
.entry-summary a.read-more:hover {color:#0052ff !important;}

/* Links in Top Bar widget */ 
.top-bar a, .top-bar a:active, .top-bar a:visited {
	text-decoration: underline;
}
.top-bar a:hover {
	text-decoration: none !important;
}
  
/* Links in sidebar and footer widgets  */ 
.nolinkdeco a, #custom_html-3 a, #custom_html-4 a, .footer-widgets .textwidget a {
	border-bottom: none !important;
}

.footer-widgets .textwidget a:hover {
	color: #0052ff !important; 
	border-bottom: 1px solid #0052ff !important;	
}

/* Social links to facebook etc. in footer */
.sociallinks ul {
    display: flex;
    flex-direction: row;
    flex-flow: row wrap;
    padding: 0 !important;
    margin: 0 !important;
	clear: both;
}

.sociallinks li {
box-sizing: border-box;
list-style: none !important;
overflow: hidden !important;
margin-right: 2px !important;
padding:6px !important;
text-indent: -5px !important;
width: 36px !important;
height: 36px;
border-radius: 50%; 
background-color:#111 !important;
}

.sociallinks li a, .footer-widgets .textwidget a.shariff-link:hover {
  background-color: transparent !important;  
  border-bottom: none !important;
}

.footer-widgets .textwidget .shariff-link svg {
    fill: #fff;
}

.footer-widgets .textwidget .shariff-link svg:hover {
    fill: #0052ff;
}

/* Shariff Social-Sharing Links below posts and events */
.shariff .theme-round a {
    box-shadow: none !important; /* remove styling inherited from normal list-links */
}
.shariff-button:hover {
    background-color: #0052ff !important;
}

/* Remove formating and underline of images with links */ 
.entry-content a img, .entry-content a:hover img, .entry-content a:visited img, .entry-content a:active img, .transposh_flags a, .transposh_flags a:hover, .loc-img a, .loc-img a:hover, .post-image a img, .post-image a:hover img { 
    background: transparent;
	box-shadow: none !important;
	border-bottom: none !important;
	color: #111;
}

/* Image effects for blog posts - greyscale contrast etc. - transform linked images on hover */
.post-image a img, #page-hero-sticky-image a img { 
	transition: filter 0.3s ease-in-out;
	-webkit-filter: grayscale(0%) contrast(1.2) brightness(1.2); /* Ch 23+, Saf 6.0+, BB 10.0+ */
	filter: grayscale(0%) contrast(1.2) brightness(1.2); /* FF 35+ */
}
.post-image a:hover img, #page-hero-sticky-image a:hover img {
	-webkit-filter: grayscale(100%) contrast(1.2) brightness(1.2); /* Ch 23+, Saf 6.0+, BB 10.0+ */
	filter: grayscale(100%) contrast(1.2) brightness(1.2); /* FF 35+ */
}

/* Exclude header-image of hover-effect */
.header-image {
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	transition: none !important;
	}

/* Distance of paragraphs in Footer */
.footer-widgets p {
    margin-bottom: 0.5em;
}




/*  ---------  NAVIGATION  /  THEME CUSTOMIZATIONS  -------- */

/* corona-spezial bold heading */
.coronaspezial a {
	font-weight: bold !important;
	color: #0052ff !important;
}

/* Customize main- & sub-menu - desktop screens */

@media (min-width: 769px) {
.main-navigation .main-nav ul ul li a {
    padding: 8px 20px 8px 20px;
}

.main-navigation ul ul,
.secondary-navigation ul ul.sub-menu {
	box-shadow: 0px 0px 0px 5px rgba(255,255,255,1); 
}

.main-navigation .sub-menu {
    box-shadow: 0 4px 6px 0px rgba(0,0,0,.1) !important;
    border-bottom: 1px solid #111;
	background-color: #fff;
}
}

/* Create border-bottom for hovered or selected main-menu option */
/* @media (min-width:769px) {
.main-navigation .menu > .menu-item > a::after {
    content: "";
	position: absolute;
	right: 0;
    left: 42%;
    bottom: 22px;
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 0;
    height: 2px;
    background-color: currentColor;
    transition: 0.3s width ease;
}
    .main-navigation .menu > .menu-item.current-menu-item > a::after,
    .main-navigation .menu > .menu-item.current-menu-ancestor > a::after,
    .main-navigation .menu > .menu-item > a:hover::after {
        width: 50%;
}
}*/ 

/* Sticky navigation - shadows and styling when nav is fixed on top */
.sticky-enabled .main-navigation.is_stuck, .sticky-enabled .main-navigation.is_stuck .sub-menu {
    box-shadow: 0 3px 4px -1px rgba(0,0,0,.2) !important;
    border-bottom: 1px solid #111;
	background-color: #fff;
}

/* mobile menu: slideout-off-canvas navigation */ 
.slideout-navigation .sub-menu {
box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.1) !important;
}

@media (max-width:768px) {
.slideout-navigation .main-navigation .main-nav ul ul li a {
    padding: 8px 20px 8px 20px; /* 4711 */
}
}

.inside-header{
  margin-bottom:0px; /*4711*/
  padding-bottom:45px;
}

.slideout-menu .menu-item-154936 a, .slideout-menu .menu-item-154943 a {
	text-transform: uppercase !important;
    margin-left: 20px;
    padding: 15px !important;
    border: solid 1px #000 !important;
    line-height: 20px !important;
    text-align: center;
    border-radius: 30px;
}

.slideout-menu .menu-item-154936, .slideout-menu .menu-item-154943 {
    width: 25% !important;
    display: inline-flex;
	bottom: -40px;
}



/*   -------- SIDEBARS  /  THEME CUSTOMIZATION  -------- */

/* Permanently hide Archives widget and WP search widget in sidebar */
#search.widget, #archives.widget {
    display: none !important ;
}

/* Reformat sidebar for display on mobile devices - e.g. margin widgets to screen */
@media screen and (max-width: 768px) {
	.separate-containers .inside-right-sidebar {
	margin-right: 30px;
	margin-left: 30px;
}
}

/* Make some widgets sticky */ 
@media (min-width: 769px) {
 .site-content {
 display: flex;
 }
.inside-right-sidebar {
 height: 100%;
 }
.inside-right-sidebar .widgetsticky {
 position: -webkit-sticky;
 position: sticky;
 top: 85px;
 }
 }

/* Search widget on top */ 
#text-9 {
	z-index: 1;
}


/*   -------- FORMS, WIDGETS AND BUTTONS  /  THEME CUSTOMIZATION  -------- */

/* Generate Press, ContactForm, etc. - Boxes, widgets and buttons with borders and solid shadows */
.box-border-shadow,  input.button-primary,  .wpcf7-form-control.wpcf7-submit {
	color: #111;
	border: 3px solid #111 !important; 
	background-color: #ffffff !important; 
	-moz-box-shadow: 6px 6px #111 !important; 
	-webkit-box-shadow: 6px 6px #111 !important; 
	-o-box-shadow: 6px 6px #111 !important; 
	box-shadow: 6px 6px #111 !important; 
}

/* Widget background border and box-shadow (border-hack -> looks like shadow with border) */
.sidebar .widget {
	color: #111;
	border: 3px solid #111 !important; 
	-moz-box-shadow: 7px 7px 0px 0px #fff, 7px 7px 0px 1px #111; 
	-webkit-box-shadow: 7px 7px 0px 0px #fff, 7px 7px 0px 1px #111; 
	-o-box-shadow: 7px 7px 0px 0px #fff, 7px 7px 0px 1px #111; 
	box-shadow: 7px 7px 0px 0px #fff, 7px 7px 0px 1px #111; 
	transition: box-shadow 800ms -250ms;
}

.sidebar .widget:hover {
    box-shadow: 7px 7px 0px 0px #111, 7px 7px 0px 1px #111 !important;
}

/* special coloured widget */
.colouredwidget {
	background-color: #111 !important;
	color: #fff !important;
}

.colouredwidget a, .colouredwidget a:hover, .colouredwidget a:active, .colouredwidget a:visited {
	color: #fff !important;
}

/* All forms like event submit form (Event Manager) and search form: style dropdowns, input boxes, etc. */
input, select, textarea {
	border: 3px solid #111 !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	background-color: #ffffff;
}

/* Search form / input field in navigation - when active remove white background of closing icon */
.main-navigation .main-nav ul li.sfHover > a {
background: none;
}


/*   -------- START PAGE / THEME CUSTOMIZATION  -------- */

/* section headings of start page */
.start-section-head h1 {
	line-height:50px;
	border-bottom: 3px solid #111;
	margin-bottom: 6px;
}

/* time of event of startpage */
.startpage_event_time {
	font-weight:bold;
	font-size:18px;
}

/* distance and padding of events on startpage */
#heute p {
	margin-bottom:5px;
}
	
	


/*   -------- BLOG  /  THEME CUSTOMIZATION  -------- */

/* Display of post titles on blog post overview */
.blog .entry-title {
	border-bottom:3px solid #111 !important;
}

/* Display of single standard post on blog post overview page - e.g. post image */
.post-image-above-header .inside-article .post-image {
	margin-bottom: 1.0em !important;
}
.post .entry-summary {
    margin: 1.0em 0 0;
}

/* Display of sticky-post with GP Elements in header/hero of blog post overview page */
#page-hero-sticky-image {
	float: left;
	width: 66%;
}

#page-hero-sticky-content {
	float: right;
	width: 30%;
}

#page-hero-sticky-content h2, #page-hero-sticky-content p {
	background-color: #fff;
    padding: 12px 18px;
} 

/* Hide sticky post in normal blog post loop because it is already displayed in header */ 
article.masonry-brick.sticky {
	display:none;
}

/* Reformat sticky post for display on mobile devices  */
@media screen and (max-width: 768px) {
#page-hero-sticky-image {
    width: 100%  !important;
    clear: both;
	}
#page-hero-sticky-content {
    width: 100%  !important;
    clear: both;
    margin-top: 1.5em;
	float: right !important;
}
}

/* Single blog post header hero - titles */ 
.page-hero h1, .page-hero h2, .page-hero h3, .page-hero h4, .page-hero h5, .page-hero h6 {
    color: #111;
    background-color: #fff;
    display: inline-block;
    padding: 12px 18px;
}

/* style post info box with author date and categories on single post view */
#post-info-box p {
	margin-bottom: 0.25em;
}

#post-info-box {
border-top: 1px solid #111;
padding-top: 17px;
}

/* style category labels on single post view */
.post-category a {
	font-weight:500;
	line-height: 20px;
	border: 3px solid #111;
	padding: 5px 9px;
	margin-right: 10px;
	margin-top: 10px;
	display: inline-block;
	transition: all 0.18s ease-in-out;
}

.post-category a:hover {
	border: 3px solid #0052ff;
	color: #0052ff !important;
}

@media screen and (max-width: 768px) {
	#post-info-box {
	padding:30px;
}
}


/* post meta data: post navigation, categories, comment-links, tags on single posts */
footer.entry-meta, footer.entry-meta a {
    line-height: 2.0;
    opacity: 1.0;
    color: #111;
}


/* footer of posts, events and all custom posts containing links to next and previous posts */
footer.entry-meta {
    margin-bottom: 3.0em;
}
@media screen and (max-width: 768px) {
footer.entry-meta {
    margin-bottom: 0.0em;
}
}


/* Tags below posts - see additional filter in function.php */
.entry-meta .tags-links {
	padding-top:5px;
	padding-bottom:15px;
}

.entry-meta .tags-links a {
    color: #111 !important;
    border: 1px solid #111 !important;
    padding: 0.3em 0.5em 0.3em 0.5em;
    margin: 3px;
    line-height: 1.0 !important;
    transition: all 150ms ease-out !important;
    display: inline-block;
    white-space: nowrap;
}

.entry-meta .tags-links a:hover {
    color: #0052ff !important;
	border: 1px solid  #0052ff !important;
}


/* Post navigation: next / previous post on single posts */
.post-navigation {
    display: flex;
}

.post-navigation .nav-previous {
    width: 50%;
}

.post-navigation .nav-next {
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
	width: 50%;
}

.entry-meta .nav-next .gp-icon {
    margin-right: 0;
    margin-left: .6em;
}









/*   -------- MISC  /  THEME CUSTOMIZATION -------- */

/* Headings h1 h2 h3 h4 h5 h6 misc. */ 
h5 {
    font-weight: bold;
    font-size: 1.0em;
    line-height: 1.5em;
    color: #111;
    border: 3px solid #111;
    display: inline-block;
    padding: 5px 10px;
    margin-top: 20px;
}

/* Generate Press - back to top floating button */
.generate-back-to-top, .generate-back-to-top:visited {
    background-color: rgba( 255,255,255,0.6 );
    color: #111;
    border: solid 3px #111;
	border-radius: 0px;
}

/* Align event decription in lists */
.eventlist-desc {
	text-align: left;
}






/*---------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- PLUGINS CUSTOMIZATION --------------------------------------------- */
/*---------------------------------------------------------------------------------------------------------------- */


/*  -------- EVENTS MANAGER - Event submission / submit events area in frontend -------- */


/* Sub-headings of submission form */ 
	h3.event-form-submitter,h3.event-form-name, h3.event-form-when,  h3.event-form-where,  h3.event-form-details,  h3.event-form-categories, h3.event-form-links, h3.event-form-image, h3.event-form-consent {
		padding-top:25px !important;
		border-bottom: 3px dotted #111;
	}

/* reduce distance of severalelements in form */
	.event-form-when p, .inside.event-form-submitter p, #event-image-img {
		margin-bottom: 5px;
	}

/* NAME/EMAIL of owner/submitter style labels of input fields */
	label[for*="event_owner_email"] {
		display: none !important;
	}
	.inside.event-form-submitter::after {
		color:#999;
		font-size: 85%;
		content: "Wir benötigen eine Emailadresse, falls du über den Status deiner Veranstaltung benachrichtigt werden willst.";
	}

/* TITLE of event - Style input fields for event name and hide explanation text */
	#event-form #event-name {
		width: 97%;
		padding: 15px;
	}
	.em-event-text {
		display: none;
	}

/* WHEN - style jquery date-picker-boxes */
	.ui-widget-header {
		border: 1px solid #111 !important;
		background: #111 !important;
	}
	.ui-widget-content .ui-state-default {
	color: #111 !important;
	}
	.em-date-range input, .em-time-range input {
		margin-bottom: 5px;
		margin-right: 3px;
	}
	label[for*="event_owner_email"], #event-date-explanation, .event-editor label, .event-attributes label {
		color:#999;
		font-size: 85%;
	}
/* WHERE - Section for dropdown physical location / URLs */
/* hide section */
	.em-location-types {
		display: none;
	}

/* WHERE - locations selection box by OSM Open street maps Plugin */
	.em-location-data-select th {
		display: none;
		border: none !important;
	}

	#osm-location-data, .osm-location-table tr > td {  
	padding: 0px !important;
	}
	/* Hide OSM Map in Event Submission form */
	.event-form-where #em-osm-map {
		display: none !important;
	}
	/* Stretch selection box 100% */ 
	.osm-location-table {
		display: table !important;
	}
	#osm-location-table, #location-select-id {
	width: 100% !important;
	}
	.inside.event-form-where .osm-location-map-container::after {
	content: "Veranstaltungsort nicht in der Liste? Dann wähle hier 'Kein Veranstaltungsort' und nutze das Eingabefeld 'Individueller Veranstaltungsort' unten.";
}

/* DETAILS - Editor for event description */
/* Hide unneccesary details and style editor */
#event-form .wp-editor-container {
    border: 3px solid #111;
}
#event-form .wp-editor-tools, #event-form .wp-content-media-buttons {
    display: none;
}
#event-form div.mce-toolbar-grp {
    border-bottom: 3px solid #111;
    background: #ffffff !important;
}

/* ATTRIBUTES - Style event attributes input fields */
	.event-attributes input{
		width: 100%;
		margin-bottom: 10px;
	}
	.event-attributes label {
		display: none !important;
	}
	input[name="em_attributes[Individueller Veranstaltungsort]"]::after{
		content: "Falls der Ort deiner Veranstaltung nicht in obiger Liste geführt wird, kannst du hier Name oder Adresse eines anderen Ortes angeben. In diesem Fall oben bitte 'Kein Veranstaltungsort' wählen.";
		color:#999;
		font-size: 85%;
	}

/* CATEGORIES - Custom Checkbox design */
	/* The container */
	.categories-public-checklist {
		position: relative;
		margin-bottom: 15px;
		margin-right: 15px;
		padding: 0px 3px 0px 30px;
		cursor: pointer;
		display: inline-block;
		font-size: inherit;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	/* Hide the browser's default checkbox */
	.categories-public-checklist input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
		z-index: -1;
	}

	/* Create a custom checkbox */
	.control__indicator {
		position: absolute;
		top: 2px;
		left: 0;
		width: 18px;
		height: 18px;
		border: #111 solid 3px;
		background-color: #ffffff;
	}

	/* On mouse-over, add a grey background color */
	  .categories-public-checklist:hover input ~ .control__indicator {
		background-color: #ccc;
	}

	/* When the checkbox is checked, add a black background */
	.categories-public-checklist input:checked ~ .control__indicator {
		background-color: #111;
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.control__indicator:after {
		content: "";
		position: absolute;
		display: none;
	}

	/* Show the checkmark when checked */
	.categories-public-checklist input:checked ~ .control__indicator:after {
		  display: block;
	}

	/* Style the checkmark/indicator */
	.categories-public-checklist .control__indicator:after {
		left: 5px;
		top: 1px;
		width: 5px;
		height: 10px;
		border: solid #ffffff;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

/* UPLOAD image area - style event image upload area and insert alternative text */
	input#event-image {
		border: none !important;
	}

	.event-form-image label {
		display: none;
	}

	#event-image-img::after {
		content: "Bild hochladen (max. 2 MB: jpg/jpeg/png/gif)";
	}

/* CONSENT - if activated in EM */ 
/* Hide consent's heading if consent/privacy option/checkbox is deactivated in EM */
.event-form-consent {
	display:none; 
}


/*  ----- EVENTS MANAGER - Search Widget and search forms ----- */

/* Customize search widget background and title */ 
/*#text-7 {
	background: url(/wp-content/uploads/2018/04/background_search.png) #ffffff !important;
}
*/

/* Hide widget title of EM Search Widget */
#text-7 .widget-title {
	display: none !important;
}

/* adjusting the "advanced search" button beneath the main input search-widget box in sidebar */
#text-9 .show-advanced {
	margin-right:-14px;
	font-weight:bold;
}

.em-search-advanced {
    padding: 5px 0px 5px 0px !important;
}

.em-search-advanced input, .em-search-advanced select {
	width: 100% !important;
}

.em-events-search-text {
	background-color:#fff !important;
}

/* Hide Search-icon infront of search-term field */  
div.css-search div.em-search-text {
    margin: 0px 0px 0px 0px !important;
	background:none !important;
    margin-top: 1px;
	padding-left: 0px !important;
}

/* Customize background of search form and advanced search */
div.css-search {
	margin: 0px !important;
	padding: 0px !important;
	border: 0px !important;
	background: none;
}	

div.css-search input.em-search-text, div.css-search input.em-search-geo {
	width: 100% !important;
	margin-top: 4px;
}

div.css-search input {
	height: 36px !important;
}

/* Customize advanced search link area */
div.css-search.has-advanced div.em-search-main {
    padding-bottom: 5px;
    /* border-bottom: 1px solid #111; */
	background:none;
	border:0px;
}

/* Customize EM-search-submit button at end of search-term-field */
.em-search-submit, .em-search-submit:hover {
	background: #111 !important;
	border: none !important;
	border-radius: 0px !important;
	position: absolute;
    top: 4px !important;
    right: 0px !important;
}


/*  -------- EVENTS MANAGER - Widgets for locations and event categories -------- */

/* surpress wordwrap for entries in categories widget */
#em_widget-2 ul li{
	font-size: 12px;
	text-transform: uppercase;
	display:inline-block; 
}

/* adjust categories spaces and paddings */
#em_widget-2 li{
	color: #fff !important;
	background-color:#111;
	display:block;
	margin-bottom:10px;
	padding-top:1px;
	padding-bottom:0px;
	letter-spacing: 3px;
}

/* adjust colors of widget links */
#em_widget-2 a {
	color:#fff;
}
#em_widget-2 a:hover{
	color: #0052ff !important;
}
#em_locations_widget-3 ul li{
	font-size: 12px;
	text-transform:uppercase;
}



/*  -------- EVENTS MANAGER - Event listings -------- */

/* Events Manager - hide search box on top of event listing */ 
.inside-article .em-search-wrapper {
	display: none;
}

/* Modify heading of category listings with category image */
.entry-content h1 img {
	padding-right:7px;
	display: inline-block; vertical-align:middle;
}

/* adjust display of date in event listings */
.eventdate h3 {
	font-size: 40px !important;
	line-height: 50px;
	margin-bottom: 0.0em;
	text-align-last: justify;
}

/* adjusting event location in first column */
.su-column-inner .location {
	text-decoration:none !important;
	padding-bottom:1px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	line-height: 1.4em !important;
    display: inline-block;
	padding-top:8px;
}

/* adjusting display of event start time in first column */
.su-column-inner .date {
	font-weight:bold;
	font-size:18px;
	line-height:24px;
}

/* adjusting display of event start time in first column */
.su-column-inner .time {
	font-weight:normal;
	font-size:18px;
	line-height:24px;
}

/* icons for events in first column e.g.repeating events */
@media (min-width: 769px) {
.event-icon {
	font-weight: bold !important;
	font-size: 140%;
	padding-right: 10px;
}
}
@media (max-width: 768px) {
.event-icon {
display: none !important;
}
}


/* adjusting event title in second column*/
.su-column .eventlist-title a {
	font-weight:bold;
	font-size:18px;
}

#em-wrapper .eventlist-title h4, #heute .eventlist-title h4,  .categorynextevents-container h4 {
	margin-bottom:10px;
}

/* event-lists: set distance/padding between each event row - eventlists on statrpage-, all-events-, categories-view */ 
.eventdate {
	padding-top:32px !important;
}

#em-wrapper .su-row, #heute .su-row, .categorynextevents-container .su-row {
	padding-top: 1.2em !important;
	padding-bottom: 1.2em !important;
	margin-bottom: 0.0em !important;
}

/* set hover background color for eventlist rows */
#em-wrapper .su-row:hover {
    background-color: #f9f9f9;
}

/* Display horizontal line after each event */
.eventbottom {
	border-bottom: 1px solid #111;
	margin-bottom: 0px;
	line-height: 0px;
}

/* display of categoriy labels and specials labels in event listings and in widgets*/
.cat-link {
	display:block;
	float:right;
	text-align: right;
}

.event .cat-link {
	float:none;
	text-align: left;
}

.menu-event-kategorien-container li, .menu-event-specials-container li {
	display: inline-block;
}

.cat-link a, .menu-event-kategorien-container li a {
	font-size: 60%;
	border: 0 !important;
	color: #fff !important;
	background:#111;
	letter-spacing: 2px;
	padding: 0.7em 0.7em 0.6em 0.9em;
	text-transform:uppercase;
	line-height: 28px !important;
	box-shadow: none !important; /* remove styling inherited of normal body-text links */
	transition: all 150ms ease-out !important;
}

.menu-event-specials-container li a {
	font-size: 60%;
	border: 1px solid #111 !important;
	border-radius: 20px;
	color: #111 !important;
	letter-spacing: 2px;
	padding: 0.7em 0.7em 0.6em 0.9em;
	text-transform:uppercase;
	line-height: 28px !important;
	box-shadow: none !important; /* remove styling inherited of normal body-text links */
	transition: all 150ms ease-out !important;
}


/* Add additional margin right to next categoory labels in widgets and event listing */
.menu-event-kategorien-container li a, .menu-event-specials-container li a, .cat-link p a {
	margin-right: 5px !important;
}

.menu-event-kategorien-container li a:hover, .menu-event-specials-container li a:hover {color: #fff !important; background: #0052ff !important; box-shadow: none !important; }
.cat-link a:hover, .entry-content .cat-link a:hover {color: #fff !important; background: #0052ff !important; box-shadow: none !important;} /* remove styling inherited of normal body-text links */
.cat-link a:link, .menu-event-kategorien-container li a:link {color:#fff;}
.menu-event-specials-container li a:link {color:#111;}
.cat-link a:visited, .menu-event-kategorien-container li a:visited !important;}
.menu-event-specials-container li a:visited {color:#111 !important;}

/* Modify section at bottom of event-lists */
.eventlist-bottom {
	margin-top: 45px;
	border-top: 1px dashed #111;
	padding-top: 10px;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* Event-list at single location page with next events */
.locationnextevents-container .su-row {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

/* style pagination at bottom of event list */ 
.em-pagination {
	padding-top: 30px !important;
	/* display: inline-block; */
	display: none !important;
}

.em-pagination .page-numbers {
    padding: 9px 14px;
    border: 1px solid #111;
    margin-right: 8px;
	margin-top: 10px;
    display: inline-block;
}

.em-pagination .page-numbers.current {
    border: 2px solid #111;
}

a.page-numbers:hover {
	color: white !important;
	background-color: #111;
}


/*  -------- WP FULL CALENDAR for Events Manager -------- */

/* Font colors and margin of single calendar events */
.fc-event-time, .fc-event-title, .fc-event {
    color: #111 !important;
    padding: 0 2px;
}

/* Titles of columns */
.ui-widget-header {
color: #ffffff;
background: #111;
}

/* Cell border and table border */
.fc-bg td, .fc-day-grid-container { 
	border: 2px solid #111 !important;
}

/* Day/Week view alternating time rows: style all rows with time "xx:30" */
tr[data-time*="30"] td.ui-widget-content {border:1px dashed #111111 !important;}

/* Padding of day numbers to cell border */
.fc-basic-view td.fc-day-number { 
	padding-right: 5px;
}

/* Cells with events inside (so NOT the day number cell) */
.fc-row .fc-content-skeleton tbody td, 
.fc-row .fc-helper-skeleton tbody td {
	border-top: 0; 	/* don't put a border between event cells */
}

/* Dark tooltip style - coloring and removing shadows */
.ui-tooltip {
padding: 0px !important;
box-shadow: none;
-webkit-box-shadow: none;
}
.ui-tooltip-dark .ui-tooltip-titlebar,
.ui-tooltip-dark .ui-tooltip-content{
	border-color: #303030;
    background-color: #111;
	color: #ffffff;
}
.ui-tooltip-dark .ui-tooltip-icon{
		border-color: #444;
}
.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
}
	


/* ------- OPEN STREET MAPS OSM for EventsManager --------- */
#em-osm-map {
	width: 100%;
}
/* Location-popup in Maps */
.leaflet-popup-content p {
    margin: 5px 0;
	line-height: 1.1em !important;
}

/* Credits links in corner of Map and Zoom-In / Zoom-Out and all links in Map-Container */
.leaflet-container a, .leaflet-control-attribution a {
	color: #111 !important;
	border: none;
}



/* ----------- WP SHOW POSTS ------------- */

/* sticky post - see also functions.php and GP Elements

/* Similar posts on bottom/footer of blog posts - see also GP Elements */ 
.wp-show-posts-image.wpsp-image-left {
    margin-right: 0.0em !important;
}

/* Recent posts on start page */
/* Remove all margins inside single post boxes */
.inside-article .wp-show-posts-single .wp-show-posts-entry-header, .inside-article .wp-show-posts-single .wp-show-posts-image {
	margin: 0.0em !important;
}

.inside-article .wp-show-posts-single .wp-show-posts-inner {
    position: relative;
    overflow: hidden;
	border-bottom: 1px solid #111;
}

.inside-article .wp-show-posts-single .wp-show-posts-entry-header .wp-show-posts-entry-title {
    position: relative;
	font-weight:500;
    padding: 0.5em 0.0em !important;
	border: none !important;
}

.inside-article .wp-show-posts-single .wp-show-posts-entry-header .wp-show-posts-entry-meta a {
    position: absolute;
    top: 12px;
    left: 20px;
    border-bottom: 1px solid #fff;
	color: #fff !important;
}

/* Recent posts on start page for desktop devices - hover effect etc. */
@media (min-width:769px) {
	.wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-image:hover img {
		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		transition:all .3s;
		-moz-transform:scale(1.05);
		-webkit-transform:scale(1.05);
		transform:scale(1.05);
	}

	/* Images of recent posts on start page - desktop screens  */
	.wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-image img {
		filter: grayscale(100%) contrast(1.4) brightness(1.4) opacity(0.6); /* FF 35+ */
		-webkit-filter: grayscale(100%) contrast(1.4) brightness(1.4) opacity(0.6); /* Ch 23+, Saf 6.0+, BB 10.0+ */
		min-height: 280px;
		object-fit: cover !important;
		margin: 0.0em !important;
		mix-blend-mode: multiply !important;
	}

	.wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-inner .wp-show-posts-image {
		overflow: hidden;	
		position: relative;
	}

	/* Insert overlay effect - desktop screens */
	.wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-inner .wp-show-posts-image:before {
		opacity: 0.4;
		z-index: 0;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(to bottom, #111 5%, transparent 35%);
		/* mix-blend-mode: multiply !important; */
	}

	/* Display overlay on hover - desktop screens */
	.wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-inner:hover > .wp-show-posts-image {
		opacity: 1;
		background: linear-gradient(to bottom, #0052ff 10%, transparent 60%);
		-webkit-transition:all .5s;
		-moz-transition:all .5s
		transition:all .5s;
	}

	/* Other hovering effects - desktop screens */
	.wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-inner:hover {
	border-bottom: 1px solid #0052ff;
	}

	.wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-inner:hover > .wp-show-posts-entry-header a {
		color: #0052ff;
	}
	
} 

/* Recent posts on start page for mobile devices - special styling, no hover, etc. */
@media (max-width:768px) {
	.inside-article .wp-show-posts-single .wp-show-posts-entry-header .wp-show-posts-entry-title a {
		color: white;
		font-size: 1.5em;
		line-height: 1.1em;
	}
	.inside-article .wp-show-posts-single .wp-show-posts-entry-header .wp-show-posts-entry-title {
		position: absolute;
		font-weight: 500;
		padding: 0.5em 0.0em !important;
		border-bottom: none;
		top: 30px;
		left: 20px;
		color: #fff !important;
		width: 92%;
	}
	
	/* Grayscale images - mobile screens */ 
	.wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-image img {
		filter: grayscale(100%) contrast(1.5) brightness(1.3) opacity(0.6);
		min-height: 280px;
		object-fit: cover !important;
		margin: 0.0em !important;
		mix-blend-mode: multiply;
	}
	
	/* Insert overlay effect - mobile screens */
	.wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-inner .wp-show-posts-image:before {
		opacity: 1;
		z-index: 0;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	    background: linear-gradient(to bottom, #0052ff 10%, transparent 85%);
	}
} 



/*  -------- SHORTCODES ULTIMATE  -------- */

/* Textboxes color and layout */
.su-box {
    border-color: transparent !important;
    border: none !important;
}
.su-box-content {
    padding: 1.2em 1.4em  !important;
}
.su-box-title {
    padding: 0.6em 1.4em  !important;
}
.su-box-content-background-01 .su-box-content {
    background-color: #ffffff !important;
}
.su-box-content-background-02 .su-box-content, .custom-bg-color-02 {
    background-color: #ffffff !important;
}
.su-box-content-background-03 .su-box-content {
    background-color: #ffffff !important;
}

/* Button colors and behavior - see also class ".box-border-shadow" */
.su-button-style-flat {
	margin-right: 14px; /* distance to elements on the right */
	margin-bottom: 10px;
	padding: 8px 5px !important;
}

.su-button-style-flat:hover, input.button-primary:hover {
	transform: translate(4px,4px);
	transition: all 0.05s !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
	background-color: #fff;
	color: #111;
}

/* Customize uttons strechting 100 percent of container, e.g. mobile devices */ 
.su-button-wide {
    margin: 0em !important;
}

/* Remove link-hover-effect for links inside buttons */ 
a.su-button {
	transition: none !important;
}

/* Force font-size in Shortcode Ultimate buttons */ 
.su-button span {
    font-size: 16px !important;
}

/* Adjust size of icon inside button */
.sui {
    font-size: 1.2em !important;
}

/* Style Accordion-Slideout auf FQA FAQ and other pages */
.su-spoiler {
    margin-bottom: 0.2em !important;
}
.su-spoiler-title {
    font-weight: 400 !important;
    font-size: 16px !important;
}


/*  ------- TRANSPOSH TRANSLATION PLUGIN ------- */

/* Navigation menu - l inks for language switch */
/*EN*/
.menu-item-154936 a{
    padding-right: 0px !important;
	padding-left: 20px;
	text-transform: uppercase;
	border-left: 1px solid #000;
}
/*DE*/
.menu-item-154943 a{
    padding-right: 0px !important;text-transform: uppercase;
}

/* Translation plugin formating */
.transposh_flags {
    line-height: 1.2 !important;
}


/*  ------- WP MAINTENANCE MODE (Under Construction Page)  ------- */
.wrap form.subscribe_form input[type="submit"], .wrap form.subscribe_form input[type="text"] {
    padding: 15px !important;
	border: 3px solid #111;
}

/* Vertically center elements */
.wrap h2 {
	margin: 1px !important;
}




/*  ------- MAIL POET (Newsletter Plugin) ----------- */
.footer-widgets .wysija-input, .footer-widgets .wysija-submit.wysija-submit-field {
    border: solid 1px #fff !important;
    background-color: transparent !important;
    color: #fff  !important;
}
.footer-widgets .wysija-submit.wysija-submit-field:hover {
    background-color: #fff !important;
    color: #111  !important;
}
  


/* ------- CONTACT FORM 7 CF7 and POPUP for CONTACT FORM 7 ----------- */
.wpb-pcf-btn.wpb-pcf-btn-small {
    padding: 4px 8px 4px;
    font-weight: 400;
    border: 2px solid #000;
    border-radius: 0px;
    float: right;
}

.wpb-pcf-form-style-true .swal2-popup, .wpb-pcf-form-style-true textarea, .wpb-pcf-form-style-true input, .wpb-pcf-form-style-true input[type="email"], .wpb-pcf-form-style-true input[type="text"] {
	background-color: #fff;
	border-radius: 0px;
}

.wpb-pcf-form-style-true input[type="submit"] {
	border: 3px solid #000 !important;
}

@media screen and (max-width: 768px) {
.swal2-popup {
	width: 90% !important;
	padding: 10px !important;
	top: 70px !important;
	}
}
	
@media screen and (min-width: 769px) {
.swal2-popup {
	width: 60% !important;
	padding: 30px !important;
	top: 40px;
	}
}