/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


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

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

/* Border Screen */
@media only screen and (min-width: 769px) {
body:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 18px;
    width: 100%;
    z-index: 9999;
}
}

/* Headings h1 h2 h3 h4 h5 h6 - check customizer */

/* Heading of single pages and posts */ 

h3 {
    color: var(--bk-01-spot, #7200FF);
    border-bottom: solid 3px var(--bk-01-spot, #7200FF);
}

/* H5 Heading button style */
h5 {
    font-weight: bold;
    font-size: 1.0em;
    line-height: 1.5em;
    color: var(--bk-01-spot, #7200FF);
    border: 3px solid var(--bk-01-spot, #7200FF);
    display: inline-block;
    padding: 5px 10px;
}

/* H6 Heading for Author-Description Referentinnen / Speakers */
h6, .modal-wrapper.styled .wp-post-modal h6 {
    font-size: 1.0em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--bk-01-spot, #7200FF);
	border-bottom: 2px dashed var(--bk-01-spot, #7200FF);
    margin-bottom: 15px;
    margin-top: 25px;
}

/* footer widget typo */
.footer-widgets .widget {
    font-size: 13px;
}


/* 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-bottom a {
  	text-decoration-line: underline;
	text-decoration-style: solid !important;
	text-decoration-thickness: 0.1em;
	/* text-decoration-color: var(--bk-01-spot, #7200FF) !important; */
}

/* Links Eventlisting */
.eventlist-location a:link, .eventlist-location a:visited {
	box-shadow: none;
	text-decoration: none !important;
	color: var(--contrast, #000);
}

.eventlist-title a:link, .eventlist-title a:visited  {
	font-weight: 500;
	font-size: 18px;
	text-decoration-line: underline;
    text-decoration-style: wavy;
	color: var(--bk-01-spot, #7200FF);
}

/* 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 {
  	text-decoration-line: underline;
	text-decoration-style: solid !important; /* wavy */
	text-decoration-thickness: 0.1em;
	text-decoration-color: var(--bk-04-contrast, #FFFC06) !important;
	transition-duration: 0.1s;
	color: var(--bk-04-contrast, #FFFC06) !important;
}
.eventlist-location a:hover {
    color: var(--bk-01-spot, #7200FF) !important;
	box-shadow: none;
	text-decoration: none !important;
} 

/* Exclude SU-button from link styling 
a.su-button {
	text-decoration: none !important;
} */

/* blog post overview: title links */
.post .entry-title a {color:var(--bk-01-spot, #7200FF) !important;}
.post .entry-title a:hover {color:var(--bk-01-spot, #7200FF) !important;}

/* blog post overview: title links */
.entry-summary a.read-more {color:var(--bk-01-spot, #7200FF) !important; text-decoration:none  !important; box-shadow:none !important;}
.entry-summary a.read-more:hover {color:var(--bk-01-spot, #7200FF) !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 widgets  */ 
.sidebar .widget a {
	border-bottom: none !important;
}

/* Links in footer textwidgets */
.footer-widgets .textwidget a {
	border-bottom: none !important;	
}

/* .footer-widgets .textwidget a:hover {
	border-bottom: 1px solid #FFE715 !important; /* wavy */
} */

/* 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:var(--bk-01-spot, #7200FF) !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: var(--bk-01-spot, #7200FF);
}

/* Shariff Social-Sharing Links below posts and events */
.shariff .theme-round a {
    box-shadow: none !important; /* remove styling inherited from normal list-links */
}
.shariff .theme-round a:hover {
    background-color: var(--bk-01-spot, #7200FF);
}

/* 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: var(--bk-01-spot, #7200FF);
}


/* 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  -------- */


/* ALL SCREEN SIZES - customize main- & sub-menu */ 
.main-navigation .menu > .menu-item > a:active, .menu-item a:active, .main-navigation .main-nav ul li[class*="current-menu-"] > a, .main-navigation .main-nav ul li[class*="current-menu-"]:hover > a, .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
	font-weight: 700 !important;
}

/* 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 {
	background-color: #fff;
	z-index: 1000;
}

/* DESKTOP SCREENS - customize main- & sub-menu */

@media (min-width: 700px) {
.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 var(--bk-01-spot, #7200FF);
	background-color: #fff;
}
}



/* MOBILE SCREENS / 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 */
}

button.menu-toggle:hover {
border: none !important;		
}

/* resize small logos in mobile nav bar */
.mobile-header-navigation .site-logo.mobile-header-logo img {
    height: 80px;
}	
	
}



/*   -------- 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 scrren */
@media screen and (max-width: 768px) {
	.separate-containers .inside-right-sidebar {
	margin-right: 30px;
	margin-left: 30px;
}
}



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

/* Generate Press, ContactForm, etc. - Boxes, widgets and buttons with borders and solid shadows */
.sf-button,  input.button-primary,  .wpcf7-form-control.wpcf7-submit {
	color: var(--bk-01-spot, #7200FF);
	border: 3px solid var(--bk-01-spot, #7200FF) !important;
	text-decoration: none;
	/* background-color: #ffffff !important;
	-moz-box-shadow: 6px 6px var(--bk-01-spot, #7200FF, #642f8a) !important; 
	-webkit-box-shadow: 6px 6px var(--bk-01-spot, #7200FF, #642f8a) !important; 
	-o-box-shadow: 6px 6px var(--bk-01-spot, #7200FF, #642f8a) !important; 
	box-shadow: 6px 6px var(--bk-01-spot, #7200FF, #642f8a) !important;*/
}

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

.button-flat {
	margin-right: 14px; /* distance to elements on the right */
	margin-bottom: 10px;
	padding: 6px 8px !important;
	color: var(--bk-01-spot, #7200FF);
    border: 3px solid var(--bk-01-spot, #7200FF) !important;
}

.button-flat:hover, input.button-primary:hover, .wpcf7-form-control.wpcf7-submit:hover {
	color: var(--base-2, #FFF);
	border: 3px solid var(--bk-01-spot, #7200FF) !important; 
	transition: all 0.05s !important;
	/* -moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;*/
}


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

/* special coloured widget */
.colouredwidget {
	background-color: var(--bk-01-spot, #7200FF) !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: 2px solid var(--bk-01-spot, #7200FF) !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;
}

.navigation-search input[type="search"] {
	border: none !important;
}

/*   -------- START PAGE / FRONT LANDING HOME / THEME CUSTOMIZATION  -------- */



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


	


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

/* Display of post titles on blog post overview */
.blog .entry-title {
	border-bottom:3px solid var(--bk-01-spot, #7200FF) !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: var(--bk-01-spot, #7200FF);
    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 var(--bk-01-spot, #7200FF);
padding-top: 17px;
}

/* style category labels on single post view */
.post-category a {
	font-weight:500;
	line-height: 20px;
	border: 2px solid var(--bk-01-spot, #7200FF);
	padding: 5px 9px;
	margin-right: 10px;
	margin-top: 10px;
	display: inline-block;
	transition: all 0.18s ease-in-out;
}

.post-category a:hover {
	border: 2px solid var(--bk-01-spot, #7200FF);
	color: var(--bk-01-spot, #7200FF) !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: var(--bk-01-spot, #7200FF);
}


/* 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: var(--bk-01-spot, #7200FF) !important;
    border: 1px solid var(--bk-01-spot, #7200FF) !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 {
	border: 1px solid  #FFE715 !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 -------- */







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



/* 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: var(--bk-01-spot, #7200FF) 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: var(--bk-01-spot, #7200FF);
	}

	/* 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);
	}



/*  ----- 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 var(--bk-01-spot, #7200FF); */
	background:none;
	border:0px;
}

/* Customize EM-search-submit button at end of search-term-field */
.em-search-submit, .em-search-submit:hover {
	background: var(--bk-01-spot, #7200FF) !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:var(--bk-01-spot, #7200FF);
	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 - effects also display of single events -------- */

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

/* Columns for event listing - reordering on different screen sizes */
		/* Naming of areas / columns of event lists for reordering on different screen sizes */
		#col-date {grid-area: col-date;}
		#col-cat {grid-area: col-cat;}
		#col-desc {grid-area: col-desc;}
		#col-tags {grid-area: col-tags;}
		#col-spacer {grid-area: col-spacer;}

		/* Container for each row of a listing of events - different order and stacks for small / large screens */
		@media ( max-width: 768px) {
		.eventlist-row-wrap {
			display: grid;
			grid-gap: 3px;
			grid-template-columns: 1fr 3fr;
			grid-template-rows: auto auto auto;
			grid-template-areas:
			"col-date	col-desc"
			"col-spacer	col-cat"
			"col-spacer	col-tags";
			margin: 0.6em 0em;
		}
		}

		@media ( min-width: 769px) {
		.eventlist-row-wrap {
			display: grid;
			grid-gap: 10px;
			grid-template-columns: 0.9fr 3fr 1fr 1fr;	
			grid-template-rows: auto;
			grid-template-areas: "col-date col-desc col-tags col-cat";
			margin: 0.6em 0em;
		  }
		}

/* Typo-Adjustments for eventlist */ 
.eventlist-date-heading h3 {
    font-size: 2.0em !important;
    border-bottom-color: var(--bk-01-spot, #7200FF);
    color: var(--bk-01-spot, #7200FF);
	text-align-last: left;
	margin-top: 1.0em;
}

.time {
	font-weight:500;
	font-size:1.0em;
}

.eventlist-title h4 {
	font-size: 1.0em !important;
	margin-bottom: 4px;
}

 #col-date, #col-desc, #col-date a, #col-desc a {
	line-height:1.4em !important;
	font-size:1.0em !important;
}

.eventlist-tags, .cat-link  {
	float: left;
	text-align: left;
}


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

/* adjusting event location in first column */
.eventlist-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:5px;
	color: var(--contrast, #000);
}

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

 

/* adjusting display of event start time in first column */
.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 second column*/


.eventlist-desc {
    padding-top: 5px;
}

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

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

#em-wrapper .su-row, .home .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 
.eventlist-row-wrap:hover {
    background-color: #f9f9f9;
} */

/* Display horizontal line after each event */
.eventbottom, .eventlist-row-wrap {
	border-bottom: 1px solid var(--bk-01-spot, #7200FF);
	margin: 0.5em 0em !important;
    padding-bottom: 0.4em;
}

/* ordering and stacking of category labels and tags in event listings*/
@media ( min-width: 769px) {
.cat-link, .eventlist-tags {
	display:block;
	float:right;
	text-align: right;
}
}
@media ( max-width: 768px) {
.cat-link, .eventlist-tags {
	display:block;
	float:left;
	text-align: left;
}
}

.menu-event-kategorien-container li {
	display: inline-block;
}
	
/* Labels / small buttoons for tags and categories */
.cat-link a, .menu-event-kategorien-container li a, .eventlist-tags a {
	font-size: 60%;
	letter-spacing: 2px;
	padding: 0.4em 0.5em 0.4em 0.7em; /* 0.7em 0.7em 0.6em 0.9em;*/
	text-transform:uppercase;
	text-decoration: none;
	line-height: 24px !important;
	box-shadow: none !important; /* remove styling inherited of normal body-text links */
	transition: all 150ms ease-out !important;
	white-space: nowrap;
}

.eventlist-tags a {
	border: 1px solid var(--bk-01-spot, #7200FF);
	color: var(--bk-01-spot, #7200FF) !important;
	background: transparent;
}

.cat-link a, .menu-event-kategorien-container li a {
	border: 1px solid var(--bk-01-spot, #7200FF);
	color: #fff;
	background:var(--bk-01-spot, #7200FF);
}


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

/* Tags and category-label hover effects */
.eventlist-tags a:hover {
	border: 1px solid var(--bk-01-spot, #7200FF);
	color: var(--bk-01-spot, #7200FF) !important;
	background: var(--bk-01-spot, #7200FF);
}
.menu-event-kategorien-container li a:hover {
	color: #fff !important; 
	background: var(--bk-01-spot, #7200FF) !important; 
	box-shadow: none !important; 
	text-decoration: none;
}
.cat-link a:hover, .entry-content .cat-link a:hover {
	background: var(--bk-01-spot, #7200FF) !important; 
	color: var(--bk-01-spot, #7200FF) !important;
	box-shadow: none !important; 
	text-decoration: none;
} 
/* remove styling inherited of normal body-text links 
.cat-link a:link, .menu-event-kategorien-container li a:link  {color:#fff;text-decoration: none;}
.cat-link a:visited, .menu-event-kategorien-container li a:visited {color:#fff !important;text-decoration: none;}
*/

/* Modify section at bottom of event-lists */
.eventlist-bottom {
	margin-top: 45px;
	padding-top: 10px;
	display: inline-block;
}

/* 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;
}

.em-pagination .page-numbers {
    padding: 9px 14px;
    border: 1px solid var(--bk-01-spot, #7200FF);
    margin-right: 8px;
	margin-top: 10px;
    display: inline-block;
}

.em-pagination .page-numbers.current {
    border: 2px solid var(--bk-01-spot, #7200FF);
}

a.page-numbers:hover {
	color: white !important;
	background-color: var(--bk-01-spot, #7200FF);
}



/*  -------- EVENTS MANAGER - Single Event Display - effects also lists of events -------- */

.sf_singleevent h1 {
	padding-bottom:30px;
}

.sf_singleevent .cat-link, .sf_singleevent .eventinfo, #modal-event .cat-link, #modal-event .eventinfo {
	float:left !important;
	clear:both;
} 

.sf_singleevent .eventimage, .sf_singleevent .eventnotes, #modal-event .eventimage, #modal-event .eventnotes, #modal-event .eventinfo {
	padding-top: 30px !important;
	clear: both;
} 

.sf_singleevent .eventinfo p, #modal-event .eventinfo p {
	margin-bottom: 0em !important;
}

.sf_singleevent .cat-link a, .sf_singleevent .eventlist-tags a, #modal-event .cat-link a, #modal-event .eventlist-tags a {
	margin-right: 5px;
} 

#modal-content h1.entry-title {
    display: block;
}


/* ------- WP POST POPUP - Modal/Popups Customizations ------- */

@media (min-width: 769px) {
.modal-wrapper.styled .wp-post-modal {
    position: relative;
    background-color: #ffffff;
    margin: 20vh auto;
    padding: 40px 60px 40px 40px;
    border: 6px solid var(--st2023-color2, #FFFF66);
    width: 60%;
    transition: all 0.5s ease;
}
}

@media (max-width: 769px) {
	.modal-wrapper.styled .wp-post-modal {
		position: relative;
		background-color: #ffffff;
		margin: auto;
		padding: 25px 25px 25px 25px;
		border: 6px solid var(--st2023-color2, #FFFF66);
		width: 100%;
		transition: all 0.5s ease;
		}
	.modal-wrapper.styled .wp-post-modal .close-modal {	
		position: fixed !important;
		}
}

.modal-wrapper.styled .wp-post-modal h1 {
    font-size: 2.5em;
    margin: 0em 0em 0.5em 0em;
}

.modal-wrapper.styled .wp-post-modal .close-modal {
    background: transparent;
    position: absolute;
    top: -6px;
    right: 10px;
    font-size: 3.0em;
    color: var(--st2022-color4, #642f8a);
    cursor: pointer;
	border: none;
}






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

/* Font colors and margin of single calendar events */
.fc-event-time, .fc-event-title, .fc-event {
    color: var(--bk-01-spot, #7200FF) !important;
    padding: 0 2px;
}

/* Titles of columns */
.ui-widget-header {
color: #ffffff;
background: var(--bk-01-spot, #7200FF);
}

/* Cell border and table border */
.fc-bg td, .fc-day-grid-container { 
	border: 2px solid var(--bk-01-spot, #7200FF) !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 var(--bk-01-spot, #7200FF) !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: var(--bk-01-spot, #7200FF);
	color: #ffffff;
}
.ui-tooltip-dark .ui-tooltip-icon{
		border-color: #444;
}
.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
}
	


/* ------- ADDTOANY - Repairing broken images ----------- */
/* added some code to single-event.php for making this work */

/* Rearrange sharing buttons on buttom */ 
.addtoany_list a img {
    border: 3px solid var(--bk-01-spot, #7200FF) !important;
    display: inline-block;
    background-color: var(--bk-01-spot, #7200FF);
    width: 42px;
    height: 42px;
    margin-right: 8px;
    padding: 3px;
}

.addtoany_list {
	padding: 20px 0px 20px 0px !important;
}

.addtoany_list a {
	padding: 0px !important;
}

.addtoany_list a img:hover {
    background-color: var(--bk-04-contrast, #FFFC06);
	border: 3px solid var(--bk-01-spot, #7200FF) !important;
    opacity: 1.0 !important;
}

.addtoany_list, .eventlist-bottom .button-flat {
    display: inline-block !important;
	flex-flow: nowrap;
}



/* ------- OPEN STREET MAPS OSM for EventsManager --------- */
.em-osm-map {
	width: 100%;
	z-index: 0 !important;
}

/* 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: var(--bk-01-spot, #7200FF) !important;
	border: none;
}






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

/* Button colors and behavior - see also class ".sf-button" */
/* See class ".sf-button" and section "buttons" above */ 



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

/* Navigation menu - links in nav for language switch */
/* EN und DE */

.menu-item-90 a, .menu-item-91 a {
	padding: 9px !important;
	text-transform: uppercase;
	border: 1px solid var(--bk-01-spot, #7200FF);
	border-radius: 20px;
	line-height:20px !important;
	margin-left: 10px;
}

@media (max-width: 769px) {
.menu-item-90 a, .menu-item-91 a {
	margin-left: 30px;
	border-radius: 30px;
	line-height:30px !important;
	}
.menu-item-91 {
		padding-top:20px;
		border-top: 1px solid var(--bk-01-spot, #7200FF);
	}	
}

/* 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 var(--bk-01-spot, #7200FF);
}

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