h3,h4,h5,h6,p,a,sub,sup,span,div,blockquote,cite{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.05em;
}
.festivals section.page-banner .inner {
    justify-content: flex-start;
    align-items: flex-end;
}
.the-bar h3 {
    text-transform: uppercase;
}
.festivals section.page-banner .inner h1,h1 {
    margin: 0 0 -25px;
    font-size: 6em;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-stretch: extra-condensed;
    font-style: normal;
    letter-spacing: -1px;
}
.festival-section .wp-block-columns {
    margin: 0 auto;
    width: 100%;
    justify-content: center;
}
h2{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 20px;
    font-size: 3em;
}
p {
    line-height: 1.5em;
}
.slab{
    font-family: 'Roboto Slab', serif !important;
}

.wp-block-column p{
    line-height: 1.2em;
}
.artist-details-column p{
    font-size: 0.95em;
    line-height: 1.6em;
}
.wp-block-column h3{
    border-bottom: 1px solid #ffffff;
    padding-bottom: 5px;
    font-size: 1.4em;
}
.wp-block-column h2{
    margin: 10px 0;
}
.wp-block-column h2:first-child{
    margin: 0px 0 10px;
}
div.logo{
    padding-top: 0;
}
div.logo svg {
    max-width: 220px;
}
div.main-nav ul li:first-child a {
/*    border-radius: 20px 0 0 20px;*/
}
#main-nav {
    border-radius: 0px 0 0 0px;
    border: 0px solid rgba(0, 0, 0, 0.0);
    border-right: 0px solid rgba(0, 0, 0, 0.0);
}
aside.instagram {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.instagram a.instagram-link{
    border-radius: 10px;
    transform: scale(1.2);
}

section.lineup ul.whatson-dates li,
section.lineup ul.whatson-dates li h3,
section.lineup ul.whatson-dates li button {
    border-radius: 7px;
}
section.lineup ul.whatson-dates li span{
    text-transform: uppercase;
}

.footer-col:first-child h3 {
    border-bottom: 1px solid var(--footer-hilightest);
    margin-bottom: 3px;
    padding-bottom: 12px;
}
.footer-col:nth-child(2) .tickets-link {
    margin-top: 20px;
    padding: 12px 35px;
    border-radius: 7px;
}
.footer-col:nth-child(3) form input#mce-EMAIL {
    margin-top: 21px;
}
.uppercase{
    text-transform: uppercase;
}
.first-tickets{
    max-width: 900px;
    width: 100%;
    margin: 0;
    position: relative;
    margin: 0 auto ;
}
.first-tickets h2{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.2em;
    margin: 0 0 10px;
    font-size: 2.8em;
}
.first-tickets p,
.first-tickets a{
    font-size: 1.6em;
    line-height: 1.3em;
    margin: 10px 0 auto;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
}
.wp-block-button__link,
.first-tickets a.wp-block-button__link{
    padding: 15px 35px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 30px;
}





/*section.lineup ul.whatson-acts li a article header,
section.lineup ul.whatson-acts-dated li a article header{
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 3;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-0%);
  transition: all ease-in-out 0.4s;
  background: rgba(0, 0, 0, 0.6);
  color:#fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px;
}
section.lineup ul.whatson-acts li a article header div,
section.lineup ul.whatson-acts-dated li a article header div{
  width: 100%;
}
section.lineup ul.whatson-acts li a article header h4,
section.lineup ul.whatson-acts-dated li a article header h4{
  font-size: 1.2em;
  width: 100%;
  margin: 0;
}
section.lineup ul.whatson-acts li a article header h4 span.tribute,
section.lineup ul.whatson-acts-dated li a article header h4 span.tribute{
  width: 100%;
  display: block;
  font-size: 0.7em;
  font-weight: 400;
  margin: 5px 0 ;
}
section.lineup ul.whatson-acts li a article header span.act-name,
section.lineup ul.whatson-acts-dated li a article header span.act-name{
  font-size: 1em;
  width: 100%;
  padding-top: 8px;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.4);
}
section.lineup ul.whatson-acts li a article header span.dated,
section.lineup ul.whatson-acts-dated li a article header span.dated{
  font-size: 0.7em;
  width: 100%;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.4);
  padding-top: 8px;
  margin-top: 8px;
}
section.lineup ul.whatson-acts li a article header span.time,
section.lineup ul.whatson-acts-dated li a article header span.time{
  font-size: 0.7em;
  width: 100%;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.4);
  padding-top: 8px;
  margin-top: 8px;
}
section.lineup ul.whatson-acts li a:hover article header,
section.lineup ul.whatson-acts-dated li a:hover article header{
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}*/


