/* @import url("https://use.typekit.net/rfv6ykg.css"); */
/*#28497a;*/
/* #efa21f; */
/* @fontAwesomeBrands: 'Font Awesome 5 Brands';*/
/*@mobile_shortHeight: ~"only screen and (max-width: 1000px) and (max-height:520px)";
@mobile_tallHeight: ~"only screen and (min-width: 700px) and (max-width: 1024px) and (min-height:700px)";*/
.nwButton {
  display: inline-block;
  border: 4px solid #f4b400 !important;
  color: #f4b400;
  padding: 6px 25px;
  font-family: "ff-real-headline-pro";
  font-weight: bold;
  font-size: 1.4856rem;
  vertical-align: middle;
  margin-top: 28px;
  transition: all 0.3s ease-out;
}
.nwButton:hover {
  background-color: #ffffff;
  transform-origin: 50% 50%;
  transform: scale(1.05);
}
.orangeButton {
  position: relative;
  z-index: auto;
  display: inline-block;
  padding: 12px 25px;
  color: #236192;
  background-color: #f4b400;
  font-size: 0.8rem;
  font-weight: 900;
  margin-top: 20px;
  transition: all 0.3s ease-in-out;
  top: 0;
  left: 0;
}
.orangeButton:after {
  content: '';
  display: block;
  position: absolute;
  top: -14px;
  left: 10px;
  z-index: -1;
  border: 4px solid #236192 !important;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  transition: all 0.3s ease-in-out;
}
.orangeButton:hover {
  top: -7px;
  left: 10px;
}
.orangeButton:hover:after {
  border-color: #2d7cbb;
  top: -4px;
  left: 0px;
}
.blueButton {
  background-color: #236192;
  color: #fff;
  font-family: 'ff-real-headline-pro', arial, sans-serif;
  font-size: 14px !important;
  font-weight: bold;
  display: inline-block;
  padding: 7px 20px;
  border: 3px solid #236192 !important;
  transition: background-color 0.3s ease-out, opacity 0.3s ease-out, color 0.3s ease-out;
  text-decoration: none;
}
@media all and (max-width: 991px) {
  .blueButton {
    font-size: 1.1rem;
  }
}
.blueButton:hover {
  background-color: #fff;
  color: #236192;
}
.post-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.post-inner-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.post-inner-row .button {
  background-color: #236192;
  border: 0.2rem solid #236192 !important;
  color: #fff;
  font-family: 'ff-real-headline-pro', arial, sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  display: inline-block;
  letter-spacing: 1px;
  margin-bottom: 0;
  padding: 0.4rem 1rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.3s ease-out, opacity 0.3s ease-out, color 0.3s ease-out;
}
.post-inner-row .button:hover {
  background-color: #fff;
  color: #236192;
}
.post-card {
  width: 30%;
  margin-bottom: 5%;
}
@media only screen and (min-width: 1001px) and (max-width: 1024px), only screen and (max-width: 1000px) {
  .post-card {
    width: 45%;
  }
}
@media only screen and (max-width: 768px) {
  .post-card {
    margin-bottom: 2rem;
    text-align: left;
    width: 100%;
  }
}
.post-card:not(:nth-child(3n+3)) {
  margin-right: 5%;
}
@media only screen and (min-width: 1001px) and (max-width: 1024px), only screen and (max-width: 1000px) {
  .post-card:not(:nth-child(3n+3)) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1024px), only screen and (max-width: 1000px) {
  .post-card:not(:nth-child(2n+2)) {
    margin-right: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .post-card:not(:nth-child(2n+2)) {
    margin-right: 0;
  }
}
.post-btn {
  background-color: #236192;
  border: 0.2rem solid #236192 !important;
  color: #fff;
  font-family: 'ff-real-headline-pro', arial, sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  display: inline-block;
  letter-spacing: 1px;
  margin-bottom: 0;
  padding: 0.4rem 1rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.3s ease-out, opacity 0.3s ease-out, color 0.3s ease-out;
}
.post-btn:hover {
  background-color: #fff;
  color: #236192;
}
.post-inner {
  padding: 1rem;
}
@media only screen and (max-width: 768px) {
  .post-inner {
    padding: 0;
    padding-top: 1rem;
  }
}
.post-inner .heading {
  margin: 0;
}
.post-inner .heading a {
  color: #236192;
  font-size: 2rem;
  text-decoration: none;
}
.post-inner .heading a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .post-inner .heading {
    margin-top: 1rem;
  }
}
.callout-block {
  background-color: #236192;
  /*h1 {
        display: inline-block;
        color: @colorOrange !important;
        vertical-align: middle;
        font-family: @realHead;
        font-weight: bold;

        @media @cellphone { *all and (max-width: 550px) {*
            font-size: 1.8rem;
        }
    }*/
}
.callout-block .callout-content {
  max-width: 2000px;
  text-align: center;
}
.callout-block a {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
}
.callout-block.vertical .callout-content {
  padding: 15px 0px;
  /*h1 {
            display: block;
            margin-bottom: 20px;
            padding-top: 20px;
            margin-top: 0;
        }*/
}
@media only screen and (max-width:550px) {
  .callout-block.vertical .callout-content {
    /* all and (max-width: 550px) { */
    padding-left: 15px;
    padding-right: 15px;
  }
}
.callout-block.vertical .callout-content a {
  margin-bottom: 25px;
}
.callout-block.horizontal .callout-content {
  margin-left: 15px;
  margin-right: 15px;
}
.callout-block.horizontal .callout-content a {
  margin-left: 25px;
}