/*
 Theme Name:   JointsWPChild
 Description:  Child Theme
 Author:       Anika Strobach
 Author URI:   https://stroberry.de
 Template:     JointsWP-CSS-master
 Version:      1.0
 Text Domain:   JointsWPChild
*/
/******************************************************************
Theme Name: JointsWP - CSS
Theme URI: http://www.jointswp.com
Description: Anpassung Design Kreuzberg-Festival
Author: Anika Strobach
Author URI: https://www.stroberry.de
Version: 4.0
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass
******************************************************************/

/* fonts css einbinden */
@import url('fonts.css');


body, header, footer, button, input, select, textarea, p, li{
	font-family: 'Asap Condensed', sans-serif !important;
	font-weight: 400;
	font-size: 18px;
	font-size: 1.125rem;
	color: rgb(30, 74, 84);
	/*-webkit-text-stroke: 1px rgba(0,0,0,.2);  um die Artefakte der Schrift in Win zu verhindern */
}

/* Ueberschriften */
h1, h2, h3, h4, h5, h6, h1.page-title, h1.entry-title {
	font-family: 'Asap Condensed', sans-serif !important;
	font-weight: 500;
}
h1, h1.page-title, h1.entry-title {
	font-size: 40px;
	font-size: 2.5rem;
	color: rgb(43,107,123);
	color: #3D348B;
	color: #005A7C;
	text-transform: uppercase;
	border-bottom: 1px solid #FF7D17;
	padding-bottom: .1em;
	margin-bottom: .6em;
}
.home h1.page-title {
	font-size: 3rem;
}
@media screen and (max-width: 40em) {
	h1, h1.page-title, h1.entry-title {
		font-size: 30px !important;
	}
	.h2, h2, .h2 a, h2 a {
	font-size: 24px !important;
	}
}
.h2, h2, .h2 a, h2 a {
	font-size: 1.75rem !important;
	color: rgb(43,107,123) !important;
	font-weight: 300 !important;
	
}
.h3, h3, .h3 a, h3 a {
	font-size: 1.5rem !important;
	font-weight: 300 !important;
	
}
.h4, h4, .h4 a, h4 a {
	font-size: 1.25rem;
	font-weight: 300 !important;
}
h4.widgettitle {
	font-size: 1.5em;
}
.h5, h5, .h5 a, h5 a {
	font-size: 1.125rem !important;
}
.h6, h6, .h6 a, h6 a {
	font-size: 1rem !important;
}
/* Button */
button {
	cursor: pointer;
}
/* Links */
a:link, a:visited, a:active, a:focus {
	color: rgb(255, 108, 0);
	color: #F35B04;
	color: #062440;
	color: #005A7C;
	font-weight: 600;
}
a:hover {
	color: rgb(55, 141, 162);
	color: #FF7D17 !important;
	}
.feat {
	font-size: 80%;
}
/* Clear */
.clear {
	clear: both;
}
/* Off Canvas */
.off-canvas {
	padding-top: 3em;
}
.off-canvas ul.menu ul.submenu li {
	padding-left: 2em;
}
 /*Top-bar */