section.lineup ul.whatson-acts li a article header,
section.lineup ul.whatson-acts-dated li a article header{
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 3;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding: 0;
  transition: all ease-in-out 0.4s;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.17) 71%, rgba(0,0,0,0.65) 89%);
  color:#fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
section.lineup ul.whatson-acts li a article header div,
section.lineup ul.whatson-acts-dated li a article header div{
    height: 100%;
    position: relative;
    width: 100%;
}
section.lineup ul.whatson-acts li a article header h4,
section.lineup ul.whatson-acts-dated li a article header h4{
    font-size: 1.2em;
    background: rgba(0,30,50,0.8);
    display: block;
    padding: 5px 10px;
    width: 100%;
    margin: 0 0 5px
}
section.lineup ul.whatson-acts li a article header h4 span.tribute,
section.lineup ul.whatson-acts-dated li a article header h4 span.tribute{
  width: 100%;
  display: block;
  font-size: 0.65em;
line-height: 1.1em;
  font-weight: 400;
  margin: 2px 0 5px;
}
section.lineup ul.whatson-acts li a article header span.act-name,
section.lineup ul.whatson-acts-dated li a article header span.act-name{
  font-size: 0.85em;
  width: 100%;
  padding-top: 5px;
  display: block;
    background: rgba(0,30,50,0.8);
    padding: 5px 10px;
    border-top: 1px solid rgba(255,255,255,0);
}
section.lineup ul.whatson-acts li a article header span.dated,
section.lineup ul.whatson-acts-dated li a article header span.dated{
  font-size: 0.7em;
  width: 100%;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.4);
  padding-top: 5px;
  margin-top: 5px;
}
section.lineup ul.whatson-acts li a article header span.time,
section.lineup ul.whatson-acts-dated li a article header span.time{
    font-size: 0.7em;
    width: 100%;
    display: block;
    padding-top: 5px;
    margin-top: 5px;
    transition: all ease-in-out 0.4s;
    bottom: 15px;
    position: absolute;
    font-size: 1em;
}
section.lineup ul.whatson-acts li a article header span.fnd,
section.lineup ul.whatson-acts-dated li a article header span.fnd{
    font-size: 0.7em;
    width: 100%;
    display: block;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-top: 5px;
    transition: all ease-in-out 0.4s;
    bottom: 35px;
    position: absolute;
    font-size: 1em;
}
section.lineup ul.whatson-acts li a:hover article header,
section.lineup ul.whatson-acts-dated li a:hover article header{
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

section.lineup ul.whatson-acts li a article header div.act-name-holder , section.lineup ul.whatson-acts-dated li a article header div.act-name-holder {
    position: absolute;
    top: 20px;
    width: 100%;
}


section.lineup ul.whatson-acts li:hover a article header span.fnd, section.lineup ul.whatson-acts-dated li:hover a article header span.fnd{
    bottom:60px;
}
section.lineup ul.whatson-acts li:hover a article header span.time, section.lineup ul.whatson-acts-dated li:hover a article header span.time{
    bottom:40px;
}


@media screen  and (max-width: 1000px){
    .wp-block-button__link,
    .first-tickets a.wp-block-button__link{
        margin-bottom: 20px;
    }
    .festivals section.page-banner .inner {
        justify-content: center;
        align-items: center;
    }
    .festivals section.page-banner .inner h1,h1 {
        font-size: 3em;
        line-height: 1.2em;
    }
    div.main-nav ul li:first-child a {
        border-radius: 0;
    }
}