/** Shopify CDN: Minification failed

Line 98:15 Unterminated string token

**/
/* SOME GLOBAL / UTILITY */

.haul-bg {
  background-color: black;
  color: white;
}

/* Have to adjust for sticky header */

#interview-landing {
  margin-top: 120px;
}

#shopify-section-haul-featured-collection {
  margin-top: -38px;
}

.section.haul-bg {
  margin: 0;
  padding: 20px 15px
}


.haul-bg--grey {
  background-color: #39393a;
}

.price-haul {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 24px));
  color: white;
}

.section.haul-bg.header.section__header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  overflow: hidden;
  flex-direction: column;
}

.show-all-flex {
  display: flex;
  justify-content: center;
  height: 45px;
}


.header__cart-count {
  display: none;
}

.header__cart-icon {
  margin-right: 3px
}

/* Collection page */

.card {
  border: none;
}

.product-list,
.card {
  border-radius: 0px;
}

.product-list {
  background: black;
}

.card__header {

  background: black;
  color: white;
}

.\31\/3--lap-and-up,
.\31\/4--wide {
  border: 12px solid black;
}

.product-list::before {
  border: none;
  border-radius: 0px;
}

.boost-pfs-filter-tree-h-wrapper {
  display: none;
}

.product-item__image-wrapper {
  border: none'

}

.collection__meta {
  margin: 0;
  padding-bottom: 12px;
}

.button__flex {
  display: flex;
  justify-content: center;

}

/*--------------------------------------------------*/
/* GLOBAL SETTING BLACK BG / WHITE TEXT / SECTION ADJUSTMENTS
/*--------------------------------------------------*/

#shopify-section-haul-hero,
#shopify-section-haul-product {
  background-color: black;
  color: white;
}



/* Temp removed as JS needs changing to accomodate larger block height */

/*#shopify-section-haul-product {
background:
    url(/cdn/shop/files/haulneonbg_prod.jpg?v=1646235061);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}*/


.card__section__haul {

  background-color: black;
  color: white;
  border: none;
}


/*--------------------------------------------------*/
/* Text and Fonts - Note! Many Elements of the product Info Snippet are Inline */
/*--------------------------------------------------*/

h1.hat-glow {
  letter-spacing: .075em;
  margin-bottom: 0px;
  line-height: 1.25;
}

@keyframes pulsate {
  100% {
    /* Larger blur radius */
    text-shadow:
      0 0 4px #5aaec5,
      0 0 8px #5aaec5,
      0 0 12px #5aaec5,
      0 0 16px #aedbe6,
      0 0 24px #aedbe6,
      0 0 36px #aedbe6,
      0 0 48px #aedbe6,
      0 0 60px #aedbe6;
  }

  0% {
    /* A slightly smaller blur radius */
    text-shadow:
      0 0 2px #5aaec5,
      0 0 6px #5aaec5,
      0 0 10px #5aaec5,
      0 0 18px #aedbe6,
      0 0 22px #aedbe6,
      0 0 30px #aedbe6,
      0 0 38px #aedbe6,
      0 0 46px #aedbe6;
  }
}

.section__title {
  color: white;
}

/* HEADER */

#haul-header {
  display: flex;
  justify-content: center;
  background-color: rgb(0 0 0);
  position: fixed;
  top: 50px;
  width: 100%;
  z-index: 999;
  transition: top 0.1s;
}



.actions {
  position: absolute;
  right: 24px;
  top: 30px;
}

