/*
Theme Name: Kultur Radolfzell
Theme URI: http://creomondo.de
Description: Template für Kultur Radolfzell
Author: Felix Küster
Author URI: http://creomondo.de

*/


@import url("https://use.typekit.net/ttc3ivd.css");

body {
	font-family: ff-meta-web-pro, sans-serif;
	color: #4A4A4A;


}


.meta-navigation {

	position: relative;
	height: 40px;
}

.main-navigation {

}



.meta-select {
	position: absolute;

	padding-top: 20px;
	position: relative;
	max-height: 40px;
	overflow: hidden;
	width: 200px;
	max-width: 65%;
	background-color: #fff;

	z-index: 9999;

	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;

}

.meta-select a { display: block; }

.meta-select ul {
	margin-top: 20px;
}

.meta-select.opened {
	max-width: 100%;
	max-height: 400px;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
}

.meta-select:hover {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
}
.meta-select li {
list-style-type: none;
position: relative;
padding-top: 5px;
padding-bottom: 5px;



}
.meta-select li a:before {
	font-family: "kultur";
	font-style: normal;
	font-weight: normal;

	color: #9b9b9b;

	content: '\e812';
	position: absolute;
	left: -20px;
	width: 15px;
	height: 15px;
}
.meta-select li.active {
	position: absolute;
	top: 0;
	width: 100%;

}


.meta-select.opened ul li.active a::after {

	content: '\E805';

}

.meta-select ul li.active a::after {

	content: '\E80D';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 50px;
	top: 0;

	font-family: "kultur";
	color: #000;
	font-size: 20px;
	opacity: 0;

	-webkit-transition: opacity 0.5s; /* Safari */
 transition: opacity 0.5s;
}

.meta-select ul li.active a:hover::after {
	opacity: 0.3;
}


.meta-select li:not(.active) a:link,
.meta-select li:not(.active) a:visited{
	color: #4A4A4A;
}


.meta-right i {

	font-size: 20px;
}

.meta-right a {
	padding-left: 10px;
	line-height: 24px;
}

.meta-right {
	position: absolute;
	width: 70%;
	right: 0;
	top: 0;
	padding-top: 5px;
	text-align: right;
}

.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-dropdown-click.js-wpml-ls-legacy-dropdown-click {
  float: right;
}

.wpml-ls-legacy-dropdown-click {
  width: 9em;
}

.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
  line-height: 0.8;
}


.logo img {
	width: 189px;
	max-width: 30vw;
	height: auto;
}



.navbar-toggler, .navbar .icon-search {
	color: #000;
	font-size: 2em;


}

.navbar {
	flex-direction: row;
}

#navbar-content {

}


#navbar-content:before {
	content:' ';
	display: block;
	width: 0;
	border-top: 2px #9B9B9B dotted;
	margin-top: 30px;

	-webkit-transition: all 2s; /* Safari prior 6.1 */
  transition: all 2s;

	margin-left: -15px;
	margin-right: -15px;

}

#navbar-content.show:before {
	width: calc(100% + 30px);

	-webkit-transition: all 0.5s; /* Safari prior 6.1 */
	transition: all 0.5s;

}

@media (min-width: 768px) {
#navbar-content:before { display: none; }
}

.navbar-toggler i.icon-menu:before {
content: '\e805';
}

.navbar-toggler.collapsed i.icon-menu:before {
content: '\e80a';
}


/* PADDINGS */


a:link, a:visited {
	text-decoration: none;
}


.main_menu {

	margin-top: 20px;
}

.main_menu li {
	display: inline;
	padding: 5px;
	font-weight: 600;

}


.navbar li:not(.current-menu-item) a:link,
.navbar li:not(.current-menu-item) a:visited{
	color: #4A4A4A!important;
}



.img-responsive {
	max-width: 100%;
	height: auto;
}

.slider .slider-content, .slider-image{ height: 400px;}

.bx-wrapper {
margin-bottom: 0;
padding: 0;
-ms-touch-action: pan-y;
touch-action: pan-y;
-moz-box-shadow: 0 0 0 #ccc;
-webkit-box-shadow: 0 0 0 #ccc;
box-shadow: 0 0 0 #ccc;
border: 0 solid #fff;
background: #fff;
}

/* brand colors */

