.site-header__logo-image img,
.overlay-logo-image {
  max-width: 180px
}

@media screen and(min-width:992px) {

  .site-header__logo-image img,
  .overlay-logo-image {
    width: 180px
  }

  .header-content--logo {
    width: 180px;
    flex-basis: 180px
  }
}

.site-header__logo-image img.site-logo {
  height: 42px;
  width: auto;
  max-width: 250px !important;
}

#site-header .header-content .header-logo-container {
  margin: 0;
}

.header-wrapper .header-content {
  padding: 12px 0px;
}

#main {
  width: 100%;
  min-height: 400px;
  max-width: 1200px;
  padding: 25px 15px 30px;
  margin: 0 auto;
}

.hero-box {
  position: relative;
  width: 100%;
  height: 550px;
}

.hero-box--text {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.hero-box--text-content.text-align-center {
  text-align: center;
}

.hero-box--wrapper .section-background {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.hero-box--text-content {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.hero-box--text-content .text-shadow {
  text-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

.hero-box .hero-box--text {
  color: #ffffff;
}

.text-content--inner {
  max-width: 80%;
  position: relative;
  z-index: 1
}

.header-logo-wrapper,
.header-wrapper .header-row.nav-placement--left {
  max-width: 1200px;
  margin: 0 auto;
}

.text-ellipsis-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.hero-box--text-title h1,
.text-ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.hero__text p,
.text-ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

#slideout-overlay {
  z-index: 8;
}

.slideout-menu {
  z-index: 10;
}

#shopify-section-header #top-search-wrapper.expanded .top-search {
  top: 78px;
}

#shopify-section-header #top-search-wrapper.expanded #search-page-form-header {
  width: 90vw;
  margin-right: 5vw;
}

.index-blog-item--wrapper {
  margin-bottom: 25px;
}

.index-blog-item--wrapper .home-blog-excerpt p {
  margin-bottom: 0;
}
.type-subheading a{color: #000;}

.index-blog-item--image---landscape .article--background-image:before {
  padding-bottom: 65%;
  content: '';
  display: block;
  height: 0;
  width: 100%;
}

h2.article-list-title {
  font-size: 22px;
  margin-top: 30px;
  text-align: left;
}

.article--background-image {
  background-size: cover;
}

@media screen and(max-width:768px) {
  h2.article-list-title {
    font-size: 18px;
    margin-top: 25px;
    text-align: center;
  }

  .mobile-logo-column img.site-logo {
    height: 42px;
    width: auto;
    max-width: 250px !important;
  }

  #site-header svg,
  .sticky-header-wrapper svg {
    height: 24px
  }
}


.header-wrapper:not(.header-search--expanded).top-search#search-wrapper {
  background: var(--header-background) !important;
  border: 1px solid transparent !important;
  border-bottom: 1px solid var(--header-background) !important
}

.header-wrapper:not(.header-search--expanded).top-search input {
  color: var(--header-text) !important
}

.header-wrapper:not(.header-search--expanded)#top-search-wrapper#search_text::placeholder {
  color: var(--header-text)
}

.header-wrapper:not(.header-search--expanded)#top-search-wrapper#search_text::-webkit-input-placeholder {
  color: var(--header-text)
}

.header-wrapper:not(.header-search--expanded)#top-search-wrapper#search_text:-ms-input-placeholder {
  color: var(--header-text)
}

.header-wrapper:not(.header-search--expanded)#top-search-wrapper#search_text::-moz-placeholder {
  color: var(--header-text)
}

.header-wrapper:not(.header-search--expanded)#top-search-wrapper#search_text:-moz-placeholder {
  color: var(--header-text)
}

.header-wrapper.predictive-search-group {
  background-color: var(--header-background) !important
}

.header-wrapper.search-results__meta {
  background: var(--header-background) !important
}

.header-wrapper.search-results__meta-view-all a {
  color: var(--header-text) !important
}

.header-wrapper.search-results-panel.predictive-search-group h2 {
  color: var(--header-text)
}

.header-wrapper.search-results-panel.predictive-search-group.search-vendor,
.search-results-panel.predictive-search-group.money {
  color: var(--header-text)
}

.header-wrapper.search--result-group h5 a {
  color: var(--header-text) !important
}

.header-wrapper.predictive-loading {
  color: var(--header-text) !important
}

.header-wrapper,
.header-content--top-bar,
.sticky-header-wrapper {
  border-bottom: none
}

.mega-menu--dropdown-wrapper.dropdown-menu:not(.dropdown-menu--mega) {
  border: none
}

.mega-menu--dropdown-wrapper.dropdown-menu--mega {
  border-top: none
}

.mega-menu.dropdown-submenu {
  border-right: none
}


.footer-box2 {
  padding: 15px;
  background-color: #333;
  line-height: 28px;
}

.footer-box2 .footer-top2 {
  text-align: center;
}

.footer-box2 .footer-top2 a {
  margin: 0 6px;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

.footer-box2 .footer-top2 a:hover {
  opacity: 0.85;
}

.footer-box2 .footer-bottom2 {
  text-align: center;
  color: #eee;
  font-size: 14px;
}