@font-face {
  font-family: ClearSans;
  font-style: normal;
  font-weight: 700;
  src: url(../font/ClearSans-Bold.ttf) format("truetype"); }

@font-face {
  font-family: ClearSans;
  font-style: italic;
  font-weight: 700;
  src: url(../font/ClearSans-BoldItalic.ttf) format("truetype"); }

@font-face {
  font-family: ClearSans;
  font-style: italic;
  font-weight: 400;
  src: url(../font/ClearSans-Italic.ttf) format("truetype"); }

@font-face {
  font-family: ClearSans;
  font-style: italic;
  font-weight: 300;
  src: url(../font/ClearSans-Light.ttf) format("truetype"); }

@font-face {
  font-family: ClearSans;
  font-style: normal;
  font-weight: 500;
  src: url(../font/ClearSans-Medium.ttf) format("truetype"); }

@font-face {
  font-family: ClearSans;
  font-style: italic;
  font-weight: 500;
  src: url(../font/ClearSans-MediumItalic.ttf) format("truetype"); }

@font-face {
  font-family: ClearSans;
  font-style: normal;
  font-weight: 400;
  src: url(../font/ClearSans-Regular.ttf) format("truetype"); }

@font-face {
  font-family: ClearSans;
  font-style: normal;
  font-weight: 100;
  src: url(../font/ClearSans-Thin.ttf) format("truetype"); }

/*
WP default aligns
*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignwide {
  margin: 32px calc(25% - 25vw);
  max-width: 1600px;
  padding-right: 10px;
  padding-left: 10px; }
  @media screen and (min-width: 768px) {
    .alignwide {
      padding-right: 25px;
      padding-left: 25px; } }

.alignfull {
  margin: 32px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  text-align: center; }
  .wp-caption.alignnone {
    margin: 5px 20px 20px 0; }
  .wp-caption.alignleft {
    margin: 5px 20px 20px 0; }
  .wp-caption.alignright {
    margin: 5px 0 20px 20px; }
  .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto; }
  .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }