/* ================================================= */
/* KLUB KAKOFANNEY LOCAL MUSIC CULTURE               */
/* ================================================= */

@font-face
  {
  font-family: "Open Sans Condensed";
  font-display: swap;
  src: local( "Open Sans Condensed" ),
    url( "/fonts/open-sans-condensed-bold.woff2" ) format( "woff2" ),
    url( "/fonts/open-sans-condensed-bold.ttf" ) format( "ttf" );
  }

HTML
  {
  overflow-y: scroll;
  margin: 0;
  padding: 0;
  background: white;
  }

BODY
  {
  max-width: 800px;
  margin: 0 auto;
  border: 0;
  padding: 0;
  color: black;
  background: white;
  font-family: Arial, Helvetica, sans-serif ;
  font-size: 18px;
  line-height: 166%;
  }

MAIN
  {
  display: block;
  padding: 16px;
  }

SECTION.detail
  {
  padding: 32px 0;
  }

@media screen and ( max-width: 720px )
  {
  BODY
    {
    font-size: 14px;
    }

  SECTION.detail
    {
    padding: 16px 0;
    }
  }

H1
  {
  font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif ; 
  line-height: 150%;
  }

H2
  {
  font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif ; 
  line-height: 150%;
  }

P, UL
  {
  max-width: 720px;
  color: #333333;
  }

P.spotcolor
  {
  color: #006600;
  font-weight: bold;
  }

UL
  {
  margin-left: 0;
  padding-left: 1.5em;
  }

@media screen and ( max-width: 480px )
  {
  LI
    {
    padding-bottom: 8px;
    }
  }

LI::MARKER
  {
  color: black;
  }

IMG
  {
  max-width: 100%;
  }

IMG.kklogo
  {
  dipslay: block;
  width: 100%;
  margin: 16px 0;
  }

IMG.banner
  {
  display: block;
  width: 100%;
  }

P.copyright
  {
  margin-top: 48px;
  font-size: 85%;
  line-height: 166%;
  }

A, A:VISITED
  {
  color: navy;
  }

.smaller
  {
  font-size: smaller;
  }

@media print
  {
  BODY
    {
    font-size: 12pt;
    }

  MAIN
    {
    padding: 16px 48px;
    }

  IMG.banner
    {
    display: none;
    }

  SECTION.detail
    {
    padding: 32px 0 0 0;
    page-break-before: always;
    }

  P.copyright
    {
    display: none;
    }
  }