/*
 Theme Name:   musicboard20
 Theme URI:    https://musicboard-berlin.de
 Description:  Musicboard 2020 Theme
 Author:       Davide Crivelli
 Author URI:   https://davidecrivelli.com
 Template:     generatepress
 Version:      0.1
*/


@font-face{
        font-family:"Helvetica Neue LT W05_47 Lt Cn";
        src:url("Fonts/5663704/083e1179-98b4-4cbd-a13a-50a7c78d6fea.woff2") format("woff2"),url("Fonts/5663704/239170e6-7f0d-4c35-97d4-490b362e4ef7.woff") format("woff");
    }
@font-face{
        font-family:"Helvetica Neue LT W05_77 Bd Cn";
        src:url("Fonts/5663746/02980b3d-1e37-4378-a5c6-4cf0d6ce0ba5.woff2") format("woff2"),url("Fonts/5663746/2d1e8a5f-eb7a-47a1-be1d-878bb9a46b6e.woff") format("woff");
    }

/*font fix chrome / safari 
body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
*/
/*font smoothing experiment june 2021*/
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
	body {
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
	}
}


/*end*/

/*sitewide changes*/
* {
	letter-spacing:0.1em;
	font-kerning: auto!important;
	font-variant-ligatures: none;
}


strong, b {
	font-weight:400;
	font-family:Helvetica Neue LT W05_77 Bd Cn;
}

h2 a {
	color:#ff1881;
}

/* trick for pages with little contents - in order to have the site structure always complete / footer etc. */
@media (min-width: 1024px) {
    body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        min-height: 100vh;
    }
    .site-footer {
        margin-top: auto;
    }

.container.grid-container {
    width: 100%;
}
}

/*skip links styling*/
.skip-to-content-linko {
  background: #f1f1f1;
  height: 45px;
  left: 1%;
  padding: 10px;
  position: absolute;
  transform: translateY(-150%);
  transition: transform 0.3s;
}

.skip-to-content-linko:focus {
  	transform: translateY(0%);
    color:#0073aa!important;
    font-family:Helvetica Neue LT W05_77 Bd Cn!important;
    box-shadow:  0 0 2px 2px rgba(0, 0, 0, 0.2);
    z-index: 100000;
    text-transform:none;
}



/*SITE HEADERS CONFIGURATION*/
/*Header flexbox config*/
.cont-header{
      display:flex;
      justify-content: flex-start;
    
    /*added later*/
      -ms-box-orient: horizontal;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;        
}

.header-col-1 {
  	flex-grow: 0;
  	flex-shrink: 0; /* shrinks to 0 to apply 70% width*/
  	flex-basis: 68%; /* sets initial width to 70% */
  	max-width:1200px;
}

@media only screen and (min-width: 900px) {
	.header-col-1 {  
		margin-right: 32px;
	}
}

.header-col-1 h1 {
	margin-bottom:0px;
}

.header-col-2 {
    flex-basis:30%;
}


.header-line-2 {
	flex-grow:1;
    flex-shrink:0;
    flex-basis:100%;    
}

@media only screen and (max-width: 900px) {
  .cont-header {
      /* it place the items in vertical direction */
    	flex-direction: column;
    }
}
    
@media only screen and (max-width: 900px) {
    .header-line-2 {
		margin-bottom:16px;
	}
}

/*header style*/
.yoast-breadcrumbs {
	text-transform:uppercase;
	font-size:13px;
	font-family:Helvetica Neue LT W05_77 Bd Cn;
	padding-top:20px; 
	padding-bottom:10px;
}

.breadcrumb_last {
	font-family:Helvetica Neue LT W05_77 Bd Cn;
}

/*20210922 header style*/
/*@media only screen and (max-width: 900px) {.cont-header-stlye {font-size:66px!important;font-family:Helvetica Neue LT W05_47 Lt Cn!important;}}*/

@media only screen and (max-width: 900px) {
	.cont-header {
		font-size:16px!important;
		font-family:Helvetica Neue LT W05_47 Lt Cn!important;
	}
}

