/*
 Theme Name:   PopKultur2020
 Theme URI:    https://www.pop-kultur.berlin/
 Description:  pop-kultur.berlin
 Author:       pop-kultur.berlin
 Author URI:   https://www.pop-kultur.berlin/
 Template:     generatepress
 Version:      0.1
*/

/**
 * @license
 * MyFonts Webfont Build ID 3552288, 2018-04-05T13:56:16-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FF Elementa Web Pro Bold Italic by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/elementa-pro/bold-italic/
 * 
 * Webfont: FF Elementa Web Pro Italic by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/elementa-pro/italic/
 * 
 * Webfont: FF Elementa Web Pro Bold by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/elementa-pro/bold/
 * 
 * Webfont: FF Elementa Web Pro by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/elementa-pro/regular/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3552288
 * Licensed pageviews: 50,000
 * Webfonts copyright: 2015 published by Monotype GmbH
 * 
 * © 2018 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/363420");

  
@font-face {font-family: 'FFElementaWebProBoldItalic';src: url('fonts/webfonts/363420_0_0.eot');src: url('fonts/webfonts/363420_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/webfonts/363420_0_0.woff2') format('woff2'),url('fonts/webfonts/363420_0_0.woff') format('woff'),url('fonts/webfonts/363420_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FFElementaWebProItalic';src: url('fonts/webfonts/363420_1_0.eot');src: url('fonts/webfonts/363420_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/webfonts/363420_1_0.woff2') format('woff2'),url('fonts/webfonts/363420_1_0.woff') format('woff'),url('fonts/webfonts/363420_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FFElementaWebProBold';src: url('fonts/webfonts/363420_2_0.eot');src: url('fonts/webfonts/363420_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/webfonts/363420_2_0.woff2') format('woff2'),url('fonts/webfonts/363420_2_0.woff') format('woff'),url('fonts/webfonts/363420_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FFElementaWebPro';src: url('fonts/webfonts/363420_3_0.eot');src: url('fonts/webfonts/363420_3_0.eot?#iefix') format('embedded-opentype'),url('fonts/webfonts/363420_3_0.woff2') format('woff2'),url('fonts/webfonts/363420_3_0.woff') format('woff'),url('fonts/webfonts/363420_3_0.ttf') format('truetype');}


/*

body, .top-bar-section ul li > a, #lang_sel_list, .cc, .artdiv {
font-family: 'FFElementaWebPro', Courier New, Courier;
    font-weight: normal;
    font-style: normal;
}

button, h1, h2, h3, h4, h5, h6, b, bold, strong, .artists, .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5,
.gform_wrapper label.gfield_label, .tab-bar h6, .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
    font-family: 'FFElementaWebProBold';
    font-weight: normal;
    font-style: normal;
}
*/


/*font fix chrome / safari*/

/*
body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
*/

/*ALLGEMEIN FORMATTATION */

/* a:hover {font-weight:bold!important;} */
.sitePaddingLeft {
	padding-left:20px;
	padding-right:15px;
}

@media only screen and (max-width: 768px) {
	.sitePaddingLeft {
		padding-left:10px;
	}
}

/*spazio padding x moduli custom artists e moduli custom & artists mobile*/
.moduleSpaziale {
	padding-right:20px!important; 
	padding-left:20px!important;
}

@media only screen and (max-width: 768px) {
	.moduleSpaziale {
		padding-left:10px!important;
	}
}

/*remove margin under the videos arwe*/
#arve .arve-wrapper {
	margin-bottom:0em!important;
}

#html .arve {
	margin-bottom:0px;
}

.one-container:not(.page) .inside-article {
	padding-bottom:0px;
}



/*home h1 settings*/
.h1Rosso {
	color:#000000;
}

.h1Rosso a:hover {
	color:#bbbadc;
}

.type-post .entry-content {
	display:none;
}


body * { 
    -webkit-font-smoothing: subpixel-antialiased !important; 
    text-rendering:optimizeLegibility !important;
}

/*2021 change font when bold*/
strong, b {
	font-weight:400;
	font-family: 'FFElementaWebProBold';
}

/*2021 june - change font of the menu */
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-items {
	font-family:'FFElementaWebPro'!important;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	font-family: 'FFElementaWebProBold'!important;
}

.main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {
	font-family: 'FFElementaWebProBold'!important;
}


/*a {font-family:"FFElementaWebProBold";} */
a:hover {
	color:#000000;
}