header.header .top-bar, header.header .top-bar ul {
	background: rgb(232, 227, 200);
	background: #F35B04; 
	background: #05AFF2;
	background: #005A7C;
	
}
/*
#top-bar-menu .top-bar-left {
	flex-grow: 0 !important;
}

#top-bar-menu .top-bar-left .menu {
	flex-direction: column;
}

#top-bar-menu .top-bar-right {
	flex-grow: 0 !important;
}
*/
@media screen and (max-width: 63.9375em) {
	header.header .top-bar {
		
		padding-left: 0;
		padding-right: 0;
	}
/* Top-bar-groesse in small */
	header.header .top-bar .top-bar-left {
		flex-basis: 80%;
	}
header.header .top-bar .top-bar-right {
		flex-basis: 10%;
		margin-right: 1em;
	}
}
/* Logo, Titel und Description */
header.header .top-bar .logo {
	max-width: 100px;
	padding-left: .8em;
}
@media screen and (max-width: 63.9375em) and (min-width: 40em){
	header.header .top-bar .logo {
	max-width: 130px;
	padding-left: 1em;
}
}
@media screen and (min-width: 64em){
	header.header .top-bar .logo {
	max-width: 210px;
	padding-left: 1em;
}
}
header.header .top-bar ul {
    align-items: center;
}
header.header .top-bar .claim a {
	font-family: 'Asap Condensed', Sans-serif;
	font-size: 46px;
	font-weight: 400;
	line-height: 1;
	color: rgb(43,107,123);
	color: rgb(255, 255, 255);
	color: #FFA61C;
	padding-bottom: 0;
}
header.header .top-bar span.description {
	font-size: 28px;
	color: rgb(255, 255, 255);
	color: #87B9F5;
	padding: 0 1rem;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
		header.header .top-bar .claim a {
	font-size: 40px;
}
	header.header .top-bar span.description {
	font-size: 24px;
}
}
@media screen and (min-width: 24.5em) and (max-width: 39.9375em) {
header.header .top-bar .claim a {
	font-size: 24px;
}
	header.header .top-bar span.description {
	font-size: 14px;
}
}
@media screen and (max-width: 24.49375em) {
header.header .top-bar .claim a {
	font-size: 16px;
    line-height: .4;
}
	header.header .top-bar span.description {
	font-size: 10px;
}
}
/* Button und Link */
header.header .top-bar .hide-for-large ul.menu {
	align-items: center;
justify-content: flex-end;
}
header.header .top-bar button.menu-icon::after {
	background: rgb(255,108,0);
	background: rgb(255, 255, 255);
	-webkit-box-shadow: 0 7px 0 rgb(255,108,0),0 14px 0 rgb(255,108,0);
	box-shadow: 0 7px 0 rgb(255,108,0),0 14px 0 rgb(255,108,0);
	box-shadow: 0 7px 0 rgb(255,255,255),0 14px 0 rgb(255,255,255);
}
header.header .top-bar button.menu-icon:hover::after {
	background: rgb(55, 141, 162);
	-webkit-box-shadow: 0 7px 0 rgb(55, 141, 162),0 14px 0 rgb(55, 141, 162);
	box-shadow: 0 7px 0 rgb(55, 141, 162),0 14px 0 rgb(55, 141, 162);
}

header.header ul.menu li a::after {
		color: rgb(255,108,0);
	}

/* Headerbild Abstand und in voller Breite */
header .header-image {
	margin-top: .05em;
	margin-bottom: 2em;
}
@media screen and (max-width: 39.9375em) {
header .header-image {
	margin-bottom: .5em;
}
}
header .header-image img {
	width: 100%;
}
header .header-image-wrapper {
    /*background: rgb(232, 227, 200);
    margin-bottom: 1em;*/
}

/* Hauptnavigation */
header ul.dropdown.menu a {
	font-family: 'Asap Condensed', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .03em;
	padding-left: .6em;
	padding-right: .6em;
}
header ul.dropdown.menu a:link, header ul.dropdown.menu a:visited, header ul.dropdown.menu a:active, header ul.dropdown.menu a:focus {
	color: rgb(37, 96, 109);
	color: rgb(255, 255, 255);
}
header ul.dropdown.menu a:hover, header ul.dropdown.menu li.current-menu-item a, header ul.dropdown.menu li.current_page_parent a {
	color: rgb(255, 108, 0);
	}

/* Pfeil aendern */

header .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:hover::after {
		border-color: rgb(255, 108, 0) transparent transparent;
	}
header .dropdown.menu.medium-horizontal > li.active > a::after {
		border-color: rgb(255, 108, 0) transparent transparent;
	}