.cont-header {
	font-size:20px;
	font-weight:400;
	font-family:Helvetica Neue LT W05_47 Lt Cn;
}

.cont-header strong {
	font-family:Helvetica Neue LT W05_77 Bd Cn; 
	color:#ffffff;
}

.pink-header-menu {
	margin-bottom:16px;
}

/*break word for email adresses column 2*/
.header-break {
	word-break: break-all;
}
/*END WEBSITE HEADERS STYLE*/


/*FOOTER config*/
@media only screen and (max-width: 720px) { .logo-senat-23 {margin-left:10px;}}


/*footer wdiget size*/
.footer-widgets .footer-widget-1 {
    flex-basis: 50%;
}

.footer-widgets .footer-widget-2 {
    flex-basis: 25%;
}

.footer-widgets .footer-widget-3 {
    flex-basis: 25%;
}

.boldbold {
	font-family:"Helvetica Neue LT W05_77 Bd Cn";
}

.footer-newsletter {
	font-family:"Helvetica Neue LT W05_77 Bd Cn";font-size:20px;margin-bottom:30px;
}

.footer-newsletter a, .footer-social a {
	color:#FFD800;
}

.footer-newsletter a:hover, .footer-social a:hover {
	color:#FF1881;
}

.footer-menu-margin {
	margin-bottom:32px!important;
}


li.footer-social, li.footer-mitte {
	margin-bottom:0!important;
}


@media only screen and (max-width: 768px) {
	.inside-site-info {
		padding-left:0px; 
		padding-right:55px;
	}
}

.footer-social-icons {
	padding-left:10px;
	padding-right:10px;
}

a.footer-social-icons {
	color:#ffd800!important;
}

a.footer-social-icons:hover {
	color:#ff1881!important;
}

.footer-social-icons-m {
	padding-left:10px;
	padding-right:10px;
}

/*end footer config*/


/*GRIDS EINSTELLUNGEN 20210217*/

/*20210217 new grid */
/*33 mobile*/
@media only screen and (max-width:767px) {.musicboard-grid-33 {flex:0 1 100%;}}

/*33 tablet*/
@media only screen and (min-width: 768px) and (max-width: 1024px)
	{
	.musicboard-grid-33 {flex:0 1 49%; margin-left:2%}
	.musicboard-grid-33:nth-child(2n+1)  {margin-left:0px;}
	}

/*33 desktop*/
@media only screen and (min-width:1025px) 
	{
	.musicboard-grid-33 {flex:0 1 32%;margin-left:2%;}
	.musicboard-grid-33:nth-child(3n+1)  {margin-left:0px;}
	}

/*50 mobile*/
@media only screen and (max-width:767px) {.musicboard-grid-50 {flex:0 1 100%;}}

/*50 tablet + desktop*/
@media only screen and (min-width:768px) 
	{
	.musicboard-grid-50 {flex:0 1 49%;margin-left:2%}
	.musicboard-grid-50:nth-child(2n+1) {margin-left:0px;}
	}

/*100 tablet + desktop + mobile*/
.musicboard-grid-100 {flex:0 1 99%;margin-left:1%}


/*homenews 33 mobile + tablet*/
@media only screen and (max-width:1024px) {.home-news-grid {flex:0 1 100%;}}
/*homenews 33 tablet + desktop*/
@media only screen and (min-width: 1025px) 
	{
		.home-news-grid {flex:0 1 32%; margin-left:2%!important;}
		.home-news-grid:first-child {margin-left:0px!important;}
	}



/* disabling hover effects 20211013 */
/*
.grid-text-style:hover .index-title h3 a {color:#ff1881!important;}
.grid-text-style:hover .index-title-small h4 a {color:#ff1881!important;}
.grid-text-style:hover .index-intro a {color:#ff1881!important;}
*/

/* disabling hover effects 20211013*/
/*homepage style*/
/*
.grid-text-style:hover h3 a {color:#ff1881!important;}
.musicboard-grid-33:hover h3 a {color:#ff1881!important;}
.musicboard-grid-33:hover h4 a {color:#ff1881!important;}
.musicboard-grid-50:hover h3 a {color:#ff1881!important;}
.home-news-grid:hover h3 a {color:#ff1881!important;}
*/