#text-3, #text-5 {
	font-family:"FFElementaWebProBold";
}

h1 {
	padding-top:16px!important;
}

/* skiplink main content with sticky menu problem*/
#content:target {
	padding-top: 3em;
}


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



/*ICON ANIMATION HOVER */

/* Shrink effect TO MOVE TO GENERAL CSS*/
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}


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

.hamburger.is-active:hover {
    opacity: 0.7;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: #000!important;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  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!important;
    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; }


.main-navigation.has-branding .menu-toggle,.main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
	padding-right:6px!important;
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

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

body .hamburger{
    transform: scale(.7);
    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: black!important;
}

/*end burger menu custom*/

/*HEADER + MENU CUSTOMIZATION*/
.main-navigation .main-nav ul li #menu-item-wpml-ls-1613-en a {
	padding-left:10px!important;
}



/*main TOP MENU align left*/
.menu-item-float-left {float:left!important;}


/*site header text FESTIVAL DATUM widget padding*/
.header-widget .textwidget p {
	margin-bottom:0.5em;
}

.header-widget {
	padding-top:10px;
}

@media only screen and (max-width: 802px) {
	.header-widget {
		font-size:14px;
	}
}

/*menu top icons*/
.iconaicona a {
	padding-left:10px!important;
	padding-right:10px!important;
}

@media only screen and (max-width: 1165px) {
	.tabletmedio {display:none!important;
	}
}


/*inkluthek + presse newsletter icon padding*/
.page-id-13917 li#menu-item-13943 {
	padding-right:10px;
}

.page-id-24151 li#menu-item-13943 {
	padding-right:10px;
}

/*MOBILE MENU SETTINGS*/
/*20240410 mobile menu full screen TBD*/
.mobile-header-sticky #mobile-header.toggled .main-nav {
	height:100vh;
}

/*20240410 mobile menu style (all black) */
nav#mobile-header .main-nav ul.sf-menu {
    background-color: black;
}

nav#mobile-header .main-nav ul.sf-menu a {
    color:white
}

#mobile-header .inside-navigation, .main-navigation.has-branding .inside-navigation, 
.main-navigation.has-sticky-branding.navigation-stick .inside-navigation {
	background-color:black;
}

@media(max-width: 768px) {
    .main-navigation .main-nav ul li[class*="current-menu-"]>a {
        background-color:black;
    }
}

/*20240410 hamburger menu in white */
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:white!important;
}


/*mobile menu for timetable*/
.MobileGrandeSub a {
	line-height:20px!important;
}

/*MOBILE MENU SOCIAL ICONS HORIZONTAL */
#mobile-header.toggled .main-nav > ul {
    display: flex !important;
    flex-wrap: wrap;
}
.main-navigation.toggled .main-nav li {
    flex-basis: 100%;
}
.main-navigation.toggled .main-nav li:nth-last-child(-n+5) {
    flex-basis: 50px;
}

/* .MobileGrande a {font-size:30px; line-height:40px!important;} */
.MobileGrande a {
	font-size:28px; 
	line-height:38px!important;
}

.MobileKlein a {
	font-size:16px; 
	line-height:30px!important;
}

.MobilePrimo a {
	margin-top:0px!important;
}



/*FOOTER SETTINGS*/

/*june 2021 footer widget temp hover link*/
.footer-widgets a:hover {
	color:#f2432a!important;
}

/*menu footer social*/
.footer-widgets .widget_nav_menu li {
	display: inline-block;
}

#menu-footersocial2020de li {
	padding-left:20px;
}

#menu-footersocial2020en li {
	padding-left:20px;
}

.primo {
	padding-left:0px!important;
}

/*copyright bar align*/
.copyright-bar {
	float:none!important;
	text-align:left!important;
}

/*musicboard footer align*/
.mbFoot {
	vertical-align: middle;
}

.mbFoot > * {
  vertical-align: middle;
}

/*footer social mobile*/
/*hide social text on mobile*/
@media only screen and (max-width: 768px) {
	.mobileno {
		display:none!important;
	}
}

@media only screen and (max-width: 768px) {
	#menu-footersocial2020de li {
		padding-left:0px;
	}
}

@media only screen and (max-width: 768px) {
	#menu-footersocial2020en li {
		padding-left:0px;
	}
}

/*hide social icon on desktop*/
@media only screen and (min-width: 769px) {
	.mobilesi {
		display:none!important;
	}
}

