@charset "UTF-8";
/* replace with the above */
:root {
  --site-margin: 24px;
  /* 32.00px font-size @ 375px viewport → 40.00px font-size@ 1280px viewport*/
  --font-size-h1: clamp(2.00rem, calc(1.79rem + 0.88vw), 2.50rem);
  --font-size-h2: calc(1rem * 1.625);
  --font-size-h3: calc(1rem * 1.375);
  --font-size-h4: calc(1rem * 1.125);
  --font-size-p: calc(1rem * 1.125);
  --font-size-sublabel: calc(1rem * 0.75);
  /* 44.00px → 52.00px */
  --line-height-h1: clamp(2.75rem, calc(2.54rem + 0.88vw), 3.25rem);
  --line-height-h2: calc(1rem * 2);
  --line-height-h3: calc(1rem * 1.75);
  --line-height-h4: calc(1rem * 1.5);
  --line-height-p: calc(1rem * 2);
  --line-height-sublabel: calc(1rem * 1.125);
  --font-heading-bold: 'LibreFranklinBold';
  --font-heading: 'LibreFranklinSemiBold';
  --font-sublabel: 'LibreFranklin';
  --font-sublabel-serif: 'SourceSerif';
  --font-body: 'SourceSerif';
  --font-italic: 'SourceSerifItalic';
  --header-height: 124px; }
  @media screen and (min-width: 768px) {
    :root {
      --site-margin: 60px; } }
  @media screen and (min-width: 1024px) {
    :root {
      --site-margin: 50px; } }