.actions:hover,
.mini:hover {
  -webkit-filter: drop-shadow(5px 5px 5px #99DEEB);
  filter: drop-shadow(0px 0px 5px #99DEEB);
  transition: filter 0.3s ease-out;
}




/*--------------------------------------------------*/
/* Mini Menu */
/*--------------------------------------------------*/

.mini {
  display: block;
  width: 35px;
  cursor: pointer;
  height: 35px;
  appearance: none;
  background: none;
  outline: none;
  border: none;
  position: absolute;
  left: 12px;
  top: 30px;
  z-index: 999;
  transition: top 0.2s;
}

.mini .bar,
.mini:after,
.mini::before {
  content: '';
  width: 100%;
  height: 5px;
  background-color: white;
  margin: 6px 0px;
  transition: 0.2s;
  display: block;
}

.mini.active:before {
  transform: rotate(-45deg) translate(-8px, 6px);

}

.mini.active:after {
  transform: rotate(45deg) translate(-9px, -8px);
}

.mini.active .bar {
  opacity: 0;
}


.mini-nav {
  position: fixed;
  top: 20px;
  left: -20vw;
  width: 18vw;
  min-height: 40vh;
  z-index: 98;
  background: #373737;
  color: white;
  transition: 0.1s;
  padding-top: 80px;
}

.mini-nav.active {
  left: 0;
}

.mini-nav-links {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mini-nav-links a {
  display: block;
  text-align: center;
  margin-bottom: 16px;
  padding: 12px 16px;
  color: white;
  margin: 0 auto;

}


/* Mobile Header and Nav Stuff */

@media screen and (max-width: 999px) {
  .mini-nav.active {
    width: 100%;
    height: 100vh;
    top: 0;
    padding-top: 10px;
  }

}


/*--------------------------------------------------*/
/* Calendar page
/*--------------------------------------------------*/
#haul-calendar-bg {
  background:
    url(/cdn/shop/files/Haulathon-Events-Calendar_Background.jpg);
  background-repeat: no-repeat;
  background-position: center;
  width: 100vw;
  max-width: 100%;
  background-color: black;
  background-size: cover;
}


.calendar__container {
  margin: 3vw;
}

/*--------------------------------------------------*/
/* HAULATHON SPLASH PAGE */
/*--------------------------------------------------*/

#shopify-section-haul-launch-page,
#shopify-section-haul-vid-text,
#shopify-section-hat-footer {
  font-family: 'Arial Rounded MT W01 Bold', sans-serif;
}

#launch-bg {
  background:
    url(/cdn/shop/files/Haulathon-Coming-Soon_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  width: 100vw;
  max-width: 100%;
  background-color: black;
  background-size: cover;
}

.logo-container,
.launch-rte,
.promo-block,
.logo-grid-header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}



/* HAUL SOCIAL */

.haul-social {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 15vh;
  z-index: 97;
}

.haul-social-icon {
  padding: 8px 1vw;
  filter: drop-shadow(0px 0px 5px #aedbe6);
}


/* .logo-grid-container-4col {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-gap: 5px 5px;
  justify-items: center;
  margin: 6vh 8vw;
  align-items: center;
}

.logo-grid-container-3col {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-gap: 5px 5px;
  justify-items: center;
  margin: 6vh 8vw;
  align-items: center;
} */

.logo-grid-img {
  display: grid;
  place-items: center;
  margin: 3rem 0;
  padding: 0 2rem;
}

@media screen and (max-width: 767px) {
  .haul-grid--desktop {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .haul-grid--mobile {
    display: none;
  }
}

.description {
  padding: 2rem 0rem;
}

.launch-rte {
  text-align: center;
  font-size: 18px;
  color: white;
  font-weight: 700;
}

.promo-rte {
  padding-bottom: 30px;
  /*JA  added this */
}

/* JA Added */
h3.haul-bg-text-title,
.logo-grid-header {
  line-height: 1.5;
  margin-bottom: 10px;
  /* JA added this */
  font-weight: 700;
  color: #fff;
  font-size: 26px;
  font-family: 'Arial Rounded MT W01 Bold', sans-serif;
  /* adjusted font */
}

.haul-bg-text-title {
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
  font-size: 26px;
  font-family: 'Arial Rounded MT W01 Bold', 'sans-serif';
  letter-spacing: .075em;
}

/* JA Added */

.comp-enter {
  padding: 3px 10px;
  font-weight: bold;
  letter-spacing: .075em;
  /* JA added this */
  background: #b40000;
  color: white;
  opacity: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease-in-out;
  border-radius: 4px;
  /* JA added this */
}



.comp-enter:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/*--------------------------------------------------*/
/* Collections  */
/*--------------------------------------------------*/

.card__header, .collection__toolbar  {
  display: none;
}

/*--------------------------------------------------*/
/* Modal Stuff */
/*--------------------------------------------------*/

.gleam-modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

/* Modal Content/Box */
.modal-content {
  background-color: black;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #bb100c;
  width: 98vw;
}



/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* End OF Modal Stuff */

.hat-glow {
  color: white !important;
  padding: 15px 0;
  font-weight: 700;
  font-size: 26px;

}





/* VIDEO + TEXT SECTION */

.haul-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 95vw;
}

.haul-splash-section .haul-row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.haul-row {

  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.haul-col-md-6 {
  position: relative;
  width: 100%;
  padding: 30px 15px;
  box-sizing: border-box;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}

.haul-custom-col1 {
  padding-right: 0;
}

/*--------------------------------------------------*/
/* VIDEO - Some issues with getting the iframe to stick to a fixed size, so expands beyond central 'column' of the site */
/*--------------------------------------------------*/

.video-slide {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.video-slide iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.haul-bg-text-blurb {
  padding: 32px 60px;

}

.haul-bg-text-description {

  line-height: 1.5;
  color: #fff;
  max-width: 33vw;
}

.btn-container {
  margin-top: 40px;
}

.haul-faq-header {
  padding: 20px;

}

/*--------------------------------------------------*/
/* INTERVIEW PAGE
/*--------------------------------------------------*/

#video-landing {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 0 18vw;

}

#interview-landing {
  background:
    url(/cdn/shop/files/haulneonbg.jpg?v=1646161149);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100vw;
  max-width: 100%;
  background-color: black;

}



.video-landing-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}


