/*
  Kovanda's Czech Band Style Template
  Version 3.   November 10, 2021
  Version 3.1. March 20, 2024
    fix font size in calendar dd rows
  Version 3.2  March 21, 2024
    When printing, omit the header and navigation.
    For the print-friendly schedule page, cause all <sections> to limit width.
  Version 3.3  March 22, 2024
    CSS: Use rem everywhere instead of em to resolve issues in different browsers.
*/

    * {
            box-sizing: border-box;
    }
    /* For mobile phones: */
    [class*="col-"] {
      width: 100%;
    }
    .filler {display: none;}
    .mobileonly  {display: inline-block;}
    .wideonly    {display: none;}
    .desktoponly {display: none;}
    .addrbox { display: inline-block; }
    img { max-width: 100%; height: auto; }

    @media only screen and (min-width: 601px) {
      /* For desktop: */
      .col-1 {width: 8.33%;}
      .col-2 {width: 16.66%;}
      .col-3 {width: 25%;}
      .col-4 {width: 33.33%;}
      .col-5 {width: 41.66%;}
      .col-6 {width: 50%;}
      .col-7 {width: 58.33%;}
      .col-8 {width: 66.66%;}
      .col-9 {width: 75%;}
      .col-10 {width: 83.33%;}
      .col-11 {width: 91.66%;}
      .col-12 {width: 100%;}
      .filler {display: inline-block;}
      .desktoponly {display: inline-block;}
      .addrbox { }
      .mobileonly {display: none;}
    }

    @media only screen and (min-width: 710px) {
      .wideonly    {display: inline-block;}
    }

    @media only print {
      /* For desktop: */
      .col-1 {width: 8.33%;}
      .col-2 {width: 16.66%;}
      .col-3 {width: 25%;}
      .col-4 {width: 33.33%;}
      .col-5 {width: 41.66%;}
      .col-6 {width: 50%;}
      .col-7 {width: 58.33%;}
      .col-8 {width: 66.66%;}
      .col-9 {width: 75%;}
      .col-10 {width: 83.33%;}
      .col-11 {width: 91.66%;}
      .col-12 {width: 100%;}
      .filler {display: inline-block;}
      .desktoponly {display: inline-block;}
      .wideonly    {display: inline-block;}
      .addrbox {  }
      .mobileonly {display: none;}
      nav { display: none; }
      header { display: none; }
    }

    [class*="col-"] {
      float: left;
      padding-bottom: 15px;
      border: none;
    }
    .row::after {
      content: "";
      clear: both;
      display: table;
    }
    body {
      /* max-width: 90%; */
      /* max-width: 1024px; */
    }
    a:link {
        color: #007070;
        text-decoration: underline;
    }
    a:visited {
        color: #004040;
        text-decoration: underline;
    }
    html, body, table, p, dl, dt, dd {
        font-family: "Times new Roman", Times, serif;
    }
    li {
      margin: 10px 0;
    }

/* Single column layout */
nav section, header section, main, section, footer section {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0.1rem;
}

header img {
    max-height: 10rem;
    width: auto;
}

/* Navigation panel */
nav {
    background: #e1c4a9;                  
    border-bottom: none;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2rem;  /* originally 3rem */
    overflow: hidden;
    /* coat red: D9323A */
    /* fowm gold: 976535;   lighter #1: d7b18d  lighter #2: e1c4a9*/
    /* tuba yellow #FFD89A */
    /* Green/teal #00A0A0; border-bottom: thin solid #004040; */    
    /* was: border-bottom: thin solid #e1c4a9; */
}

/*
nav a {
    margin-right: 1rem;
    text-align: center;
    text-decoration: none;
}
*/

nav a {
  background: #e1c4a9; 
  float: left;
  color: #f2f2f2;
  text-align: center;
  margin-right: 1rem;
  padding: 0 0.1rem;
  text-decoration: none;
}

nav a:link, nav a:visited {
    color: #000000;
    text-decoration: none;
}

nav a:hover, nav a:active {
    color: #000000;
    text-decoration: underline;
}

@media screen and (min-width: 601px) {
    nav .links {
        float: right;
        margin-left: 1rem;
        margin-right: 0rem;

    }
    nav home {
        float: left;
    }
}

/* Posts */
article {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

p.meta {
    margin-top: 0;
    font-size: 0.8rem;
    color: #004040;
    font-style: italic;
}

p.summary {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

div .more {
    margin-top: 0;
    font-weight: bold;
}

/* RSS */
.rss {
    padding: 0.3rem 0.35rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: bold;
}