/* theme_light.erb */

@media (prefers-color-scheme: light) {
  body {
    background: #fff;
    color: #000;
  }

  #safari {
    background-color: #fff;
  }

  .sttBtn{ background: #ccc; color: #111; }

  h1, .h1 { color: #000; }
  h2, h3, h4, h5, h6,
  .h2, .h3, .h4, .h5, .h6 {
    color: #222;
  }

  a {
    color: #111;
  }
  a:hover, a:focus {
    color: #111;
  }

  .wrapper {
    background: #fff;
  }

  .card {
    border: 1px solid #999;
    background: #fcfcfc;
    box-shadow: 1px 1px 5px #999;
  }

  .input {
    border: 1px solid #999;
    color: #111;
    background: #fff;
  }

  .btncp {
    color: #666;
    background-color: #fff;
  }

  .hrline {
    content: url("/assets/images/pixel_black.gif");
  }

  .breakfastdates {
    max-width: 1125px;
    width: 75%;
    height: auto;
    content: url("/assets/images/breakfast_dates_l.27.jpg");
  }

  .logomark {
    content: url("/assets/icons/logomark_l.27.png");
  }

  .therealyou {
    max-width: 1125px;
    width: 80%;
    height: auto;
    content: url("/assets/images/the_real_you_l.27.jpg");
  }

  .yourperson {
    max-width: 1125px;
    width: 80%;
    height: auto;
    content: url("/assets/images/your_person_l.27.jpg");
  }

  .findapartner {
    max-width: 1125px;
    width: 80%;
    height: auto;
    content: url("/assets/images/find_a_partner_l.27.jpg");
  }

  .believeinmagic {
    max-width: 1125px;
    width: 80%;
    height: auto;
    content: url("/assets/images/believe-in-magic_l.27.jpg");
  }

  .tvreviewicon {
    content: url("/assets/tv/tv_comment_l.27.png");
  }

  .tvcolumn {
    width: 300px;
    margin: 0 auto;
  }

  .tvcontentcolumn {
    width: 350px;
    margin: 0 auto;
  }

  .tvcard {
    border: 1px solid #999;
    margin: 25px;
    border-radius: 8px;
    padding: 10px;
    background: #fcfcfc;
    box-shadow: 1px 1px 5px #999;
    text-decoration: none;
    cursor: pointer;
  }

  .haikucolumn {
    width: 550px;
    margin: 0 auto;
  }

  .haikucard {
    border: 1px solid #999;
    margin: 25px;
    border-radius: 8px;
    padding: 10px;
    background: #fcfcfc;
    box-shadow: 1px 1px 5px #999;
    text-decoration: none;
    cursor: pointer;
  }
}