/* Simpol Theme - Download at: github.com/simpol-theme/simpol-theme-jekyll/releases

      Coded by & Copyright © reserved by Mathson Design, LLC and Scott Mathson
More information can be found at https://mathsondesignco.com/simpol
Theme based off of Scott's personal site: https://scottmathson.me */

/**

* CONTENTS
*
* NORMALIZING
* Basic aspects--------Scott's version of "Normalize", custom to this site.
*
* PAGE-DEFAULT
* Default styles----------------for pages, including only 3 media queries throughout entire stylesheet.
*   > PAGE-DEFAULT-404----------------"404 Page" page specific.
*
* POST-DEFAULT
* Default styles----------------for posts, etc.
*
* MISC
* Miscellaneous styles----------------for items throughout site.
*/

/——————————–\

#NORMALIZING

*——————————–*/ html {

position: relative;
min-height: 100%;
font-family: sans-serif;
font-weight: normal;
font-size: .9em;
color: #333;

} body {

background-color: #fffefd;

} h1, h2 {

font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 700;
color: #222;
letter-spacing: .5px;
      font-size: 1.7em;
line-height: 1.5em;

} h3, h4, h5, h6 {

font-weight: 400;
color: #333;
line-height: 1.5em;

} h3, h4 {

font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

} h5, h6 {

font-family: "Lucida Sans Typewriter", "Lucida Console", monaco, monospace;

} p {

font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 400;
font-size: 0.95em;
line-height: 1.75em;
color: #333;

} article, aside, footer, header, nav, section, iframe {

display: block;
border: 0px solid;

} hr {

border: 0.5px solid;
color: #dedede;

} img {

width: 100%;

} a {

color: #777;
background-color: transparent;

} a:hover, a:focus {

color: #454545;
text-decoration: none;

} button:hover, button:focus {

color: #454545;
outline-width: 0;
text-decoration: none;

} blockquote {

margin: 0 0 5% 0;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
padding: 2%;
border-left: 4px solid #eee;

} ul {

list-style-type: circle;

} li {

font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 400;
line-height: 1.5em;
color: #333;

} pre, code {

background-color: #333;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
line-height: 1rem;
font-weight: 400;
font-size: .8rem;
padding: 2px;
color: #ededed;
overflow: auto;

} .mono {

font-family: "Lucida Sans Typewriter", "Lucida Console", monaco, monospace;

} .pull-left {

float: left;

} .pull-right {

float: right;

} .btn-primary {

font-size: .9em;
      text-align: center;
      color: white;
background-color: #777;
border: 0px;
padding: 1.2%;
text-decoration: none;
outline: none;

}

/——————————–\

#PAGE-DEFAULT

*——————————–*/ @media (min-width: 320px) {

#mini-about {
  margin: 0em 0em 3em 0em;
}
#mini-about .sm-1-col h1 {
  font-size: 2.1em;
  display: inline-block;
}
#mini-about .sm-1-col p {
  line-height: 1.9em;
  font-size: 0.95em;
}
#mini-about img {
  width: 20%;
}
.smaller {
      font-size: 0.75em;
}
.main {
    padding: 2.5%;
    margin: 4%;

}
nav {
    position: relative;
    overflow: hidden;
    background-color: #fffefd; /* just in case */
    text-align: center;
    width: 100%;
    margin-top: 2.5%;
    margin: 3px 0px;
    border-bottom: 1px solid #dedede;
}
nav a {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-decoration: none;
}
nav h1 {
  font-size: 1.2em;
}
nav p {
  font-size: .8em;
}
.top-headline-photo {
  padding-bottom: 14%;
}
      footer {
              float: none;
              text-align: center;
              padding: 0;
  top: 95vh;
  width: 100%;
      }
.sm-1-col {
  width: 100%;
}
.mobile-hide {
  display: none;
}
.small-mobile-hide {
  display: none;
}
.mobile-only-show {
  display: block;
}
.post-cta {
      float: none;
  width: 30%;
}
.social-sharing {
  margin: 2% auto;
}
.social-sharing svg {
  width: 8%;
}

} @media (min-width: 768px) {

#mini-about .pull-left {
  margin-bottom: -1%;
}
.md-2-col {
  width: 48%;
}
.lg-onequarter-col {
  width: 48%;
}
.lg-threequarter-col {
  width: 48%;
}
.small-mobile-hide {
  display: block;
}
.post-header-img {
  padding-top: 10%;
}
.post-cta {
      float: right;
}
.social-sharing svg {
  width: 3%;
}

} @media (min-width: 1060px) {

#mini-about {
  margin: 0 0 4em 0;
}
.main {
    padding: 2%;
    margin: 0 5% 0 30%;
}
nav {
    position: fixed;
    padding: 2.5em;
                      text-align: left;
    width: 18%;
    margin: 0;
    border-bottom: none;
}
nav h1 {
  font-size: 1.7em;
}
nav p {
  font-size: 1em;
}
      footer {
              float: left;
        position: fixed;
        top: 88vh;
              padding: 2.5%;
  width: auto;
      }
.lg-2-col {
  width: 48%;
}
.lg-onequarter-col {
  width: 20%;
}
.lg-threequarter-col {
  margin-left: 2.8%;
  width: 75%;
}
.post-cta {
      width: 40%;
}
.social-sharing svg {
  width: 22%;
}
.social-sharing {
  left: -15%;
  margin: 0 auto;
  position: absolute;
  bottom: -0.05%;
  width: 15%;
}
.mobile-hide {
  display: block;
}
.small-mobile-hide {
  display: block;
}
.mobile-only-show {
  display: none;
}

} .page-wrapper {

width: 100%;
position: relative;
z-index: 1

} .inner-wrapper:after {

content: "";
display: block;
clear: both;

} .page-wrapper .inner-wrapper {

width:100%;
overflow: auto;
z-index: auto;

} footer p {

font-size: .6em;

}

/——————————–\

#POST-DEFAULT

*——————————–*/ .post-preview {

border-bottom: 0.5px solid #ddd;
padding: 2.5% 0 2.5% 0;

} .post-preview:after {

content: "";
display: table;
clear: both;

} .pager {

margin: 0 auto;

} .pager a {

text-decoration: none;

} .pager button {

margin: 0 auto;

} .post-header-img {

max-width: 250px;
max-height: 250px;

} .social-sharing a {

text-decoration: none;

}

/——————————–\

#MISC

*——————————–*/

.hidden {display: none;} .inline-block {display: inline-block;} .flex {display: flex;}