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

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


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

.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;
    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; }


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

/*end burger menu custom*/