/*$line-height-lg:              1.8 !default;
$line-height-sm:              1.8 !default;*/
.seat-black {
  font-family: "SeatBlack", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; }

.brochure-cards .brochure-links {
  font-family: "SeatBold", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

.seat-bold {
  font-family: "SeatBold", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; }

.seat-book {
  font-family: "SeatBook", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; }

.seat-light {
  font-family: "SeatLight", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; }

.seat-medium {
  font-family: "SeatMedium", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; }

.brochure-cards .brochure-text h6 {
  font-family: "SeatRegular", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

.seat-regular {
  font-family: "SeatRegular", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; }

.brochure-cards {
  padding-bottom: 32px; }
  .brochure-cards .brochure-card {
    margin-top: 32px;
    box-shadow: 0 1px 3px 0 rgba(51, 48, 46, 0.3); }
  .brochure-cards .brochure-title {
    padding: 20px 16px; }
    .brochure-cards .brochure-title h4 {
      margin: 0; }
  .brochure-cards .brochure-text {
    padding: 24px 16px;
    font-size: 14px;
    line-height: 22px;
    color: rgba(15, 15, 15, 0.6); }
    .brochure-cards .brochure-text p {
      margin: 0; }
    .brochure-cards .brochure-text h6 {
      color: #0f0f0f;
      font-size: 16px; }
    .brochure-cards .brochure-text ul {
      margin-bottom: 16px;
      margin-top: 16px;
      color: #0f0f0f; }
      .brochure-cards .brochure-text ul li {
        margin-bottom: 8px; }
  .brochure-cards .brochure-links {
    border-top: 1px solid #0f0f0f;
    padding-bottom: 16px;
    margin-left: 16px;
    margin-right: 16px; }
    .brochure-cards .brochure-links > a {
      display: block;
      position: relative;
      padding-top: 16px;
      text-decoration: none;
      color: #0f0f0f; }
      .brochure-cards .brochure-links > a::after {
        width: 10px;
        height: 10px;
        border-bottom: 3px solid #0f0f0f;
        border-right: 3px solid #0f0f0f;
        display: inline-block;
        content: "";
        margin-left: 10px;
        transform: rotate(-45deg); }
      .brochure-cards .brochure-links > a:hover::after {
        opacity: 0.5; }
    .brochure-cards .brochure-links > a.text-primary:hover {
      color: #ea5d1a !important; }
    .brochure-cards .brochure-links > a.text-primary::after {
      border-color: #ea5d1a; }

@media (min-width: 750px) {
  .brochure-cards {
    padding-bottom: 64px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around; }
    .brochure-cards .brochure-title h4 {
      font-size: 18px; }
  .brochure-cards .brochure-card {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    width: 46%;
    flex-basis: 46%; }
    .brochure-cards .brochure-card > div {
      flex-grow: 0; }
    .brochure-cards .brochure-card > div.brochure-text {
      flex-grow: 1; } }

@media (min-width: 1025px) {
  .brochure-cards .brochure-card {
    margin-top: 16px;
    width: 31%;
    flex-basis: 31%; } }