.card-top {
  display: flex;
  align-items: center;
}

.video-landing-card__meta-content {

  background-color: #373737;
  justify-items: center;
  max-width: 1200px;

}

.card-right {
  padding: 10px 20px;
  float: right;
}

.card-left {
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  text-align: center;
}

.product-details {
  display: flex;
  flex-direction: column;
}

.product-lockup {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 15px 0;
  background-color: #c0bfc5;
  padding: 20px 0;
  margin-right: 20px;
}

.product-lockup img {
  padding: 0 2rem;
}

.button__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 5px 5px;
  padding: 0 30px;
}

.product-creator {

  display: flex;
  justify-content: center;
}

.landing-card-rte {
  color: white;
  text-align: left;
  margin: 20px 15px;
}

.interview_logo h1 {
  padding: 0 1vw;
}

.product-details-rte {
  padding: 0 20px;
}

.video-landing-header.hat-glow {
  text-align: center;
}

@media screen and (max-width: 999px) {

  .interview_logo h1 {
    padding: 0 5vw;
  }

  .product-details {
    display: flex;
    flex-direction: column;
  }

  .landing-card-rte {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    
  }

  .landing-card-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  /* These are used on the interview page and also on the landing page/collection template */

  .product-lockup {
    display: none;
    align-items: center;
    background-color: #c0bfc5;
    padding: 20px 0;
    flex-direction: column;
  }

  .card-top {
    display: flex;
    justify-items: center;
    align-items: center;
    justify-content: center;
  }

  .product-lockup--mobile {
    margin: 20px 0;
  }


  .header__cart-count {
    background: white;
    color: black;
  }

  .interview_logo h1 {
    color: white;
  }

}

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

  .product-lockup--mobile {
    display: none;

  }


}


/*--------------------------------------------------*/
/* Social Banner
/*--------------------------------------------------*/
#haul__social-banner {
  background-color: #39393a;
  color: white;
  text-align: center;
  padding: 50px 0;
}

.social__banner-icon {
  padding: 10px 20px;

}

.social__banner {
  display: flex;
  justify-content: center;
}

.haul__see-more {

  background-color: black;
  padding: 40px;
  display: flex;
  justify-content: center;
}


/*--------------------------------------------------*/
/* PRODUCT PAGE
/*--------------------------------------------------*/
.breadcrumb__list {
  display: none;
}

.product-block-list__wrapper {
  margin-bottom: 4vh;
}

