/* Coded by & copyright reserved by Scott Mathson, Mathson Design, LLC */


/**
 * CONTENTS
 *
 * COLORS
 *
 * WEBFONTS
 *
 * NORMALIZING
 * Basic aspects--------Scott's version of "Normalize", custom to this site.
 *
 */
 
 /*--------------------------------*\
   #COLORS
 \*--------------------------------*/
 :root {
   --primary-font-dark: #323232;
   --primary-font-blue: #586B73;
   --primary-font-font-pink: #f7567cff;
   --primary-font-mid-grey: #575757ff;
   
   --dark-coffee: #F2F2F0ff;
   --mid-light-grey: #fcfcfcff;
   --mid-blue-anchor: #AEE6F2;
}

 
 /*--------------------------------*\
   #WEBFONTS
 \*--------------------------------*/


 @font-face {
   font-family: 'FontAwesome5';
   src: url("/assets/fonts/fa-regular-400.eot");
   src: url("/assets/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/fa-regular-400.woff2") format("woff2"), url("assets/fonts/fa-regular-400.woff") format("woff"), url("/assets/fonts/fa-regular-400.ttf") format("truetype"), url("/assets/fonts/fa-regular-400.svg") format("svg");
   font-weight: normal;
   font-style: normal;
   font-weight: 400;
   font-display: auto;
 }
 
 @font-face {
   font-family: 'WorkSans';
   src: url("/assets/fonts/work-sans/WorkSans-Regular.otf");
   font-weight: normal;
   font-style: normal;
   font-weight: 400;
   font-display: auto;
 }
 
 @font-face {
   font-family: 'Bitter';
   src: url("/assets/fonts/bitter/Bitter-Regular.otf");
   font-weight: normal;
   font-style: normal;
   font-weight: 400;
   font-display: auto;
 }
 
 @font-face {
   font-family: 'OfficeCodePro';
   src: url("/assets/fonts/officecodepro/EOT/OfficeCodePro-Regular.eot");
   src: url("/assets/fonts/officecodepro/EOT/OfficeCodePro-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/officecodepro/WOFF2/OfficeCodePro-Regular.woff2") format("woff2"), url("/assets/fonts/officecodepro/WOFF/OfficeCodePro-Regular.woff") format("woff"), url("/assets/fonts/officecodepro/TTF/OfficeCodePro-Regular.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
   font-weight: 400;
   font-display: auto;
 }
 
 @font-face {
  font-family: 'Seravek Bold';
  src: url("/assets/fonts/servaek/Seravek-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  }

 .fas {
   font-family: 'FontAwesome5';
   font-weight: 400;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }



/*--------------------------------*\
  #NORMALIZING
\*--------------------------------*/
html {
  position: relative;
  min-height: 100%;
  font-family: 'WorkSans', sans-serif;
  font-weight: normal;
  font-size: .95em;
  color: var(--primary-font-mid-grey, #575757);
}
h1,
h2 {
  font-family: 'WorkSans', sans-serif;
  font-weight: 700;
  letter-spacing: .25px;
	font-size: 1.8em;
  line-height: 1.5em;
  color: var(--primary-font-dark, #323232);
}
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.5em;
  color: var(--primary-font-blue, #586B73);
}
h3,
h4 {
  font-family: 'WorkSans', sans-serif;
}
h5,
h6 {
  font-family: 'OfficeCodePro', monospace;
}
p {
  font-family: 'Bitter', sans-serif;
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1.75em;
  color: var(--primary-font-mid-grey, #575757);
}
article,
aside,
footer,
header,
nav,
section,
iframe {
  display: block;
  border: 0px solid;
}
hr {
  border: 0.5px solid;
  color: var(--mid-light-grey, #dbe2e2);
}
img {
  width: 100%;
}
a {
  font-family: 'Bitter', sans-serif;
  color: var(--primary-font-mid-grey, #575757);
  font-size: 1.1em;
	text-decoration: underline;
  background-color: transparent;
}
a:hover,
a:focus {
  color: var(--mid-blue-anchor, #7c8b9a);
  text-decoration: underline;
}
button:hover,
button:focus {
  color: var(--mid-blue-anchor, #7c8b9a);
  outline-width: 0;
  text-decoration: none;
}
blockquote {
  margin: 0 0 5% 0;
  font-family: Baskerville, Garamond, serif;
  padding: 2%;
  border-left: 4px solid #eee;
}
ul {
  list-style-type: circle;
}
li {
  font-family: 'Bitter', sans-serif;
  font-weight: 400;
  font-size: 1.1em;
  line-height: 1.5em;
  color: var(--primary-font-mid-grey, #575757);
}
pre,
code {
  background-color: var(--mid-light-grey, #dbe2e2);
  font-family: 'OfficeCodePro', monospace;
  line-height: 1.2rem;
  font-weight: 400;
  font-size: 0.75rem;
  padding: 5px 0 5px 0;
  color: var(--dark-coffee, #453e38);
}
.overpass {
  font-family: 'Overpass', sans-serif;
}
.worksans {
   font-family: 'WorkSans', sans-serif;  
}
.bitter {
   font-family: 'Bitter', sans-serif;  
}
.seravek {
  font-family: 'Seravek Bold', sans-serif;
}
.mono {
	font-family: 'OfficeCodePro', monospace;
}
.videoWrapper {
	position: relative;
	padding-bottom: 5%;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.featured-angled-left-quote::before, .featured-angled-left-quote::after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.featured-angled-left-quote::before {
  top: 0;
  transform: skewY(2.2deg);
  transform-origin: 100% 0;
}
.featured-angled-left-quote::after {
  bottom: 0;
  transform: skewY(-2.2deg);
  transform-origin: 100%;
}