/* Submenu */
header ul.dropdown.menu ul.submenu li a {
	color: rgb(55, 141, 162);
	padding-left: 2.3em;
	font-size: 14px;
}
/* Erster Menupunkt */
header ul.dropdown.menu li:first-of-type ul.submenu li a {
	padding-left: .8em;
	font-size: 14px;
}
header .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu,
header .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu,
header .dropdown.menu > li.opens-left > .is-dropdown-submenu{
	right: auto;
}
header ul.dropdown.menu ul.submenu li a:hover, header ul.dropdown.menu ul.submenu li.current-menu-item a  {
	color: rgb(255, 108, 0);
}

header .menu .active > a {
	color: rgb(255, 108, 0);
	background: transparent;
} 

/* Inhaltsbereich */
.content {
	padding-top: .5em;
	padding-bottom: 2em;
}
/* kleinere Schrift */
.small {
	font-size: 80%;
}

/* Startseite */
.home section.entry-content {
}
.home section.entry-content h2, .home section.entry-content p, h3, .home section.entry-content li {
	color: rgb(30, 74, 84) !important;
	color: #444 !important;
	letter-spacing: .01rem;
}
.home h3 {
	padding-bottom: .5em;
}

/* Ticker */
.home main .ticker {
	padding: 1rem;
	border: 3px groove rgba(43,107,123, .3);
	border-radius: 8px;
	margin-bottom: 1rem;
}

.home main ul.lcp_catlist li a::before {
	content: '';
	padding-right: 0em;
	padding-left: 0em;
}
.home main ul.lcp_catlist li a::after {
	content: '';
  padding-right: 0em;
  padding-left: 0em;
}
.home main ul.lcp_catlist li {
	font-size: 1.25rem;
}
.home main ul.lcp_catlist li  .lcp_content {
		font-size: 1.125rem;
	line-height: 1.3;
	}
@media screen and (min-width: 40em){
.home main ul.lcp_catlist li {
	font-size: 1.25rem;
}
	.home main ul.lcp_catlist li .lcp_content {
		font-size: 1.125rem;
	}
}
@media screen and (min-width: 64em){

	.home main ul.lcp_catlist li .lcp_content {
		font-size: 1.25rem;
	}
}


/*Button auf Startseite 
.home .programm.button {
  background-color: rgb(43,107,123);
  border: 5px solid #dfdcc7;
  color: rgb(255,255,255);
  padding: 10px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.5em;
  border-radius: 20px;
	transition: background-color 1s ease;
	margin: .5em 0 .8em;
}
.home .programm.button:hover {
background-color: rgb(255, 108, 0);
  color: rgb(255,255,255);
	
}
.home .wp-block-button__link {
	background: none;
}
@media screen and (min-width: 40em) {
	.home .programm.button {
		padding: 15px 8px;
		font-size: 1.75em;
		margin: 0.5em 0 1.5em;
	}
}
*/
/* Bands auf der Startseite
.home .highlights_02 {
	font-size: 1.6em;
	line-height: 1.2;
	padding-bottom: .8em;
	text-align: justify;
}
.home .highlights_03 {
	font-size: 1em;
	text-align: justify;
}
.home .highlights_02 a:visited, .home .highlights_03 a:visited {
	color: #0a0a0a;
	}
.home .highlights_02 a:hover, .home .highlights_03 a:hover {
color: rgb(255, 108, 0);
}
.home h2 {
	margin-top: 1em;
	margin-bottom: 1em;
	letter-spacing: .01rem;
} */
/* Posts */
article.post {
	border-top: .2em solid rgb(223, 220, 199);
	border-image: 100% 0 0 linear-gradient(90deg, rgb(223, 220, 199) 6em, transparent 0);
	padding-top: 1em;
}
article.post:first-of-type {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}
main p.byline {
	font-style: italic;
	font-size: .75rem;
}
/* Bandseite */
.bandsite .dist-top {
	padding-top: 1em;
}
.bandsite .dist-bottom {
	padding-bottom: 1em;
}
.bandsite figcaption {
	font-size: 12px;
	font-size: .75em;
	color: rgba(0, 0, 0, .5);
	padding-top: .5em;
	padding-bottom: 1em;
}
/* Galerie */
.gallery {
	max-width: none !important;
}
@media screen and (max-width: 63.9375em) {
	.gallery.gallery-columns-4 > dl {
		width: 50% !important;
	}
}
@media screen and (max-width: 39.9375em) {
.gallery.gallery-columns-4 > dl {
		width: 100% !important;
	}
}
/* Logos bei Balkan Spirit */
#gallery-1 img {
	border: none !important;
}
/* Formulare */
/* Nummernfeld kleiner */
.wpcf7 [type="button"], .wpcf7 [type="submit"] {
	padding: 8px;
}

