@media (min-width: 786px) {
  .home__featured-row {
    margin-bottom: 3em; } }

@media (min-width: 1024px) {
  .home__featured-row {
    margin-bottom: 5em; } }

@media (min-width: 1920px) {
  .home__featured-row {
    margin-bottom: 4em; } }

@media (min-width: 786px) {
  .home__header-row {
    padding-top: 0; } }

@media (min-width: 786px) {
  .home__main-cta-row {
    background-color: #898D3E; } }

.homepage .section-title {
  padding-top: 2em;
  padding-bottom: 1em; }

.home-text {
  margin: 0 3em; }
  @media (min-width: 640px) {
    .home-text {
      margin: 0 5em; } }
  @media screen and (min-width: 440px) and (max-width: 725px) {
    .home-text {
      margin: 0 4em; } }
  @media (min-width: 786px) {
    .home-text {
      margin: 0 11em; } }
  @media (min-width: 1024px) {
    .home-text {
      margin: 0 16em; } }
  @media (min-width: 1280px) {
    .home-text {
      margin: 0 6em; } }
  @media (min-width: 1920px) {
    .home-text {
      margin: 0 8em; } }
  @media (min-width: 2200px) {
    .home-text {
      margin: 0 11em; } }

#museum-row {
  height: auto; }
  #museum-row .block-column > .grid,
  #museum-row .item-list > .block-column > .grid {
    margin: 0 0 1.5rem;
    padding: 0.25em; }
  #museum-row .venue-card {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 1px;
    margin-left: auto;
    margin-right: auto;
    width: 100%; }
    @media (min-width: 786px) {
      #museum-row .venue-card {
        height: 350px; } }
    @media (min-width: 1024px) {
      #museum-row .venue-card {
        height: 400px; } }
    @media (min-width: 1280px) {
      #museum-row .venue-card {
        height: 450px; } }
    @media (min-width: 1920px) {
      #museum-row .venue-card {
        height: 480px; } }

#museum-row .venue-card__image {
  height: auto; }

#event-row {
  font-family: "freight-text-pro", serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("/themes/custom/hco/images/bg-mountains.png");
  background-repeat: no-repeat;
  background-size: cover;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #event-row .views-row {
    list-style: none !important;
    background: #ffffff;
    color: #485557;
    padding: 1em;
    margin-bottom: 4px; }
  #event-row h3 {
    font-family: "freight-text-pro", serif;
    color: #485557;
    padding: 6px;
    font-size: 1.5em;
    font-style: italic;
    font-weight: 500; }
  #event-row h3.blog-head {
    color: #ffffff;
    text-shadow: 2px 2px 4px black;
    padding: 6px;
    font-size: 1.5em;
    font-style: italic;
    font-weight: 500; }
    @media (min-width: 1280px) {
      #event-row h3.blog-head {
        color: #485557;
        text-shadow: none; } }
  #event-row .views-element-container {
    margin-bottom: 1em; }
  #event-row .right-side {
    max-width: 80%;
    margin: 1em; }
    @media (min-width: 786px) {
      #event-row .right-side {
        width: 60%; } }
    @media (min-width: 1024px) {
      #event-row .right-side {
        width: 50%; } }
    @media (min-width: 1280px) {
      #event-row .right-side {
        width: 40%; } }
    @media (min-width: 1920px) {
      #event-row .right-side {
        width: 38%; } }
  #event-row .left-side {
    max-width: 80%;
    margin: 1em; }
    @media (min-width: 786px) {
      #event-row .left-side {
        width: 60%; } }
    @media (min-width: 1024px) {
      #event-row .left-side {
        width: 50%; } }
    @media (min-width: 1280px) {
      #event-row .left-side {
        width: 40%; } }
    @media (min-width: 1920px) {
      #event-row .left-side {
        width: 38%; } }
  #event-row img {
    float: left;
    padding-right: 8px; }

#locations-row {
  max-width: 100%;
  margin-bottom: 1em; }
  #locations-row h4 {
    margin-top: 0.8em;
    max-width: 90%; }
  #locations-row h4 a {
    color: #699ac5;
    font-size: 0.8em;
    font-weight: bold; }
  #locations-row .views-element-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

.home-location {
  max-height: 370px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 1em; }
  .home-location h4,
  .home-location p {
    margin: 0;
    padding: 0; }

.view-button {
  font-size: 20px;
  /* background-color: var(--primary-color, #e55302); */
  background-color: #F9931C;
  padding: 3px;
  width: 100% !important;
  margin-top: -1em;
  text-align: center; }
  .view-button a {
    color: #fff;
    text-decoration: none; }
    .view-button a:hover {
      color: #fff; }

#twich {
  text-align: center;
  padding: 1em;
  background-color: #232323; }
  #twich .section-title--primary {
    color: #dedede; }
  #twich .section-title__link {
    color: #dedede; }
  #twich .twich-content {
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 2em; }
    #twich .twich-content .twich-image {
      max-width: 400px;
      margin-right: 1em; }
    #twich .twich-content .field--name-field-twich-date {
      display: none;
      font-weight: bold;
      font-size: 1.25em; }
    #twich .twich-content .twich-text {
      font-size: 1.15em;
      text-align: left; }

@media (min-width: 786px) {
  .hero-overlay {
    height: 0px; } }

.hero-inset {
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.4);
  position: relative; }

.hero-inset__image {
  width: 100%; }

.hero-inset__text {
  width: 100%;
  padding: 1em 1em 0 1em !important;
  background-color: #ffffff;
  color: #000000;
  font-family: "freight-text-pro", serif; }


.page-node-type-homepage .venue-featured {
  max-width: 500px; }

.l--callout .inset {
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  padding-bottom: 40px; }
  @media (min-width: 786px) {
    .l--callout .inset {
      padding-bottom: 0px; }
      .l--callout .inset .venue-featured__content {
        -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
                box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
        position: absolute; } }
  @media (min-width: 786px) {
    .l--callout .inset {
      -webkit-transform: translateY(-70%) scale(0.7);
          -ms-transform: translateY(-70%) scale(0.7);
              transform: translateY(-70%) scale(0.7);
      max-width: 40%; } }
  @media (min-width: 1024px) {
    .l--callout .inset {
      -webkit-transform: translateY(-50%) scale(0.8);
          -ms-transform: translateY(-50%) scale(0.8);
              transform: translateY(-50%) scale(0.8);
      max-width: 35%; } }
  @media (min-width: 1280px) {
    .l--callout .inset {
      -webkit-transform: translateY(-60%) scale(0.9);
          -ms-transform: translateY(-60%) scale(0.9);
              transform: translateY(-60%) scale(0.9);
      max-width: 35%; } }
  @media (min-width: 1920px) {
    .l--callout .inset {
      -webkit-transform: translateY(-70%);
          -ms-transform: translateY(-70%);
              transform: translateY(-70%);
      max-width: 31%; } }