@font-face {
  font-family: "Avenir Next Regular";
  src: url("../fonts/AvenirNext-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/AvenirNext-Regular.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts//AvenirNext-Regular.woff")
      format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/AvenirNext-Regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */ url("../fonts/AvenirNext-Regular.svg")
      format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: "DecimaMonoPro";
  src: url("../fonts/DecimaMonoPro.eot");
  src: url("../fonts/DecimaMonoPro.eot") format("embedded-opentype"),
    url("../fonts/DecimaMonoPro.woff2") format("woff2"),
    url("../fonts/DecimaMonoPro.woff") format("woff"),
    url("../fonts/DecimaMonoPro.ttf") format("truetype"),
    url("../fonts/DecimaMonoPro.svg#DecimaMonoPro") format("svg");
}

@font-face {
  font-family: "ChronicleDispSemibold";
  src: url("../fonts/ChronicleDispSemibold.eot");
  src: url("../fonts/ChronicleDispSemibold.eot") format("embedded-opentype"),
    url("../fonts/ChronicleDispSemibold.woff2") format("woff2"),
    url("../fonts/ChronicleDispSemibold.woff") format("woff"),
    url("../fonts/ChronicleDispSemibold.ttf") format("truetype"),
    url("../fonts/ChronicleDispSemibold.svg#ChronicleDispSemibold")
      format("svg");
}

.i-grid {
  position: relative;
  padding: 10px 0;
}

.i-grid .header-grey {
  font-size: 18px;
  margin: 0;
  color: #b5b5b5;
}

.interview-header .header-grey {
  color: #666666;
  max-width: 230px;
}

.membership-faqs-header .header-grey {
  color: #666666;
}

.i-grid .header-grey > * {
  vertical-align: top;
}

.i-grid .header-grey + img {
  margin-top: 10px;
}

.i-grid hr {
  display: block;
  width: 100%;
  margin-bottom: 3px;
}

.i-grid header > a > img {
  width: 100%;
}

.i-grid .row > div {
  padding: 10px 0;
}

.i-grid .row > div.dbl-col {
  position: relative;
  background-color: #fff;
}