.fcolor{ color: #eb5b1b; }
.bcolor{ background-color: #eb5b1b; }

.bordercolor{ border-color: #eb5b1b; }

a:link,
a:visited  { color: #eb5b1b; }

input[type='submit'] {
	border: 0;
	background-color: #eb5b1b;
 	color: #fff;
	padding: 7px;
	font-family: ff-meta-web-pro, sans-serif;
}

input:not([type="submit"]), textarea {


	border-radius: 0;
	padding: 5px;
	font-family: ff-meta-web-pro, sans-serif;
  border-color: #eb5b1b;
	border-width: 2px;
	border-style: solid;

	width: 100%;
	font-size: 16px;

}

button {

	color: #fff;
	border-radius: 0;
	padding: 7px;
	font-family: ff-meta-web-pro, sans-serif;
	border: none;
	text-align: center;
	font-size: 16px;

}

.eventlinknocolor {
  color: #4A4A4A !important;

}

button.navbar-toggler { background-color: #fff; }

.milchwerk .fcolor{ color: #848484; }
.milchwerk .bcolor{ background-color: #848484; }
.milchwerk button,
.milchwerk input[type='submit'] { background-color: #848484; }

.milchwerk .bordercolor,
.milchwerk input,
.milchwerk textarea { border-color: #848484; }



.milchwerk a:link,
.milchwerk a:visited  { color: #848484; }


.kulturbuero .fcolor{ color: #eb5b1b; }
.kulturbuero .bcolor{ background-color: #eb5b1b; }
.kulturbuero > .bcolor{ background-color: #eb5b1b!important; }


.kulturbuero button,
.kulturbuero input[type='submit']  { background-color: #eb5b1b; }

.kulturbuero .bordercolor,
.kulturbuero input,
.kulturbuero textarea { border-color: #eb5b1b; }



.kulturbuero a:link,
.kulturbuero a:visited,
.kulturbuero a:hover  { color: #eb5b1b; }


.villabosch .fcolor{ color: #d6a800; }
.villabosch .bcolor{ background-color: #d6a800; }
.villabosch .bcolor{ background-color: #d6a800!important; }

.villabosch button,
.villabosch input[type='submit']{ background-color: #d6a800; }

.villabosch .bordercolor,
.villabosch input,
.villabosch textarea { border-color: #d6a800; }


.villabosch a:link,
.villabosch a:visited,
.villabosch a:hover { color: #d6a800; }

.musikschule .fcolor{ color: #c0181c; }
.musikschule .bcolor{ background-color: #c0181c; }

.musikschule .bcolor{ background-color: #c0181c!important; }

.musikschule button,
.musikschule input[type='submit']{ background-color: #c0181c; }


.musikschule .bordercolor,
.musikschule input,
.musikschule textarea { border-color: #c0181c; }


.musikschule a:link,
.musikschule a:visited,
.musikschule a:hover { color: #c0181c; }


.musikstadt .fcolor{ color: #0c4693; }
.musikstadt .bcolor{ background-color: #0c4693; }

.musikstadt > .bcolor{ background-color: #0c4693!important; }

.musikstadt button,
.musikstadt input[type='submit']{ background-color: #0c4693; }


.musikstadt .bordercolor,
.musikstadt input,
.musikstadt textarea { border-color: #0c4693; }


.musikstadt a:link,
.musikstadt a:visited,
.musikstadt a:hover { color: #0c4693; }


.stadtmuseum .fcolor{ color: #a62841; }
.stadtmuseum .bcolor{ background-color: #a62841; }
.stadtmuseum > .bcolor { background-color: #a62841!important; }

.stadtmuseum button,
.stadtmuseum input[type='submit']{ background-color: #a62841; }

.stadtmuseum .bordercolor,
.stadtmuseum input,
.stadtmuseum textarea { border-color: #a62841; }


.stadtmuseum a:link,
.stadtmuseum a:visited{ color: #a62841; }

.stadtarchiv .fcolor{ color: #a62841; }
.stadtarchiv .bcolor{ background-color: #a62841; }
.stadtarchiv > .bcolor { background-color: #a62841!important; }

.stadtarchiv button,
.stadtarchiv input[type='submit']{ background-color: #a62841; }

.stadtarchiv .bordercolor,
.stadtarchiv input,
.stadtarchiv textarea { border-color: #a62841; }


.stadtarchiv a:link,
.stadtarchiv a:visited{ color: #a62841; }

.stadtbibliothek .fcolor{ color: #bacf18; }
.stadtbibliothek .bcolor{ background-color: #bacf18; }
.stadtbibliothek > .bcolor{ background-color: #bacf18!important; }


.stadtbibliothek button,
.stadtbibliothek input['type=submit'] { background-color: #bacf18; }


.stadtbibliothek .bordercolor,
.stadtbibliothek input,
.stadtbibliothek textarea { border-color: #bacf18; }


.stadtbibliothek a:link,
.stadtbibliothek a:visited{ color: #bacf18; }


.radolfzell1200 .fcolor{ color: #6d7cbc; }
.radolfzell1200 .bcolor{ background-color: #6d7cbc; }
.radolfzell1200 > .bcolor { background-color: #6d7cbc!important; }

.radolfzell1200 button,
.radolfzell1200 input[type='submit']{ background-color: #6d7cbc; }

.radolfzell1200 .bordercolor,
.radolfzell1200 input,
.radolfzell1200 textarea { border-color: #6d7cbc; }


.radolfzell1200 a:link,
.radolfzell1200 a:visited{ color: #6d7cbc; }

.bcolor a:link, .bcolor a:visited { color: #fff;}


.main-navigation button {
	background-color: #fff;
}

/* Headings */

h2 {
	font-size: 24px;

}

h1, h2, h3, h4 { margin-top: 20px; }

.bcolor h2 { color: #fff;}



.meta-right a:link, .meta-right a:visited,
#footer a:link, #footer a:visited,
.sidebar a:visited, .sidebar a:link {
	color: #000;
}


hr {
	border-top: 2px #9B9B9B dotted;
}

/* Slider */

.slider-content {
	color: #fff;
}

.bx-pager.bx-default-pager {
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 20%;
	text-align: left;
}

.bx-controls-direction {
	position: relative;
	width: 80px;
	bottom: 26px;
	left: 25%;
}

.bx-wrapper .bx-next, .bx-wrapper .bx-prev {
	background-image: none;


}

.bx-wrapper .bx-controls-direction a {

}

.bx-wrapper .bx-next:before {
	content: '\e801';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0;
top: 0;
text-indent: 0;
font-family: "kultur";
color: #fff;
font-size: 24px;}

.bx-wrapper .bx-prev::after {
	content: '\e800';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: 0;
	top: 0;
	text-indent: 0;
	font-family: "kultur";
	color: #fff;
	font-size: 24px;}


.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background-color: #fff;
	border: 1px #fff solid;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background-color: transparent;
	border: 1px #fff solid;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}



.clear { clear: both; }

.divider {
	clear: both;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: -10px;
	margin-right: -10px;
	border-bottom: 2px #9B9B9B dotted;
}

.divider.nospacetop {
	margin-top: 0;
}

.divider.nospacebottom {
	margin-bottom: 0;
}

.divider.nospace {
	margin-top: 0;
	margin-bottom: 0;
}

.cat-headline, h3 {
	font-weight: 700;
	font-size: 18px;
}

h4 {
	font-weight: 700;
	font-size: 16px;
}

/* Startseite */
#slider .h1, #startcontent h1, #startcontent h3 {
	margin-top: 0;
}

.slider-content {
	padding-top: 20px;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

a.btn:link, a.btn:visited {
	color: #fff;
 	border-radius: 0; }

.btn:hover {
	filter: brightness(95%);
}

.owl-nav {
	position: absolute;
	top: 30%;
	width: 100%;

}

.owl-nav .owl-next {
	float: right;
	text-indent: -999px;
}
.owl-nav .owl-prev {
	float: left;

	text-indent: -999px;
}

.owl-nav .owl-prev::after {
	content: '\e800';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: -30px;
	top: 0;
	text-indent: 0;
	font-family: "kultur";
	color: #ccc;
	font-size: 24px;
}

.owl-nav .owl-next::after {
	content: '\e801';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: -30px;
	top: 0;
	text-indent: 0;
	font-family: "kultur";
	color: #ccc;
	font-size: 24px;
}




/* Footer Styling */

#footer h3 {
	font-size: 16px;
}

#footer ul { padding: 0; padding-bottom: 20px;}

#footer ul li { list-style-type: none; padding-bottom: 10px;}

#footer button, #footer input {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}



.headerimage {
	width: 100%;
	height: auto;

}

.hdi-container {
	margin-bottom: 60px;
}

/* Landing Page */

.img-landing {
	width: 100%;
	height: 210px;
	object-fit: cover;
}



.lbox img {
	filter: grayscale(100%);

	-webkit-transition: all 0.5s; /* Safari */
  transition: all 0.5s;
}


.lbox h2 {
	margin-top: 0;
}

.lbox:hover img {
	filter: grayscale(0%);
}
.lbox:hover>div {
	/* box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); */
}
/* Map */

.acf-map {
 width: 100%;
 height: 200px;
 border: #ccc solid 1px;
 margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
	 max-width: inherit !important;
}

.boxfooter .divider {
	margin-left: 0;
	margin-right: 0;
}

.boxfooter {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;

}


/* THE EVENT CALENDAR */
.tribe-events-view-loader {
	display: none;
}

.tribe-events-header {
	display: none;
}

.tribe-common-c-svgicon--featured {
	width: 14px;
}


.tribe-common-c-svgicon--featured path{
	fill:#848484;
}


.tribe-events-c-nav__list {
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	align-items: center;
}

.tribe-common-b1--min-medium {
	background-color: transparent!important;
	color: #ccc;
}


.tribe-events-c-subscribe-dropdown {
	display: none;
}

.tribe-events-c-nav__list svg {
	width: 8px;
	margin: 5px;
}
@media (max-width: 920px) {

.tribe-events-c-nav__list-item--today {
	display: none;
}
}

.tribe-events-calendar-list__event-wrapper .tribe-events-calendar-list__event {
	display: flex;
	flex-direction: row;
	gap: 30px;
	margin-bottom: 30px;
	margin-top: 30px;
}
.tribe-events-calendar-list__event-featured-image-wrapper {
	flex-basis: 30%;
}

.tribe-events-calendar-list__event-details {
	flex-basis: 70%;
}


.tribe-events-calendar-list__month-separator {
	border-bottom: 2px #9B9B9B dotted;
}

.tribe-events input[type='submit'] {
	background-color: transparent!important;
}

.tribe-events .tribe-events-calendar-day__event-featured-image-link, .tribe-events .tribe-events-calendar-list__event-featured-image {
	width: 100%;
	aspect-ratio: 1 / 1;
	aspect-ratio: 1;

	object-fit: cover;
}



#tribe-events-footer  {
	border-top: 2px #9B9B9B dotted;
}

.tribe-events-single-section {
	border-top: 2px #9B9B9B dotted;
}
.tribe-events-sub-nav {
	padding-left: 0!important; 
}

.tribe-events-sub-nav li {
	list-style-type: none!important
}

#tribe-events-pg-template, .tribe-events-l-container {
	padding: 0!important;
	margin: 0!important;
	max-width: 100%!important;
}

.tribe-events-list-separator-month {
	background-color: #fff;
	border-bottom: 2px #9B9B9B dotted;
	border-top: 2px #9B9B9B dotted;
}


.tribe-events-calendar-list__event-row {
	border-bottom: 2px #9B9B9B dotted;

}

.tribe-events-calendar-list__event-date-tag {
	display: none; 
}


.tribe-events-list .type-tribe_events {
	border-bottom: 2px #9B9B9B dotted;
}

.tribe-events-single-section {
	width: 100%!important;
}



/* Forms */
.accordion-title:focus{ outline: none; }

h3.accordion-title {
	padding-top: 20px;
}

h3.accordion-title.open {
	border-top: 2px #9B9B9B dotted;
	padding: 12px 12px 0 12px;
}

.accordion-content {
	border-bottom: 2px #9B9B9B dotted;
	padding: 0 12px 12px 12px;
}

.accordion-title::before {
	content: '';
	font-family: "kultur";
}

h3.accordion-title.open::before  {
	content:' ';
}

.icon-before {
	position: relative;
	margin-bottom: 10px;
	margin-left: 25px;
}

.icon-before::before {
	position: absolute;
	left: -25px;
	top: 5px;
}

@media (max-width: 768px) {

	.navbar-toggler {
	margin-left: 0;
	margin-right: 0;

	padding-left: 0;
	padding-right: 0;

	}



	.gallery-item .wp-caption-text { display: block; }

	h1 { font-size: 2	em; }

	.single .tribe-events-sub-nav { display: none; }



 }


.copyright {
	color: #fff;
	text-shadow: 0px 0px 2px #000000;
	position: absolute;
	right: 30px;
	bottom: 10px;
}


.wp-caption { max-width: 100%!important; }

.wp-caption > img { max-width: 100%; height: auto; }

.alignleft { float: left; }

.alignright { float: right; }


/* CF 7 Styling */





.wpcf7-form .wpcf7-radio {

}

.wpcf7 .wpcf7-list-item input[type=checkbox]{
	display: inline;
	width: auto;
}

.wpcf7-form .wpcf7-radio label {
  position: relative;
  cursor: pointer;
}

.wpcf7-form .wpcf7-radio input[type=radio] {
	position: relative;
  visibility: hidden;
}

.wpcf7-form .wpcf7-radio input[type=radio] + span {
/*   border: 3px solid red;  */
}

.tribe-events-event-image img {
	max-width: 100%;
	height: auto;
}