@media only screen and (max-width: 768px) {
	#menu-menufooter2020de {
		display:none;
	}
}

@media only screen and (max-width: 768px) {
	#menu-menufooter2020en {
		display:none;
	}
}

/*cookies bar ??
.cn-button.wp-default {background:#ff4c4c!important;color:white;}
.cn-button:hover {background:#992d2d;}
*/

/*ARTIST SINGLE PAGE FORMATTATION*/
.SingleArtistType {
	font-size:16px;
	padding-top:24px;
}

.SingleArtistName h1 {
	font-size:36px!important;
	line-height:1.2em!important; 
	margin-bottom:16px!important;
}

.SingleShowName h1 {
	font-size:36px!important;
	line-height:1.2em!important; 
	margin-bottom:8px!important;
}

/*.SingleArtistName {padding-top:16px;} */
.SingleArtistSub {
	margin-bottom:16px;
	font-weight:400;
	font-family: 'FFElementaWebProBold';
}

.SingleArtistLinks {
	margin-bottom:1.5em;
}

.no-line-height {
	line-height: 0;
}

/*picture captions settings*/
.captione {
	position:absolute; 
	bottom:0; 
	line-height:13px!important;
	background-color:black;
	color:white;
	font-size:12px;
	padding:7px 7px 7px 7px;
	text-align:right;
	right:0;
}

/*caption url style 2023*/
.captione a {
	color:white;
	border-bottom:1px solid white;
}

.captione a:hover {
	border-bottom:none;
}

@media only screen and (max-width: 768px) {
	.captione {
		font-size:xx-small;
	}
}

/*shows & module with video (talks ecc) full screen no padding*/

.noPa100 {
	padding-left:0px;
	padding-right:0px;
}

.SingleWorkTitle {
	font-size:36px!important;
	line-height:1.2em!important; 
	margin-bottom:16px!important;
	font-style: italic;
}

.showCredits {
	color:white;
	text-align:center;
	padding-top:64px;
	padding-bottom:64px;
	padding-left:16px;
	padding-right:16px;
	min-height:750px;
}

.showCredits a:hover {
	color:white;
}

.moduleSpazialeCred {
	padding-right:0px!important;
	background-color:black;
}

/*PROGRAMM GRIDS CUSTOM*/

/*artist grid formattation START*/
.altono {
	min-height: 150px!important;
}

/*artist grid fields formattation */
.gridSubtitle {
	font-size:12px; 
	color:white;
	font-weight:600;
}

.artistname {
	color:white!important;
	font-size:16px; 
	font-family:"FFElementaWebProBold";
}

.artistname a {
	color:white!important;
	font-size:16px; 
	font-family:"FFElementaWebProBold";
}

.artistname p {
	margin-bottom:10px!important;
}

.gridType {
	font-size:12px;
}

/*hashtag GRID CUSTOM*/
/*hashtag format*/
.hashGridN {
	font-size:12px;
}

.hashGridN a {
	color:#000000!important;
}

.hashGridN a:hover {
	color:#f2432a!important;
}

.homeGridBig a {
	color:#ff4c4c!important;
}

.homeGridBig a:hover {
	color:#f2432a!important;
}

/*grid programm mobile type category fix*/
@media only screen and (max-width: 768px) {
	.marginone {
		margin-left:60%;
	}
}

@media only screen and (max-width: 768px) {
	.marginone-mom {
		margin-left:49%;
	}
}

/*PROGRAMM PAGES + TIMETABLE*/
/*programm pages button load more*/
.vc_btn3.vc_btn3-color-default.vc_btn3-style-modern {
	background-color:#bbbadc;
	border-color:#bbbadc;
	color:white;
}

.vc_btn3.vc_btn3-color-default.vc_btn3-style-modern:hover {
	background-color:#bbbadc;
	border-color:#bbbadc;
	color:white;
}

.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg {
	font-family:"FFElementaWebProBold";
}

/*blokks 2021 */
.RelatedInfo-DateInfo::before {
	content:"Time: "!important;
}

/*BARRIEREFREIHEIT & AWARENESS*/
.vc_grid .vc_gitem-link:focus {
	outline:2px solid black!important;
}

.accordionPop {
	border-color:transparent!important;
	padding-left:0px!important;
}

/*VARIOUS*/
/*temp home programm englisch*/
.vc_custom_1598265325694 {padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #ffffff !important;
}

.scundun {
	display:none;
}