/*
  Theme Name: Twenty Seventeen Child
  Description: Twenty Seventeen Child for OTS Blog
  Template: twentyseventeen
  Version: 1.0.0
  License: GNU General Public License v3 or later
  License URI: https://www.gnu.org/licenses/gpl-3.0.html
  Text Domain: twenty-seventeen-child
*/

/*
  Lighten the transparent gradient overlay for
  the header background image.
*/
.custom-header-media::before {
  background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0.15) 100%);
  background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0.15) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0.15) 100%);
}

/* slight border around header images */
.headerimage-article img {
    border-style: solid;
    border-width: 1px;
}

.headerimage-card img {
    border-style: solid;
    border-width: 1px;
    margin-bottom: -1em;
}



/* Make header title not all uppercase. */
.site-title {
  text-transform: unset;
}

/*
  Color the title and subtitle.
  Without '!important' the color of title and
  subtitle (site-description) is overridden by the settings
  in the WP admin customizer (Colors > Header Text Color).
  Better to keep all our styles here in one place.
*/
.site-title,
.site-title a {
  color: #326d48 !important;
}
.site-description {
  color: #000000 !important;
}

/* Add subtle light shadow behind header text for readability. */
.site-description,
.site-title {
  text-shadow:
    -1px -1px 4px rgb(240, 240, 240),
    1px 1px 4px rgb(240,240,240),
    1px -1px 4px rgb(240,240,240),
    -1px 1px 4px rgb(240,240,240);
}

/* Lighten side bar search button so it doesn't distract. */
.search-submit {
  background-color: rgb(187, 187, 187);
}

/* Make post titles bold. */
.entry-title a,
h1 {
  font-weight: bold;
}

/*
  Header ots logo. Hide it for phone screens, adjust
  size and spacing for larger screens.
*/
.header-ots-logo-wrapper {
  display: none;
}


@media screen and (min-width: 32em) {
  header {
        background: #ddd;
        margin-left: -1em;
        margin-right: -1em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-bottom: 0.5em;
  }


  .header-ots-logo-wrapper {
    display: inline-block;
    vertical-align: middle;
  }

  .header-ots-logo {
    height: 2.6em;
    width: 2.6em;
    fill: currentColor;
    top: 0.14em;
    position: relative;
  }

  .site-branding-text {
    padding-left: 0.4em;
  }
}


@media screen and (min-width: 48em) {

  .header-ots-logo-wrapper {
    display: inline-block;
    vertical-align: middle;
  }

  .header-ots-logo {
    height: 3.9em;
    width: 3.9em;
    fill: currentColor;
    top: 0.21em;
    position: relative;
  }

  .site-branding-text {
    padding-left: 0.6em;
  }

  /* Adjust main and side bar column width and spacing. */
  .has-sidebar:not(.error404) #primary {
    width: 64%; /* originally 58% */
  }
  .has-sidebar #secondary {
    width: 28%; /* originally 36% */
  }

    /* Darken the pre background */
    pre {
        background: #ddd;
    }

    .entry-content {
        border-bottom: 0px solid rgb(187, 187, 187);
    }

    .entry-title a, h1 {
        font-weight: bold;
    }

    .img-circle {
      border-radius: 50%;
    }

}

blockquote {
    padding-bottom: 1.5em;
}