@font-face {
  font-family: "SuisseIntl";
  src: url("../fonts/SuisseIntl.eot"); /* IE9*/
  src: url("../fonts/SuisseIntl.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/SuisseIntl.woff2") format("woff2"),
    /* chrome、firefox */ url("../fonts/SuisseIntl.woff") format("woff"),
    /* chrome、firefox */ url("../fonts/SuisseIntl.ttf") format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("../fonts/SuisseIntl.svg") format("svg"); /* iOS 4.1- */
}

@font-face {
  font-family: "SangBleu Kingdom";
  src: url("../fonts/SangBleuKingdom-Regular.eot"); /* IE9*/
  src: url("../fonts/SangBleuKingdom-Regular.eot") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/SangBleuKingdom-Regular.woff2") format("woff2"),
    /* chrome、firefox */ url("../fonts/SangBleuKingdom-Regular.woff") format("woff"),
    /* chrome、firefox */ url("../fonts/SangBleuKingdom-Regular.ttf") format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("../fonts/SangBleuKingdom-Regular.svg") format("svg"); /* iOS 4.1- */
}

@font-face {
  font-family: "SangBleu Kingdom";
  font-style: italic;
  src: url("../fonts/SangBleuKingdom-RegularItalic.eot"); /* IE9*/
  src: url("../fonts/SangBleuKingdom-RegularItalic.eot") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/SangBleuKingdom-RegularItalic.woff2") format("woff2"),
    /* chrome、firefox */ url("../fonts/SangBleuKingdom-RegularItalic.woff") format("woff"),
    /* chrome、firefox */ url("../fonts/SangBleuKingdom-RegularItalic.ttf") format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("../fonts/SangBleuKingdom-RegularItalic.svg") format("svg"); /* iOS 4.1- */
}

@font-face {
  font-family: "SangBleu Kingdom";
  font-weight: 500;
  src: url("../fonts/SangBleuKingdom-Medium.eot"); /* IE9*/
  src: url("../fonts/SangBleuKingdom-Medium.eot") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/SangBleuKingdom-Medium.woff2") format("woff2"),
    /* chrome、firefox */ url("../fonts/SangBleuKingdom-Medium.woff") format("woff"),
    /* chrome、firefox */ url("../fonts/SangBleuKingdom-Medium.ttf") format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("../fonts/SangBleuKingdom-Medium.svg") format("svg"); /* iOS 4.1- */
}

html {
  font-family: "SuisseIntl-Regular", sans-serif;
  background-color: rgb(250, 249, 247);
}

h1,
h2,
h3 {
  font-family: "SangBleu Kingdom", serif;
  font-weight: 500;
  line-height: 1.3;
}

.page nav {
  border-bottom: rgb(230, 230, 230) solid 1px;
}

.nav-selected {
  color: rgb(34, 84, 61);
  border-bottom: rgb(34, 84, 61) solid 5px;
}

.swiper-slide {
  display: flex;
  justify-content: center;
}

.swiper-pagination-bullet {
  height: 7px;
  width: 7px;
}

.swiper-pagination-bullet-active {
  background-color: #6d7278;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  color: #6d7278;
}

.news-paragraph {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6; /* number of lines to show */
  -webkit-box-orient: vertical;
}

.homepage-introduce {
  background-image: linear-gradient(to bottom, #ffffff 72%, #eeeeee);
}

.spaceshuttle-gray {
  color: #6d7278;
}

.post-content h1,
.post-content h2,
.post-content h3 {
  font-family: "SuisseIntl-Regular", sans-serif;
}

.post-content h3 {
  font-size: 1.25rem;
}

.post-content p {
  color: #6d7278;
}

.bg-pine {
  background-color: #2a4938;
}

.app-icon {
  width: 105px;
  height: 105px;
}

.phone {
  max-height: 686px;
}

.divider {
  height: 1px;
}

.base-page-title {
  height: 10rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

input.faq-checkbox + label + div {
  display: none;
}

input.faq-checkbox + label > .arrow {
  transition-duration: 200ms;
}

input.faq-checkbox:checked + label + div {
  display: flex;
}

input.faq-checkbox:checked + label > .arrow {
  transform: rotate(180deg);
}

@media only screen and (min-width: 1024px) {
  .base-page-title {
    height: 26.25rem;
  }

  .news-slide {
    min-height: 360px;
  }
}

.nav-menu {
  z-index: 9999999;
}

.read-more-button {
  min-width: 214px;
}

.mobile-news-page {
  bottom: auto;
  top: 16rem;
  z-index: -1;
}