.wpcf7 input.zahl-4 {
	max-width: 4em;
}
.wpcf7 input.zahl-10 {
	max-width: 10em;
}

/* Zahl neben label*/
.wpcf7 input.zahl-4 {
	display: inline;
}
/* AGBs nicht eingerückt */
.wpcf7-list-item.first.last {
	margin-left: 0;
}
.agb .wpcf7-list-item input {
	margin-right: 10px;
}

/* Asterix */
.wpcf7 .asterix {
    color: rgb(255, 108, 0);
    font-size: 22px;
}
/* Catlist */
main ul.lcp_catlist {
	list-style: none;
	margin-left: 0;
}
@media screen and (min-width: 40em) {
main .lcp_customfield {
	display: inline;
}
		main ul.lcp_catlist > li > div.lcp-customfield {
	display: inline;
}
}
/* Reihenfolge ändern */
main ul.lcp_catlist > li > div.lcp-customfield:first-of-type {
	float: left;
}
	main ul.lcp_catlist > li > div.lcp-customfield:first-of-type::after {
	content: 'Uhr';
		padding-left:3px;
}
	main ul.lcp_catlist > li > div.lcp-customfield {

}

main ul.lcp_catlist li a:before, main ul.lcp_catlist li a:after {
	content: '|';
	padding-right: 1em;
	padding-left: 1em;
}

@media screen and (max-width:39.9375em) {
		main ul.lcp_catlist > li > div.lcp-customfield {
	display: table;
}
	ul.lcp_catlist li {
		padding-bottom: .5em;
	}
}
/* Liste aller Bands */
.page-id-794 main ul.lcp_catlist li a:before, .page-id-794 main ul.lcp_catlist li a:after {
	content: '';
	padding-right: 0;
	padding-left: 0;
}
main .lcp_customfield:first-of-type:after {
	content: 'Uhr';
	padding-left: 5px;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	main ul.lcp_catlist li a:before, main ul.lcp_catlist li a:after {
	padding-right: .5em;
	padding-left: .5em;
}
}
@media screen and (max-width: 39.9375em) {
	main ul.lcp_catlist li a:before, main ul.lcp_catlist li a:after {
	padding-right: .3em;
	padding-left: .3em;
}
	main .lcp_customfield:first-of-type:after {
	padding-left: 3px;
}
}

/* Sidebar */
/* Catlist */
.sidebar ul.lcp_catlist a:first-of-type, .sidebar ul.lcp_catlist + a:first-of-type {
	display: block;
} 

.sidebar ul.lcp_catlist span.datum, .sidebar ul.lcp_catlist a:last-of-type  {
	display: block;
	font-size: 14px;
	font-size: .875em;
	font-style: italic;
}
.sidebar ul.lcp_catlist li {
	padding-bottom: 1.5em;
}
.home .widget {
    padding-bottom: 1em;
}
@media screen and (max-width: 39.9375em) {
	.widget {
		border-bottom: 1px solid #cfcaaa;
		padding-bottom: 1em;
		margin-bottom: 1em;
        margin-top: 2em;
	}
/* um in small die oberste Linie zu deaktivieren */
#nav_menu-6.widget {
		border-top: none;
	}
}
/* Sidebar Navigation */
@media screen and (max-width: 39.9375em) {
	.sidebar .widget_nav_menu {
		display: none;
	}
}
/* Um die Punkte untereinander anzuzeigen: flex aufheben */
.sidebar .widget_nav_menu ul.menu {
	display: block;
	margin-bottom: 1em;
	}
