/**
* @author Chris Glutz <chris@netzpilot.ch>
* @copyright Copyright (c) 2021, Chris Glutz
* @version 10.1
* @date 20210622
* @desc  konzerte-basel.ch
*/


/* Colors: 
--unnamed-color-707070: #707070;
--amg-hover: #00009F;
--amg-blue-3: #020277;
--caecilia-black: #120800;
--caecilia-red: #4D0000;
--caecilia-bright-red: #690309;
--caecilia-hover: #84040C;
--grands-dark-red: #1C0002;
--vsk-white: #FDFDFD;
--vsk-black: #000000;
--vsk-red: #FF0027;
--star-at-the-rhine-neu: #7272B3;
--stars-r-blue-2: #2EBAD4;
--stars-r-blue: #0E6FB6;
--stars-at-the-rhine-hell: #E0F5F9;
--meister-weiss: #F0EEEB;
--meister-rot-weiss: #EBE2E2;
--meister-rot-dünkler: #E4D9D9;
--kg-red-hover-: #ED373B;
--kg-black: #191919;
--kg-gold: #BF9A4F;
--gold-hover: #D4AE61;
--kg-white: #F4F4F4;
*/


/**********************************************************/
/* STYLING AND POSITIONING OF INDIVIDUAL GENERAL ELEMENTS */
/**********************************************************/
html,body {
    background-color: rgb(244,244,244);
    /* for footer display */
    height: 100%;
    width: 100%;
    margin: 0;
    display: table;
}

body {
    font: normal 400 16px neue-haas-unica,sans-serif;
    color: black;
    -moz-osx-font-smoothing: grayscale;   
    overflow-x: hidden;
}


.hidden{
    visibility: hidden;
}
.shown{
    visibility: visible;
}



/* Animation vale */
@keyframes fadeInUp {
    from {
        transform: translate3d(0,60px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,60px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
.animated {
    animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both
}
.animatedFadeInUp {
    opacity: 0
}
.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
/* END Animation vale */

.grid-container {
    max-width: 85rem;
}

strong {
    font-weight: 600;
}

h1 {
    margin-bottom: 0.3979999em;
}

p,
ol li,
ul li {
    font: normal 400 16px neue-haas-unica,sans-serif;
}

ol li {
    margin-left: 16px;
    list-style-type: decimal;
    list-style-position: outside;
}


/* menu */
#mega-menu  {
    font: normal 600 20px "warnock-pro",Georgia,serif;
}
#mega-menu a.menufirst {
    font: normal 700 20px "warnock-pro",Georgia,serif;
}

.logolink {
    margin: 0;
    padding: 0;
}
/**** Top Bar ***/
/*
.logolink > img {
    height: 60px;
  
    width: auto;
}
.top-bar.shrink .logolink > img {
    height: 40px;
    width: auto;
}
*/
.top-bar {
    width: 100%;
    z-index: 10;
    transition: height .25s ease;
}



/* sticky nav */
.sticky {
    width: 100%;
}
.sticky.is-stuck {
    z-index: 10;
    margin-top: 0;
}
.is-stuck {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
}


/**** Mega Menu ***/
#mega-menu.dropdown-pane {
    width: 100vw;
    min-height: 100px;
    left: 0% !important;
    right: 0% !important;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.25);
}
#mega-menu.dropdown-pane.is-open {
    margin-top: 10px;
}

li.mega-menu {
    position: absolute;
    left: -10px;
}

.menufirst {
    margin-top: 10px;
}
/* .menufirst {
    text-decoration: underline !important;
}*/

/* Demo Styles */
.top-bar {
    width: 100%;
    z-index: 10;
}
.top-bar .top-bar-left {
    padding-top: 50px;
}
.top-bar.shrink {
    transition: height .25s ease;
    height: 100px;
}
.top-bar.shrink .top-bar-left {
    padding-top: 0em;
}
.top-bar .dropdown.menu li {
    float: left;
}
.top-bar .dropdown.menu .is-dropdown-submenu {
    border: none;
}
#root {
    margin-top: 2em;
    transition: padding-top .25s ease;
    padding-top: 20px;
    
            margin-bottom: 40px;
}
/* END Demo */


.top-bar, .top-bar ul {
    background-color: inherit;
}


/*
.team > .member-data,
.frame-type-text {
    background-color: white;
    padding: 20px;
    margin: 0;
}*/


.interpret {
    font: normal 400 34px neue-haas-unica,sans-serif;
}
.funktion {
    font: normal 300 20px neue-haas-unica,sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.werke {
    font: italic normal 400 16px neue-haas-unica,sans-serif;
}
.pressdate,
p.pressdate  {
    font: normal 400 16px neue-haas-unica,sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid;
}







/******* pagefooterarea *******/
.pagefooterarea {
    margin-top: 20px;
    /*    
    padding-top: 170px;
    padding-bottom: 100px;*/
    /* for footer display */
    display: table-row;
   /* height: 0; */
   height: 100%;
}

.pagefooterarea .pagefooter {
    padding: 70px 0 100px 0;
}
.pagefooter div {
    hyphens: auto;
    padding: 0px;
}