.product-block-list__item.product-block-list__item--gallery--haul {
  max-width: 640px;
  margin-left: 10vw;

}

.product-block-list__item.product-block-list__item--gallery--haul .card {
  border: none;
}

.card__section.card__section--tight {
  background: black;
}

.product-form__add-button.button.button--primary {
  margin-top: 15px;
}

.haul-bg-text-blurb {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
}


@media screen and (min-width: 1000px) {
  .product-gallery__thumbnail-list {
    width: 100px;
  }
}

@media screen and (max-width: 1332px) {
  .product-block-list__item.product-block-list__item--gallery--haul {
    max-width: 100%;
    margin-left: 0;
  }
}

/* FAQ */

.haul-faq {
  height: 335px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.haul-faq-rte {
  max-width: 990px;
  padding: 20px;
}

.haul-product-info {
  width: 100%;
  height: auto;
  margin: 20px 0;
  background-color: #99DEEB;
  color: black;
  text-align: center;
  padding: 12px 10px;
  line-height: 1.2;
}

#shopify-section-haul-faq {
  margin-bottom: 460px;
}

/**
 * --------------------------------------------------------------------
 * BLOCK SWATCH
 * --------------------------------------------------------------------
 */

.block-swatch-list {
  margin: -3px -4px 0 -4px;
  /* We need to take into account the box-shadow height when element is active */
  padding-left: 2px;
  background: black;
}

.block-swatch {
  display: inline-block;
  margin: 4px;
  background: white;
  color: black;
}

.block-swatch__radio {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}

.block-swatch__item {
  display: block;
  padding: 6px 16px 7px 16px;
  text-align: center;
  border: 1px solid var(--form-border-color);
  border-radius: 3px;
  vertical-align: middle;
  cursor: pointer;
  box-shadow: 0 1px 1px rgba(var(--border-color-rgb), 0.25);
}

.block-swatch__radio:checked+.block-swatch__item {
  box-shadow: 0 0 0 1px #BB100C;
  border-color: #BB100C;
  background: black;
  color: white;
}

.block-swatch--disabled .block-swatch__item-text {
  position: relative;
  opacity: 0.5;
}

.block-swatch--disabled .block-swatch__item-text::after {
  position: absolute;
  content: "";
  width: calc(100% + 6px);
  height: 1px;
  top: calc(50% + 1px);
  left: -3px;
  background: currentColor;
}

.product-form__option {
  display: none;
}

.product-form__info-item {
  padding-bottom: 10px;
}

.product-meta {
  margin: 12px 0 5px 0;
}

/*--------------------------------------------------*/
/* Footer
/*--------------------------------------------------*/


/* Added by JA */
#haul-logo-footer {
  margin-top: -50px;
}

.haul-social-footer {
  display: flex;
  flex-direction: row;
  margin-left: 30px
}

/* JA added this */
#shopify-section-hat-footer.footer__aside {
  margin-top: 20px;
}


.footer__aside-item--localization {
  margin: 0 35px;
}

/* JA Amends End */

.haul-footer {
  padding: 0;
  border-top: none;
  background-color: #484848;
  color: white;
}


.footer__linklist.list--unstyled li {

  font-size: 16px;
  padding-left: 21px;
  padding-right: 21px;
}

ul.footer__linklist.list--unstyled {
  display: flex;
}

.footer_logo {
  width: 400px !important;
  display: block;
  max-width: 400px !important;
  max-height: 400px !important;
}


button.footer__title.heading.h6.navigable {
  display: none;
}

.footer__title.heading.h6.hat-glow.haul-bg-text-title {
  text-align: center;
}

.footer__block-list {
  align-items: center !important;
}

.footer__block-item {
  border-bottom: unset !important;
}

.mini-menu {
  display: flex;
  justify-content: space-between;
  text-align: end;

}

@media screen and (min-width: 641px) {
  .footer__block-list {
    flex-direction: unset !important;
    justify-content: center;

  }

  .klaviyo-form-container {
    margin: 0 15px;
  }

  .footer__newsletter-text.rte {
    text-align: center;
    color: white;
    font-weight: bold;
  }

}