@media (max-width: 767px) {
  .i-grid .row.m-p-t-0 > div {
    padding-top: 0;
  }
  .i-grid .row.m-p-0 > div {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.i-grid .row .bt-sp-uld {
  border-bottom: 1px dotted #d8d7d6;
  padding-bottom: 10px;
}

.i-grid .row .bt-sp-uld.ad-group {
  border-bottom: 0 !important;
  padding-bottom: 0;
}

.i-grid .row .bt-sp-uld.ad-group span a,
.i-grid .row .no-top-border span a {
  border-bottom: 1px dotted #d8d7d6 !important;
  padding: 10px 0;
  border-top: 0px !important;
}

.i-grid .row .bt-sp-uld > span {
  display: block;
  text-align: center;
}

.i-grid .row.border-top > div {
  border-top: 1px dotted #d8d7d6;
}

.i-grid .bigger-text p,
.i-grid .normal-text p {
  margin-bottom: 22px;
}

.i-grid .bigger-text p:last-child,
.i-grid .normal-text p:last-child {
  margin-bottom: inherit;
}

.i-grid .bigger-text a,
.i-grid .normal-text a {
  color: #417fac;
  text-decoration: underline;
}

.i-grid p {
  margin-top: 1.42857143rem;
}

.i-grid .author ~ p {
  margin-top: 1.42857143rem;
}

.i-grid.spacier .row > div {
  border: none;
}

.i-grid.border-btm {
  border-bottom: 1px dotted #d8d7d6;
}

.i-grid.p-b-2 {
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .i-grid.m-p-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .i-grid.p-b-2 {
    padding-bottom: 10px;
  }
}

.i-grid .region {
  color: #417fac;
  font-family: "ChronicleDispSemibold";
  font-size: 29px;
  display: block;
  padding-bottom: 10px;
}

.i-grid .article-tag {
  font-family: DecimaMonoPro;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 11px;
  text-decoration: none;
}

.i-grid a.read-more {
  width: 100%;
  height: 57px;
  line-height: 57px;
  margin-top: 10px;
  padding-left: 22px;
  display: block;
  color: #fff !important;
  background: #417fac url(../images/plus.svg) no-repeat right 22px center;
  background-size: 14px;
  font-family: "Avenir Next Regular";
  font-size: 19px;
  text-decoration: none !important;
}

.i-grid a.read-more.print-icon {
  background: #417fac url(../images/print.svg) no-repeat right 22px center;
}

.i-grid a.read-more.print-icon.compact {
  background-size: 16px;
}

.i-grid a.read-more:hover {
  background-color: #002c5f;
  text-decoration: none !important;
}

.i-grid a.read-more.no-top-m {
  margin-top: 0;
}

.i-grid a.read-more.compact {
  font-size: 11px;
  font-family: DecimaMonoPro;
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  background-size: 11px;
}

.i-grid a.read-more.first {
  margin-top: 0;
}

.i-grid a.read-more.disabled {
  background: #417fac;
  text-align: center;
}

.i-grid a.read-more.disabled:hover {
  background-color: #002c5f;
  text-decoration: none !important;
}

@media (min-width: 768px) {
  .i-grid {
    display: table;
    width: 100%;
  }
  .i-grid .header-grey {
    margin-top: -4px;
    font-size: 32px;
    color: #b5b5b5;
  }
  .interview-header .header-grey {
    font-size: 28px;
    color: #666666;
    max-width: 230px;
  }
  /* .membership-faqs-header .header-grey {
    font-size: 28px;
    color: #666666;
  } */
  .i-grid .bigger-text {
    font-size: 16px;
    line-height: 27px;
    vertical-align: middle !important;
  }
  .ireoc-body .i-grid .bigger-text {
    vertical-align: top !important;
  }
  .i-grid .bigger-text p {
    margin-bottom: 26px;
  }
  .i-grid .row {
    display: table-row;
  }
  .i-grid .row.no-right-border > div {
    border-right: none;
  }
  .i-grid .row.tblonly-p-b-2 > div {
    padding-bottom: 40px;
  }
  .i-grid .row > div {
    display: table-cell;
    position: relative;
    vertical-align: top;
    width: 240px;
    max-width: 240px;
    padding: 0 10px;
    border-right: 1px dotted #d8d7d6;
  }
  .i-grid .row > div:first-child {
    padding-left: 0;
    width: 230px;
    max-width: 230px;
  }
  .i-grid .row > div:last-child {
    width: 230px;
    max-width: 230px;
    padding-right: 0;
    border-right: none;
  }
  .i-grid .row > div.dbl-col {
    width: 460px;
    max-width: 460px;
  }
  .i-grid.p-t-dbl {
    padding: 20px 0;
  }
  .i-grid p.read-more {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 1024px) {
  .i-grid.spacier {
    padding: 30px 0 !important;
  }
  .i-grid header > a > img {
    height: 220px;
  }
  .i-grid .header-grey {
    font-size: 3rem;
    margin-right: 1rem;
  }
  .i-grid hr {
    margin-bottom: 10px;
  }
  .i-grid .bigger-text {
    font-size: 19px;
    line-height: 32px;
  }
  .i-grid .bigger-text p {
    margin-bottom: 44px;
  }
  .i-grid .row > div {
    width: 327px;
    max-width: 327px;
  }
  .i-grid .row > div:first-child {
    width: 300px;
    max-width: 300px;
  }
  .i-grid .row > div:last-child {
    width: 300px;
    max-width: 300px;
  }
  .i-grid .row > div.dbl-col {
    width: 660px;
    max-width: 650px;
  }
  .i-grid .row > div.nine-12th {
    width: 710px;
    min-width: 710px;
  }
  .i-grid .row > div.nine-12th + div {
    width: auto;
    max-width: none;
  }
}