@font-face {
  font-family: 'LibreFranklin';
  src: url("/wp-content/themes/oiys-2017-08/css/_new/fonts/LibreFranklin-VariableFont_wght.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'LibreFranklinSemiBold';
  src: url("/wp-content/themes/oiys-2017-08/css/_new/fonts/LibreFranklin-VariableFont_wght.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'LibreFranklinBold';
  src: url("/wp-content/themes/oiys-2017-08/css/_new/fonts/LibreFranklin-VariableFont_wght.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'LibreFranklinItalic';
  src: url("/wp-content/themes/oiys-2017-08/css/_new/fonts/LibreFranklin-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'SourceSerif';
  src: url("/wp-content/themes/oiys-2017-08/css/_new/fonts/SourceSerif4Variable-Roman.ttf.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'SourceSerifItalic';
  src: url("/wp-content/themes/oiys-2017-08/css/_new/fonts/SourceSerif4Variable-Italic.ttf.woff2") format("woff2");
  font-weight: normal;
  font-style: italic; }
* {
  font-family: "LibreFranklin", sans-serif; }

.collection-fontawesome470 {
  height: auto;
  width: 16px; }

/* Animation */
.svg-spin {
  -webkit-animation: svg-spin 2s infinite linear;
  animation: svg-spin 2s infinite linear; }

.svg-pulse {
  -webkit-animation: svg-spin 1s infinite steps(8);
  animation: svg-spin 1s infinite steps(8); }

@-webkit-keyframes svg-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes svg-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
/* functions */
/* mixins */
.access, .ui-helper-hidden-accessible {
  left: -9999px;
  position: absolute; }

/*
	A collection of all Font-Awesome 4.7 icons as SVGs in easy to use SCSS mixins
*/
html {
  font-size: 16px;
  scroll-behavior: smooth; }
  html body {
    font-family: var(--font-body), sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    height: 100%; }

header {
  display: grid;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  grid-template-rows: [first-start] min-content [first-end second-start] min-content [second-end];
  grid-template-columns: [first-start] min-content [first-end second-start] min-content [second-end];
  justify-content: space-between;
  row-gap: 20px;
  /* height: 124px; */
  height: 140px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 23px;
  padding: 20px var(--site-margin) 0; }
  @media screen and (min-width: 768px) {
    header {
      border-bottom: none;
      height: 135px; } }
  @media screen and (min-width: 1024px) {
    header {
      border-bottom: 1px solid black;
      grid-template-columns: [first-start] min-content [first-end second-start] min-content [second-end third-start] min-content [third-end];
      height: 142.28px;
      width: calc(100% - (var(--site-margin) * 2));
      margin: 0 auto 32px;
      justify-items: center;
      padding: 33px 0 0; } }
  @media screen and (min-width: 1440px) {
    header {
      height: 186px;
      width: unset;
      max-width: 1280px;
      margin: 0 auto 40px;
      padding: 20px 0 0; } }
  header .logo {
    grid-row-start: first-start;
    grid-row-end: first-end;
    margin: 0; }
    @media screen and (min-width: 1024px) {
      header .logo {
        grid-column-start: first-start;
        grid-column-end: third-end; } }
    header .logo a img {
      width: 224px;
      height: 18px; }
      @media (prefers-color-scheme: dark) {
        header .logo a img {
          background: white; } }
      @media screen and (min-width: 1024px) {
        header .logo a img {
          width: 327px;
          height: 26.277px; } }
      @media screen and (min-width: 1440px) {
        header .logo a img {
          width: 497.78px;
          height: 40px; } }
  header .hamburger {
    border: none;
    background: none;
    grid-row-start: first-start;
    grid-row-end: first-end;
    margin-top: -5px; }
    @media screen and (min-width: 1024px) {
      header .hamburger {
        display: none; } }
  header .social-icons {
    display: none; }
    @media screen and (min-width: 1024px) {
      header .social-icons {
        display: flex;
        gap: 17.1px;
        grid-row-start: first-start;
        grid-row-end: first-end;
        grid-column-start: first-start;
        grid-column-end: first-end; } }
    @media screen and (min-width: 1440px) {
      header .social-icons {
        gap: 24px; } }
    @media screen and (min-width: 1024px) {
      header .social-icons a img {
        width: 22.756px;
        height: 22.756px; } }
    @media screen and (min-width: 1440px) {
      header .social-icons a img {
        width: unset;
        height: unset; } }
  header form {
    grid-column-start: first-start;
    grid-column-end: second-end;
    margin-block-end: 0; }
    @media screen and (min-width: 1024px) {
      header form {
        width: 221px;
        grid-row-start: first-start;
        grid-row-end: first-end;
        grid-column-start: third-start;
        grid-column-end: third-end;
        margin-top: -10px; } }
    @media screen and (min-width: 1440px) {
      header form {
        width: 305px;
        margin-top: unset; } }
    header form input[type=search] {
      padding: 13px 15px 13px 40px;
      border: 1px solid #9E9E9E;
      border-radius: 50px;
      background: url("/wp-content/themes/oiys-2017-08/images/_new/icons/magnifying-glass.svg") no-repeat 15px center;
      font-size: 16px;
      font-weight: 700;
      width: 100%; }
    header form button {
      display: none; }
  header nav {
    display: none;
    background: white;
    position: absolute;
    /* margin: 0 -24px; */
    width: 100%;
    box-sizing: border-box;
    /* top: 123px; */
    top: 144px;
    max-height: calc(100vh - 124px);
    overflow-x: hidden;
    overflow-y: auto; }
    header nav.open {
      display: block; }
    @media screen and (min-width: 1024px) {
      header nav {
        display: block;
        background: none;
        overflow: visible;
        top: 71.28px; } }
    @media screen and (min-width: 1440px) {
      header nav {
        top: 123px; } }
    header nav > ul {
      padding: 0;
      margin: 0;
      width: 100%; }
      @media screen and (min-width: 1024px) {
        header nav > ul {
          display: flex;
          justify-content: center; } }
      header nav > ul > li {
        list-style: none;
        padding: 16px var(--site-margin);
        font-size: 24px;
        font-weight: 600;
        text-transform: uppercase;
        width: 100%; }
        header nav > ul > li.open > a {
          border-bottom: 1px solid #eea841; }
        header nav > ul > li.open > ul {
          display: block;
          list-style: none; }
        @media screen and (min-width: 1024px) {
          header nav > ul > li {
            font-size: 16px;
            width: unset;
            padding: 16px 20px 32px;
            font-weight: 700; }
            header nav > ul > li.open > ul {
              columns: 3;
              margin-top: 20px; } }
        @media screen and (min-width: 1440px) {
          header nav > ul > li {
            font-size: 16px;
            width: unset; } }
        header nav > ul > li > ul {
          display: none;
          padding: 0;
          margin: 0;
          width: 100%; }
          @media screen and (min-width: 1024px) {
            header nav > ul > li > ul {
              position: absolute;
              left: 0;
              background: white;
              width: 100%;
              /* max-height: calc(100vh - 176px); */
              max-height: none;
              overflow-y: auto;
              overflow-x: hidden; } }
          @media screen and (min-width: 1440px) {
            header nav > ul > li > ul {
              /* max-height: calc(100vh - 186px); */
              max-height: none; } }
          header nav > ul > li > ul > li {
            padding: 0;
            font-size: 18px;
            font-weight: 700;
            line-height: 42px; }
            @media screen and (min-width: 1024px) {
              header nav > ul > li > ul > li {
                font-size: 16px;
                padding: 0 24px; } }
    header nav a {
      color: #000000;
      text-decoration: none; }

body {
  font-family: 'LibreFranklin', sans-serif;
  margin: 0;
  height: 100%; }

main {
  display: block;
  width: 100%; }
  @media screen and (min-width: 1440px) {
    main section {
      max-width: 1280px;
      margin-right: auto;
      margin-left: auto; } }
  main section .article-links {
    display: contents;
    /* added to allow the link to not disrupt any grid stylings within article elements */
    cursor: pointer;
    color: inherit; }

footer {
  background: #E6E6DF;
  clear: both;
  /* needed to appear correctly with a ceros iframe on the page */
  padding: 40px 0 14px; }
  @media screen and (min-width: 768px) {
    footer {
      display: grid;
      padding: 40px 0 0 0;
      grid-template-columns: [first-start] min-content [first-end second-start] 1fr [second-end third-start] min-content [third-end fourth-start] min-content [fourth-end];
      grid-template-rows: [first-start] min-content [first-end second-start] min-content [second-end third-start] min-content [third-end fourth-start] min-content [fourth-end fifth-start] min-content [fifth-end]; } }
  footer span {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    margin: 0 var(--site-margin) 13px; }
    @media screen and (min-width: 768px) {
      footer span {
        display: grid;
        margin: 0 60px 13px;
        grid-column-start: first-start;
        grid-column-end: first-end;
        grid-row-start: first-start;
        grid-row-end: first-end; } }
  footer .subscribe-text {
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-family: 'SourceSerif';
    margin: 0 var(--site-margin) 24px; }
    @media screen and (min-width: 768px) {
      footer .subscribe-text {
        margin: 0 60px 24px;
        grid-column-start: first-start;
        grid-column-end: first-end;
        grid-row-start: second-start;
        grid-row-end: second-end; } }
  footer .subscribe {
    display: inline-block;
    box-sizing: border-box;
    background: #202B42;
    color: #FFFFFF;
    height: 50px;
    width: calc(100% - 48px);
    line-height: 50px;
    margin: 0 var(--site-margin) 24px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    text-decoration: none; }
    footer .subscribe::before {
      display: inline-grid;
      content: '';
      background-image: url(/wp-content/themes/oiys-2017-08/images/_new/icons/envelope.svg);
      background-size: 24px 18px;
      width: 24px;
      height: 28px;
      background-repeat: no-repeat;
      margin-right: 10px;
      align-content: center; }
    @media screen and (min-width: 768px) {
      footer .subscribe {
        width: 260px;
        margin: 0 60px 24px;
        grid-column-start: first-start;
        grid-column-end: first-end;
        grid-row-start: third-start;
        grid-row-end: third-end; } }
  footer .social-icons {
    display: flex;
    gap: 32px;
    margin: 0 auto 32px;
    width: fit-content; }
    @media screen and (min-width: 768px) {
      footer .social-icons {
        grid-column-start: first-start;
        grid-column-end: first-end;
        grid-row-start: fourth-start;
        grid-row-end: fourth-end;
        margin-bottom: 111px; } }
    footer .social-icons a img {
      width: 40px;
      height: 40px; }
  footer nav {
    margin: 0 var(--site-margin); }
    @media screen and (min-width: 768px) {
      footer nav {
        max-width: 138px;
        margin: 0 var(--site-margin) 0 0;
        grid-row-start: first-start;
        grid-row-end: fourth-end; } }
    footer nav h2 {
      margin: 0 0 21px;
      font-size: 16px;
      font-weight: 700;
      line-height: 23px;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      height: 23px; }
      footer nav h2::before {
        display: inline-grid;
        content: '';
        width: 15px;
        height: 23px;
        background: url(/wp-content/themes/oiys-2017-08/images/_new/logos/pin-v1.png);
        background-size: 15px 23px;
        background-repeat: no-repeat;
        position: relative;
        top: 6px;
        margin-right: 10px; }
    footer nav ul {
      display: flex;
      flex-direction: column;
      gap: 15px;
      margin: 0 0 44px;
      padding: 0; }
      footer nav ul li {
        list-style: none;
        white-space: nowrap; }
        footer nav ul li a {
          color: #000000;
          text-decoration: none;
          font-size: 16px;
          font-weight: 500; }
    @media screen and (min-width: 768px) {
      footer nav[aria-labelledby=learn-nav] {
        grid-column-start: third-start;
        grid-column-end: third-end; } }
    @media screen and (min-width: 768px) {
      footer nav[aria-labelledby=company-nav] {
        width: 138px;
        grid-column-start: fourth-start;
        grid-column-end: fourth-end; } }
    footer nav[aria-labelledby=company-nav] ul li:last-child, footer nav[aria-labelledby=company-nav] ul li:nth-last-child(2) {
      white-space: initial; }
  footer hr {
    height: 1px;
    color: #9E9E9E;
    background-color: #9E9E9E;
    margin: 0 0 16px;
    border: none; }
    @media screen and (min-width: 768px) {
      footer hr {
        grid-column-start: first-start;
        grid-column-end: fourth-end;
        grid-row-start: fifth-start;
        grid-row-end: fifth-end; } }
  @media screen and (min-width: 768px) {
    footer .footer-links {
      display: inline-block; } }
  @media screen and (min-width: 768px) {
    footer .footer-links.company {
      margin-left: var(--site-margin);
      grid-row-start: fifth-start;
      grid-row-end: fifth-end;
      grid-column-start: first-start;
      grid-column-end: first-end; } }
  @media screen and (min-width: 768px) {
    footer .footer-links.links {
      text-align: right;
      margin-right: var(--site-margin);
      grid-row-start: fifth-start;
      grid-row-end: fifth-end;
      grid-column-start: third-start;
      grid-column-end: fourth-end; } }
  footer .footer-links a {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    margin: 0 var(--site-margin) 24px; }
    @media screen and (min-width: 768px) {
      footer .footer-links a {
        margin: 0; } }

.desktop-only {
  display: none; }

.mobile-only {
  display: inline; }

.javascript-required {
  display: none; }

[hidden] {
  display: none; }

/* styles for Google Ads */
.advertisement-google {
  margin: 1rem 0; }
  .advertisement-google .advertisement-notice {
    font-size: var(--font-size-sublabel);
    line-height: var(--line-height-sublabel);
    color: #626c7f;
    font-family: var(--font-sublabel);
    width: 100%;
    text-align: center; }
  .advertisement-google .advertisement {
    /* min-height: 250px; */
    width: 100%;
    /* background-color: $color-neutral-200; */ }
  .advertisement-google.article-advertisement-footer-sticky {
    bottom: 0;
    margin: 0;
    /* min-height:100px; */
    position: fixed;
    width: 100%;
    z-index: 2; }
    .advertisement-google.article-advertisement-footer-sticky .advertisement-notice {
      display: none; }
  .advertisement-google a.button-advertisement-close {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 6px 6px 0 0;
    box-sizing: border-box;
    color: #eea841;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0 0 0;
    height: 22px;
    min-width: 20px;
    position: absolute;
    right: 6px;
    text-decoration: none;
    top: -22px;
    z-index: -1; }
  .advertisement-google .advertisement-google-inner {
    text-align: center; }
  .advertisement-google.content-ad-banner {
    margin: 0 var(--site-margin) 32px; }

/* styles for skimlinks */
.skimlinks-article-disclaimer,
body.skimlinks-disclosure-active article.noskimlinks .skimlinks-article-disclaimer {
  display: none; }

body.skimlinks-disclosure-active .skimlinks-article-disclaimer {
  display: block; }

/* allow space for the admin bar when we are logged into wordpress */
body.admin-bar {
  margin-top: 46px; }
  @media screen and (min-width: 781px) {
    body.admin-bar {
      margin-top: 32px; } }

/*# sourceMappingURL=template.css.map */









.oiys-announcement{
	background: #E6E6DF;
	border-bottom: 1px solid #9E9E9E;
	border-top: 1px solid #9E9E9E;
	padding: 12px 24px;
	line-height: 200%;
	text-align: center;
	margin: 0 0 12px 0;
	display: none;
}
.oiys-announcement-wrapper{	
	display: grid;
	grid-template-columns: 100%;
	grid-row-gap: 12px;
	margin: 0 auto;
}
.oiys-announcement a{
	color: #202B42;
}
.oiys-announcement a.oiys-announcement-dismiss {
	display: inline-block;
	box-sizing: border-box;
	background: #202B42;
	color: #FFFFFF;
	text-decoration: none;
	float: right;
	padding: 4px 24px;
	margin-top: -4px;

	place-self: center;
}
.oiys-announcement a.oiys-announcement-dismiss .icon-dismiss{
	content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1792' width='12px' height='12px' style='fill:%23fff;' ><path d='M1277 1122q0-26-19-45l-181-181 181-181q19-19 19-45 0-27-19-46l-90-90q-19-19-46-19-26 0-45 19l-181 181-181-181q-19-19-45-19-27 0-46 19l-90 90q-19 19-19 46 0 26 19 45l181 181-181 181q-19 19-19 45 0 27 19 46l90 90q19 19 46 19 26 0 45-19l181-181 181 181q19 19 45 19 27 0 46-19l90-90q19-19 19-46zm387-226q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z' /></svg>")
}
.oiys-announcement a.oiys-announcement-dismiss span {
	color: #ffffff;
	padding: 0 0 0 7px;
}
.oiys-announcement.oiys-announcement-active{ display: block; }

@media screen and (min-width: 1024px) {
	.oiys-announcement-wrapper{ grid-template-columns: 80% 20%; }
}

@media screen and (min-width: 1440px) {
	.oiys-announcement-wrapper{ max-width: 1280px; }
}