@media screen and (max-width: 797px) {

  .haul-social-footer,
  .hat-glow {
    justify-content: center;
  }

  .haul-social-footer {

    margin-left: unset;
  }

  .mini-menu {

    justify-content: space-around;
    flex-direction: column;
    align-items: center;

  }

  .footer__block-item--promo {
    margin-top: 50px;
  }

  .footer__block-list {
    max-width: 345px;
  }

  .footer__newsletter-wrapper,
  .footer__aside-item--copyright {
    margin: 0 15px;
  }
}



/*--------------------------------------------------*/
/* Media Queries
/*--------------------------------------------------*/

@media screen and (max-width: 991px) {

  .haul-col-md-6 {
    max-width: 100%;
    padding: 0;
  }

  .haul-row {
    flex-direction: column-reverse;
  }


  .haul-bg-text-description {
    max-width: unset;
  }

  .haul-bg-text-blurb {
    margin: 0vh 8vw;
    text-align: center;
    padding: 36px 18px;
  }

  .haul-container {
    padding-bottom: 0;
  }

}

@media (min-width: 1000px) {

  .hat-glow,
  .eaec-events-calendar-title {
    animation: pulsate 0.52s ease-in-out infinite alternate;
  }
}

@media (max-width: 1000px) {

  .logo-grid-header {
    text-align: center;
  }

  .description {
    margin: 1rem 3rem;
    padding: 1rem;
    text-align: center;

  }

  .haul-social {
    display: none;
  }

  .launch-rte {
    font-size: 18px;
    letter-spacing: .025em;
    line-height: 1.75
  }

  .logo-grid-container-4col {

    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 5px 5px;

  }

  .logo-grid-container-3col {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }

  .hat-glow,
  .eaec-events-calendar-title {
    text-shadow:
      0 0 20px #fff,
      0 0 22px #00e5ff
  }

}

@media (min-width:1000px) {
  .modal-content {
    width: 40%;
  }
}


.card-right {
  max-width: 50%;
}

.product-details {
  color: white;
  font-weight: 600;
}

.announcement-bar .container {
  padding: 0;
}



@media screen and (max-width: 999px) {

  .mini-menu {
    display: block;
    text-align: center;
  }

}


@media screen and (max-width: 797px) {


  .footer__block-list {
    max-width: 100%;
  }

  .mini-menu {
    margin-right: 0;
  }

  .interview_logo {
    padding: 20px 0;
  }

  .mini-nav {
    left: -40vw;
  }

  .video-landing-header {
    text-align: center;
    word-break: break-word;
  }

  .rte .text--pull {
    padding: 10px 18px;
    text-align: center;
  }

  .card__header {
    text-align: center;
  }

  .product-block-list__item.product-block-list__item--description,
  .card__section__haul {
    margin: 0 15px;
  }

  .description {
    padding: 2rem 1rem;
  }

}

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

  .global-menu-item {
    justify-content: center;
  }

  .global-menu-actions-flex {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  #shopify-section-haul-hero {
    margin-top: -10px;
  }
}


@media screen and (max-width: 640px) {

  .logo-grid-header {
    font-size: 32px;
    margin: 3rem 0;
  }

  .product-list--collection .product-item--vertical {
    width: 100%;
  }

  .header__action-item.header__action-item--cart {
    display: none !important;
  }

}

.body-haulathon h1, .body-haulathon h2, .body-haulathon h3, .body-haulathon h4, .body-haulathon h5, .body-haulathon h6, .body-haulathon p, .body-haulathon a, .body-haulathon span, .body-haulathon strong, .body-haulathon em, .body-haulathon li, .body-haulathon ul, .body-haulathon ol, .body-haulathon blockquote, .body-haulathon pre, .body-haulathon code, .body-haulathon table, .body-haulathon th, .body-haulathon td, .body-haulathon form, .body-haulathon input, .body-haulathon textarea, .body-haulathon select, .body-haulathon button, .body-haulathon label, .body-haulathon .rte {
  font-family: 'Arial Rounded MT W01 Bold', sans-serif !important;
}