/*END*/

/*ARROWS etc. specs + config*/

/*for the pink headers UL*/

/*matitona gialla*/
.pry {width:28px;margin-right:10px;}


/*freccia bianca*/
.arw {width:22px;}
.arw-hor {margin-right:6px;}
.arw-down {width:23px; height:23px;}

.arw-ul {
    list-style-type: none;
    margin-left: 28px;
	padding-left: 0;}

.arw-li-down {
	left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
	line-height: inherit;
	top:5px;}

.arw-down {fill:white!important;}
	
.arw-li  {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
	line-height: inherit;}

.arw-ul>li {
    position: relative;
}

/*arrow footer*/
.arw-footer:before {
  	display: inline-block;
  	content: url(/arrows/arw-footer.svg);
  	margin-right: 10px;
	width:23px;
}


/*pencil index kacheln*/
.prl:before {
	display: inline-block;
	content: url(/arrows/prl.svg);
	margin-right:10px;
	width:24px;
}

/*pencile home events*/
.prb:before {
	display: inline-block;
    content: url(/arrows/prb.svg);
    width: 24px;
    }

/*arrow vermittlung*/

/*arrow used as link (also good for post)*/
.arl, .arl-text {
	display:inline-block;
	margin-right:10px;
	width:22px;
}


a.vu-link:hover {color:#FF1881!important;}
a.vu-link:focus {color:#FF1881!important;}

a:hover.vu-link .st0 {fill:#FF1881!important;}
a:focus.vu-link .st0 {fill:#FF1881!important;}

/*arrow in the h2 heading of the vermittlungs unterseiten*/
.arp-heading {
	display:inline-block;
	margin-right:10px;
	width:32px;
}

a.vu-heading-link:hover {color:black;}
a:hover.vu-heading-link .st07 {fill:black;}
a:focus.vu-heading-link .st07 {fill:black;}

/*arrow in the apply buttons project */
.arp-button {
	display:inline-block;
	margin-right:10px;
	width:32px;
}

a.arp-button-hover:hover {color:#222222;} 
a:hover.arp-button-hover .st37 {fill:#222222;}
a:focus.arp-button-hover .st37 {fill:#222222;}
/**/

/*settings for the links of the news post and the single project pages*/
a.single-pro-link:hover {color:#222222;}
a:hover.single-pro-link .st0 {fill:#222222;}
a:focus.single-pro-link .st0 {fill:#222222;}


/*arrow used in link (text ebenen), pink*/
a.single-text-link:hover {color:#222222;}
a:hover.single-text-link .st09 {fill:#222222;}
a:focus.single-text-link .st09 {fill:#222222;}
/*END ARROWS STYLE*/

/*ACCORDION style css*/
/*arrows accordion foerderung seiten*/
.arb {
	display:inline-block;
	margin-right:10px;
	width:22px;
}

/* */
.arb .st17 {fill:#222222;}

/*new*/
[c-accordion] > dt > button[aria-expanded="true"]{
    color:#222222;
	fill:#222222!important;
	text-decoration:underline;

}

[c-accordion] > dt > button[aria-expanded="true"] .arb .st17 {
    color:#222222;
	fill:#222222!important;
}

[c-accordion] > dt > button:focus  .arb .st17 {
    color:#222222;
	fill:#222222!important;
}

[c-accordion] button:hover{
    color:#222222!important;
	text-decoration:underline;
}

[c-accordion] > dt > button[aria-expanded="false"]{
    color:#222222;
}

/*freccia*/

[c-accordion] > dt > button {
	background-color: transparent;
	border-style: none;
	cursor: pointer;
	font-weight: 400;
	text-align: left;
	width: 100%;
    font-family:Helvetica Neue LT W05_77 Bd Cn;
	text-indent: -32px;
	padding-left: 32px;
}

[c-accordion] > dt > button:focus {
	color: #222222;
	fill:#222222!important;
	text-decoration:underline;
}

/*focus chiuso torna pink*/
[c-accordion] > dt > button:focus[aria-expanded="false"]{
	color:#222222!important;
	text-decoration:none;
}

[c-accordion] > dt > button:focus[aria-expanded="false"] .arb .st17 {
	fill:#222222!important;
	text-decoration:none;
}

[c-accordion] > dt > button:focus[aria-expanded="false"]:hover{
	color:#222222!important;
	text-decoration:none;
}

[c-accordion] > dt > button:focus[aria-expanded="false"]:hover .arb .st17 {
	fill:#222222!important;
	text-decoration:none;
}


/* comenio era black */ /*
[c-accordion] > dt > button:hover {color: yellow;}
*/

[c-accordion] > dd {
	margin-inline-start: 0;
}

dt:hover .st17 {
	fill:black;
}

button {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
    padding-left:0px;
    padding-right:0px;
}
/*END accordion style*/

.funded-projects-footer {max-width:1350px; margin-left:auto; margin-right:auto; padding-top:32px; padding-bottom:32px; padding-left:10px; padding-right:10px;}
.funded-projects-footer h2 {padding-left:10px;}


/*TOP MENU SETTINGS*/


/* PALLINE GIALLE TOP MENU in active menu  */
@media only screen and (min-width: 930px) {
	.main-navigation .main-nav ul li[class*="current-menu-"] > a::after
	{
    	content: "";
    	position: absolute;
    	right: 50%;
    	left: 50%;
    	top: 50px; /* controls where the line appears on hover */
    	-webkit-transform: translateX(-50%);
    	transform: translateX(-50%);
    	width: 0;
    	height: 2px; /* controls thickness of the line */
    
    
   		height: 20px;
  		width: 20px;
  		background-color: #ffd800;
  		border-radius: 50%;
  		display: inline-block;
	}
}    
  
/*fine*/


/*PALLINE GIALLE SUBPAGES*/
/*old working*/
@media only screen and (min-width: 930px) 
{
	.main-navigation .main-nav .current-page-ancestor > a::after
	{
    	content: "";
    	position: absolute;
    	right: 50%;
    	left: 50%;
    	top: 50px; /* controls where the line appears on hover */
    	-webkit-transform: translateX(-50%);
    	transform: translateX(-50%);
    	width: 0;
    	height: 2px; /* controls thickness of the line */
    
    
   		height: 20px;
  		width: 20px;
  		background-color: #ffd800;
  		border-radius: 50%;
  		display: inline-block;
	}
}
/*END PALLINE SUBPAGES*/




/*remove logo padding */
.navigation-branding img {
	padding:0px!important;
}

.navigation-branding {
	margin-right:0px!important;
}

.main-navigation.has-branding:not(.grid-container) .inside-navigation:not(.grid-container) .navigation-branding {
	margin-left:0px!important;
}

/*move the search icon of the main menu bar*/
.menu-bar-items .search-item {
	order:-1;
}

/*first menu element left space */
.primo {
	padding-left:10px;
}

/*social icons & language switch*/
.menutop-social {
	padding-left:10px;
	padding-right:10px;
}

.menutop-social:hover {
	color:#ff1881!important;
}

@media (max-width: 1100px) {
	.menutop-social {
		display:none!important;
	}
}

.wpml-ls-statics-shortcode_actions a:hover {
	color:#FF1881;
}

.gp-icon svg:hover {
	fill:#FF1881!important;
}

/*current menu font + color */
.main-navigation .main-nav .current-page-ancestor > a {
	font-family:Helvetica Neue LT W05_77 Bd Cn;
	color:#FFD800;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	font-family:Helvetica Neue LT W05_77 Bd Cn;
}
/*END TOP MENU SETTINGS*/


/*MOBILE MENU STYLE*/

body .hamburger {
	transform:scale(.8);
}

#mobile-header.main-navigation .menu-bar-item > a {
	padding-left:10px!important;
	padding-right:0px!important;
}

.gp-icon.icon-search {
	font-size: 20px;
}

.gp-icon svg {
	top:5px; 
	fill:white!important;
}

/*hide standard menu burger*/
.gp-icon.icon-menu-bars {
	display:none!important;
}

.site-logo.mobile-header-logo img {
	padding-top:0px!important; 
	padding-bottom:0px!important;
}

.mobile-header-navigation .site-logo {
	margin-left:0px!important;
}

li#menu-item-wpml-ls-90-en a {
	justify-content:center;
}

li#menu-item-wpml-ls-90-de a {
	justify-content:center;
}

#menu-mobilede span.wpml-ls-native, #menu-mobileen span.wpml-ls-native {
	font-size:18px;
}


#menu-mobilede {
	padding-top:16px; 
	padding-bottom:16px;
}

.mobile-ultimo {
	margin-bottom:32px;
}

.icona a {
	font-size:18px!important;
}

li.mobile-menu-top a {
	font-size:18px!important;
	line-height:32px!important;
	margin-bottom:16px;
}

#mobile-menu a {
	font-size:32px;
	font-family:Helvetica Neue LT W05_77 Bd Cn;
	text-align:center;
}

/*mobile menu full screen when openend*/
#mobile-header.toggled .main-nav > ul {
    position: relative;
}
#mobile-header.toggled .main-nav > ul:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: calc(100vh - 60px);
    width: 100%;
    background-color: #2d2d2d;
}

/*mobile menu social icons horizontal */
#mobile-header.toggled .main-nav > ul {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center!important;
}
.main-navigation.toggled .main-nav li {
    flex-basis: 100%;
}
.main-navigation.toggled .main-nav li:nth-last-child(-n+5) {
    flex-basis: 50px;
}
/*END mobile menu */

/*burger menu animation*/

/*SPINNING BURGER CSS*/

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
	
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 1; }
  .hamburger.is-active:hover {
    opacity: 1; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 40px;
  /*height: 24px;*/
  height:26px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
   
	  height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }


/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s; }


/*end burger menu custom*/

/*gp css burger*/
.menu-toggle .mobile-menu,
.menu-toggle:before {
    display: none;
}

body .hamburger{
    transform: scale(.5);
    padding: 0;
    line-height: 0;
    vertical-align: middle;
}

body .hamburger.is-active .hamburger-inner::after,
body .hamburger-inner,
body .hamburger-inner::before, 
body .hamburger-inner::after,
body .hamburger.is-active .hamburger-inner, 
body .hamburger.is-active .hamburger-inner::before,
body .hamburger.is-active .hamburger-inner::after{
    background-color: currentColor;
}

/*end*/

/*ARCHIVE Search Field Styling*/

    .chosen-container .chosen-drop {background:#FF1881!important;}
    .chosen-container-multi .chosen-choices {background:#FF1881!important;border: 1px solid white;}
	.chosen-container .chosen-results {color:white;font-family:Helvetica Neue LT W05_77 Bd Cn;}
	.chosen-container-multi .chosen-drop .result-selected {color:#FFD800;font-family:Helvetica Neue LT W05_77 Bd Cn;}
	.chosen-container-multi .chosen-choices li.search-field input[type=text] {color:white;font-family:Helvetica Neue LT W05_77 Bd Cn;}
	.chosen-container .chosen-results li.highlighted {background:#FFD800;color:#FF1881;}
	.chosen-container .chosen-drop {border:1px solid white;}
	.chosen-container-multi .chosen-choices li.search-choice {background:#FFD800;color:#FF1881!important;font-family:Helvetica Neue LT W05_77 Bd Cn!important;border:1px solid transparent;}


.searchandfilter ul {
  padding-left: 0;
}
.searchandfilter > ul > li[data-sf-field-input-type="checkbox"] > ul > li {
  display: inline-block;
  margin-right: 20px;
}
/**/

/*accessibility toolbar colors*/

.a11y-toolbar ul li button {
	background:black;
	border-top:0px;
	border-bottom:0px;
}

.a11y-toolbar button {
	color:white!important;
}

.a11y-toolbar button:hover {
	color:gray!important;
}