/** 
 * main.css
 * 
 * 1. General HTML tags
 * 2. Masthead area
 * 3. Main content and sidebar
 * 4. Footer
 * 5. Media queries for responsive layout
 * 6. Accessibility helpers
 * 
 */

/*********************************************************************
 * 1. General HTML tags
 *
 */

@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-Regular.woff2") format("woff2"),
    url("../fonts/Jost-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-Light.woff2") format("woff2"),
    url("../fonts/Jost-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-Thin.woff2") format("woff2"),
    url("../fonts/Jost-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-Bold.woff2") format("woff2"),
    url("../fonts/Jost-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-Medium.woff2") format("woff2"),
    url("../fonts/Jost-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-ExtraLight.woff2") format("woff2"),
    url("../fonts/Jost-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-SemiBold.woff2") format("woff2"),
    url("../fonts/Jost-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

* {
  box-sizing: border-box;
}

body {
}

body,
td,
input[type="text"],
textarea {
  font-family: "Jost", serif;
  font-size: 105%;
  line-height: 1.8em;
  color: #444;
}

img {
}

h1 {
  font-family: "Jost", serif;
}

h2 {
  font-family: "Jost", serif;
}

h3 {
  font-family: "Jost", serif;
}

a {
}
a:hover,
.nav a:hover {
}

blockquote {
}

pre,
code {
}

pre {
}

/*********************************************************************
 * 2. Masthead area
 *
 */

/*********************************************************************
 * 3. Main content and sidebar
 *
 */

#main {
}

#content {
}

body.has-sidebar #sidebar {
}

.align_left {
  /* for images placed in rich text editor */
  float: left;
  margin: 0 1em 0.5em 0;
  position: relative;
  top: 0.5em;
  max-width: 50%;
}

.align_right {
  /* for images placed in rich text editor */
  float: right;
  margin: 0 0 0.5em 1em;
  max-width: 50%;
}

.align_center {
  /* for images placed in rich text editor */
  display: block;
  margin: 1em auto;
  position: relative;
  top: 0.5em;
}

/*********************************************************************
 * 4. Footer
 *
 */

#footer {
}

/*********************************************************************
 * 5. Media queries for responsive layout
 *
 */

@media only screen and (min-width: 980px) {
  html {
    /* background-repeat: no-repeat;
		background-size: cover; */
  }
}

@media only screen and (max-width: 979px) {
  html {
    /* background-repeat: no-repeat;
		background-size: 100%; */
  }

  #col-2 {
    margin-top: 150px !important;
  }
}