html, body {
    font-family: 'PT Sans', sans-serif;
}

section {
  padding: 2em 0;
}

/* padding classes */

.ptx {
  padding-top: 5px
}
.pts {
  padding-top: 10px
}
.ptm {
  padding-top: 25px
}
.ptl {
  padding-top: 50px
}

.pbx {
  padding-bottom: 5px
}
.pbs {
  padding-bottom: 10px
}
.pbm {
  padding-bottom: 25px
}
.pbl {
  padding-bottom: 50px
}

h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 3em;
}

h2, h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2em;
}

/* custom color bades */

.badge-facebook {
    color: #fff;
    background-color: #4267B2;
}

.badge-youtube {
    color: #fff;
    background-color: #fd1719;
}

.badge-soundcloud {
    color: #fff;
    background-color: #ff7700;
}

/* navigation */

nav, #top-bar a{
    font-family: 'Roboto', sans-serif;
}

#header {
    border-bottom: solid 2px #999;
}

#header img.logo-full {
    width: 200px;
    padding: 100px 0 0 0;
}

#header img.logo {
    width: 100px;
    padding: 20px 0;
}

#header img.logo {
        display: none;
    }

#header div.date {
  padding: 30px 0 0;
  color: #641341;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 3em;
  text-transform: uppercase;
  text-shadow:
   -2px -2px 0 #fff,
    2px -2px 0 #fff,
    -2px 2px 0 #fff,
     2px 2px 0 #fff;
}

@media (max-width: 768px) {
  #header div.date {
    padding: 0;
    color: #641341;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 2em;
    text-transform: uppercase;
    text-shadow:
     -2px -2px 0 #fff,
      2px -2px 0 #fff,
      -2px 2px 0 #fff,
       2px 2px 0 #fff;
  }
}

#header  {
    background: url(https://jazzday.lv/2021/images/header_city.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-color: #fff;
}

@media (max-width: 768px) {
    #header  {
        background: url(https://jazzday.lv/2021/images/header_city.png) no-repeat bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-color: #fff;
    min-height: 150px;
    }

    #header img.logo-full {
        display: none;
    }

    #header img.logo {
        display: inline;
    }
}

/* colors */

.t-orange {
    background-color: #fff;
    border: solid 2px;
    color: #f05034;
}
.jt-brown {
    background-color: #fff;
    border: solid 2px;
    color: #805645;
}
.t-green {
    background-color: #fff;
    border: solid 2px;
    color: #008647;
}
.t-evi {
    background-color: #fff;
    border: solid 2px;
    color: #5538ab;
}
.t-gor {
    background-color: #fff;
    border: solid 2px;
    color: #e5ad12;
}
.t-black {
    background-color: #fff;
    border: solid 2px;
    color: #000;
}

.evi {
    background-color: #5538ab;
    color: #fff;
}
.orange {
    background-color: #ed4023;
    color: #fff;
}

.green {
    background-color: #008647;
    color: #fff;
}
.coffee {
    background-color: #d48a85;
    color: #fff;
}
.pale {
    background-color: #bea263;
    color: #fff;
}
.sky {
    background-color: #00adef;
    color: #fff;
}
.gor {
    background-color: #e2ab2c;
    color: #fff;
}
.mint {
    background-color: #5cc2ad;
    color: #fff;
}
.red {
    background-color: #a21d21;
    color: #fff;
}
.dark-red {
    background-color: #392416;
    color: #fff;
}
.blue {
    background-color: #0d7aad;
    color: #fff;
}

.brown {
    background-color: #805645;
    color: #fff;
}

.ping {
    background-color: #c70066;
    color: #fff;
}
.violet {
    background-color: #ba5198;
    color: #fff;
}


/* main menu */

#main-menu a {
    font-weight: 300;
    font-size: 1.3em;
    text-transform: uppercase;
    color: #fff;
}

#main-menu li {
    padding: 0 10px;
    margin: 0 5px;
}

#main-menu li:nth-child(1) {
    background: #553a8b;
    border-radius: 10px;
}
#main-menu li:nth-child(2) {
    background: #ed4023;
    border-radius: 10px;
}
#main-menu li:nth-child(3) {
    background: #008647;
    border-radius: 10px;
}
#main-menu li:nth-child(4) {
    background: #0075a9;
    border-radius: 10px;
}
#main-menu li:nth-child(5) {
    background: #e5ad12;
    border-radius: 10px;
}

@media (max-width: 992px) {
    #main-menu a {
        font-size: 1em;
    }

    #main-menu li {
        padding: 0 7px;
        margin: 0;
    }
    #online-event h2 {
      padding-top: 1em;
    }
    
}

@media (max-width: 768px) {
    #main-menu a {
        font-size: 1.2em;
    }

    #main-menu li {
        padding: 0 7px;
        margin: 0;
    }
    
}

/* artists */
#artists h3 a{
  color: #000;
}


/* program */

#type-program span.city {
  font-size: 1.5em;
  text-transform: capitalize;
  font-weight: 700;
  color: #999;
}

#type-program span.date {
  font-size: 1.8em;
}

#type-program div.photo {
  padding: 0
}

#type-program span.name {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5em;
  letter-spacing: -2px;
  text-transform: uppercase;
  font-weight: 300;
}

#type-program div.location {
  border-bottom: 1px solid #999;
}

#type-program span.venue {
  font-weight: 700;
  letter-spacing: -1px;
}

#type-program span.address {
  font-size: .8em;
  display: block;
}

#type-program div.event {
  line-height: 1em;
  padding-top: 15px;
}

#type-program span.time {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  color: #777;
  font-size: 2em;
  padding-top: 0;
  display: block;
}

#type-program span.description {
  font-size: 1em;
  line-height: 1em;
  padding-top: 10px;
  display: block;
  letter-spacing: -1px;
}

#type-program div.first,
#type-program div.middle,
#type-program div.last {
  padding: 0 20px;
}

#type-program div.middle {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

#type-program .program-item {
  padding-bottom: 1em;
}

/* Event on artists page */

#artists-event span.city {
  text-transform: capitalize;
}

#artists-event div.location {
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
}

#artists-event span.venue {
  font-weight: 700;
  letter-spacing: -1px;
}

#artists-event span.address {
  font-size: .8em;
  display: block;
}

#artists-event div.event {
  line-height: 1em;
  padding-top: 15px;
}

#artists-event span.time {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  color: #777;
  font-size: 2em;
  padding-top: 0;
  display: block;
}

#artists-event span.description {
  font-size: 1em;
  line-height: 1em;
  padding-top: 10px;
  display: block;
  letter-spacing: -1px;
}


.intro {
  padding-top: 3em;
}

h1 {
  padding: 1em;
  letter-spacing: 10px;
  color: #999;
  text-transform: uppercase;
  text-align: center;
}

#online-event img {
  padding-top: 1em;
}

.event-date {
  font-size: 2em;
  font-weight: 700;
}

.event-time {
  font-size: 1.5em;
  display: block;
/*  padding-bottom: 1em;*/
}

.artist-web {
  padding-top: 1em;
  font-size: 1.3em;
}

.about {
  font-size: 0.8em;
  text-align: center;
}

#online-event a {
  text-decoration: underline;
}

.im {
  font-size: inherit !important;
  color: #4267B2;
}

footer {
  padding-bottom: 50px;
}