.sidebar .widget_nav_menu a:link, .sidebar .widget_nav_menu a:visited, .sidebar .widget_nav_menu a:active, .sidebar .widget_nav_menu a:focus {
	color: #1468a0;
}
.sidebar .widget_nav_menu .active > a, .sidebar .widget_nav_menu a:hover  {
	background: none;
	color: rgb(255, 108, 0);
	color: #FF7D17;
}
.sidebar .widget_nav_menu a {
	padding-left: 0;
	padding-right: 0;
	display: block;
}
.sidebar .widget_custom_html {
	margin-bottom: 1em;
}

/* Fussbereich */
footer.footer {
	background: #dfdcc7;
	background: #F35B04;
	background: #FFA61C;
	background: #062440;
	padding: 2em 0 1em;
	border-bottom: 1px solid #F7B801;
	border-top: 1px solid #F7B801;
}
footer .inner-footer {
	max-width: 112rem;
	margin: 0 auto;
}
footer.footer p.copyright {
	padding-top: .7em;
}
@media screen and (min-width: 40em) {
footer.footer ul.menu {
	display: block;
	float: left;
}
}
footer.footer h3.widget-title {
	color: #87B9F5 !important;
}
footer.footer ul.menu a:link, footer.footer ul.menu a:visited, footer.footer ul.menu a:active, footer.footer ul.menu a:focus {
	font-size: 14px;
	text-transform: uppercase;
	padding-left: 0;
	color: rgb(55, 141, 162);
	color: rgba(0, 0, 0, .8);
	color: #FFA61C;
	font-weight: bold;
}

footer.footer ul.menu a:hover, footer.footer ul.menu .active > a {
	background: none;
	color: rgb(255, 108, 0);

}
@media screen and (max-width: 39.9375em) {
	footer.footer ul.menu li:first-child a {
		padding-left: 0;
	}
	footer.footer {
	padding-top: .5em ;
}
	footer.footer ul.menu {
		flex-direction: column;
	}
}

/* Footer Facebook, Twitter, Instagram, YT */
footer.footer ul#menu-footermenue li:first-child a::before {
	font-family: 'dashicons';
	content: "\f304";
	font-size: 20px;
	padding-right: 3px;
	vertical-align: bottom;
}
footer.footer ul#menu-footermenue li:nth-child(2) a::before {
	font-family: 'dashicons';
	content: "\f301";
	font-size: 20px;
	padding-right: 3px;
	vertical-align: bottom;
}
footer.footer ul#menu-footermenue li:nth-child(3) a::before {
	font-family: 'dashicons';
	content: "\f12d";
	font-size: 20px;
	padding-right: 3px;
	vertical-align: bottom;
}
footer.footer ul#menu-footermenue li:nth-child(4) a::before {
	font-family: 'dashicons';
	content: "\f196";
	font-size: 20px;
	padding-right: 3px;
	vertical-align: bottom;
}
footer.footer ul#menu-footermenue li:nth-child(5) a::before {
	font-family: 'dashicons';
	content: "\f19b";
	font-size: 20px;
	padding-right: 3px;
	vertical-align: bottom;
}
/* pdf print */
@media print {
	body {
	font-size: 11px;
	font-family: Calibri, sans-serif !important;
	}
	/*.wpcf7-form-control.wpcf7-text {
		display: none;
	}*/
}
/* Printbutton */
div.printomatic {
	float: left;
	margin-top: 5px;
}
div.printomatictext {
	float: left;
	padding-left: .5em;
	color: rgb(255, 108, 0);
}
div.printomatictext:hover {
	color: rgb(55, 141, 162);
	text-decoration: none;
	}

.field-still-secret {
	opacity: 0.8;
	font-style: italic;
	font-size: 0.9em;
}