/* darken( $color__link, 10% );*/
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
 * layers of box-shadow to add the border visually, which will render the border smoother. */
/* Fallback for non-latin fonts */
/* Calculates maximum width for post content */
/* Nested sub-menu padding: 10 levels deep */
.orange-title,
.orange-title a {
  margin-bottom: .5rem;
  margin-top: 0.75rem;
  color: #ac2715;
  font-size: 24px;
  font-weight: 700;
  font-family: freight-sans-pro, Helvetica, Roboto, Arial, sans-serif;
  line-height: 1.3; }

.orange-title a:focus,
.orange-title a:hover {
  color: #d32f19;
  text-decoration: none; }

.aspect-ratio-1x1 {
  position: relative;
  width: 100%;
  padding-top: 100%; }

.aspect-ratio-1x1 > .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat 50%/cover; }

.aspect-ratio-1x1 > .image.contain {
  background-size: contain; }

.aspect-ratio-1x1 > :not(img) {
  width: 100%;
  height: 100%; }

.aspect-ratio-1x1 > img {
  margin: 1rem auto;
  max-width: calc(100% - 2rem);
  max-height: calc(100% - 2rem); }

.button,
button {
  font-family: freight-sans-pro, Helvetica, Roboto, Arial, sans-serif;
  background-color: #435864;
  padding: .75rem 1rem;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #f6f6f6;
  cursor: pointer;
  -webkit-transition: background-color .25s ease-out, color .25s ease-out;
  transition: background-color .25s ease-out, color .25s ease-out; }

.button:focus,
.button:hover,
button:focus,
button:hover {
  background-color: #597c88;
  outline-color: #e5c183; }

.button.secondary,
button.secondary {
  color: #f6f6f6; }

.button.link,
.button.plain,
button.link,
button.plain {
  padding: 0;
  background-color: transparent;
  color: #435864;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  font-weight: 400;
  cursor: pointer; }

.button.plain,
button.plain {
  font-weight: 700;
  font-family: freight-text-pro, serif;
  font-style: italic;
  text-decoration: none; }

.button.active,
.menu .active .button,
.menu .active button,
button.active {
  text-decoration: none;
  background-color: #597c88; }

/* HERO BLOCK*/
.hero-cont {
  max-height: 800px;
  background-color: #111; }
  .hero-cont .hero {
    font-family: freight-sans-pro, Helvetica, Roboto, Arial, sans-serif; }
    .hero-cont .hero > div {
      background-position: 50%;
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 400px; }
      @media only screen and (min-width: 600px) {
        .hero-cont .hero > div {
          height: 600px; } }
      @media only screen and (min-width: 768px) {
        .hero-cont .hero > div {
          height: 700px; } }
    .hero-cont .hero .hero-inner {
      width: 215px;
      height: 215px;
      border-width: 13px;
      color: #f6f6f6;
      text-align: center;
      border: 20px solid rgba(237, 210, 161, 0.7);
      position: relative; }
      @media only screen and (min-width: 600px) {
        .hero-cont .hero .hero-inner {
          width: 350px;
          height: 350px; } }
      .hero-cont .hero .hero-inner .top-text {
        position: relative;
        text-transform: uppercase;
        top: 1rem; }
        @media only screen and (min-width: 600px) {
          .hero-cont .hero .hero-inner .top-text {
            top: 2rem; } }
      .hero-cont .hero .hero-inner .title-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        font-family: freight-text-pro, serif;
        font-style: italic;
        font-size: 96px; }
        @media only screen and (min-width: 600px) {
          .hero-cont .hero .hero-inner .title-text {
            font-size: 154px; } }
      .hero-cont .hero .hero-inner span {
        line-height: 1;
        margin: 0;
        display: block; }
      .hero-cont .hero .hero-inner .bottom-text {
        bottom: 1rem; }
        @media only screen and (min-width: 600px) {
          .hero-cont .hero .hero-inner .bottom-text {
            bottom: 2rem; } }
      .hero-cont .hero .hero-inner .bottom-icon {
        bottom: -.5rem; }
        @media only screen and (min-width: 600px) {
          .hero-cont .hero .hero-inner .bottom-icon {
            bottom: 0; } }

.centerme, .hero-cont .hero .hero-inner .bottom-text, .hero-cont .hero .hero-inner .bottom-icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

.hfz, .hero-cont .hero .hero-inner .top-text, .hero-cont .hero .hero-inner .bottom-text, .hero-cont .hero .hero-inner .bottom-icon {
  font-size: 18px;
  font-weight: 700; }
  @media only screen and (min-width: 600px) {
    .hfz, .hero-cont .hero .hero-inner .top-text, .hero-cont .hero .hero-inner .bottom-text, .hero-cont .hero .hero-inner .bottom-icon {
      font-size: 24px; } }


/*# sourceMappingURL=hero-homepage.css.map*/