/* ABSTRACTS */
:root {
  --main-container-w: 70rem;
}

/* BASE */
.itc-social-icons .bde-social-icons__icon-wrapper {
  border: 2px solid rgba(49, 10, 49, 0.06);
}

.bde-section-1554-135 .section-shape-divider-wrapper--1 {
  top: -109px !important;
}

.bde-section-1359-145 .section-shape-divider-wrapper--1 {
  bottom: -109px !important;
}

.bde-section-1359-148 .section-shape-divider-wrapper--1 {
  bottom: -13.125rem !important;
}

.hf-tour-section .section-shape-divider-wrapper--1 {
  bottom: -28% !important;
  filter: drop-shadow(0 12px 4px rgba(0, 0, 0, 0.5)) !important;
}

.itc-next-up-divider {
  overflow: hidden;
  transform: translateY(99%);
  filter: drop-shadow(0 12px 4px rgba(0, 0, 0, 0.5)) !important;
}
.itc-next-up-divider svg {
  fill: radial-gradient(rgb(116, 36, 27) 0%, rgb(15, 10, 25) 100%);
}

/* Image styles, including SVGs */
.animated-logo-wrapper {
  z-index: 2;
  width: 100%;
  height: 100%;
}
.animated-logo-wrapper #animated-logo--home {
  width: 80vw;
}

.svg-up-side-down {
  transform: scaleZ(-1) !important;
}

.test-svg {
  height: 100vh;
}

.single-post-bg-logo {
  height: 14rem;
}

.single-diary-post-bg-logo {
  height: 14rem;
}

.mega-heading {
  font-size: 10vw !important;
  white-space: nowrap;
}

.tour-location-heading {
  font-size: clamp(3rem, 12vw, 8rem) !important;
  white-space: nowrap;
  z-index: 0;
}

.animated-tour-text .bde-animated-heading__word {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #000 !important;
}

html, body {
  overflow-x: hidden !important;
}

.has-drop-shadow {
  filter: drop-shadow(0 12px 4px rgba(0, 0, 0, 0.5)) !important;
}

.text-margin--sm {
  margin-top: 1% !important;
  margin-bottom: 1% !important;
}
.text-margin--sm h1, .text-margin--sm h2, .text-margin--sm h3 {
  margin-top: 1%;
  margin-bottom: 1%;
}

.no-translate-y {
  transform: none !important;
}

.grunge-svg-bg-wrapper {
  max-width: unset !important;
}
.grunge-svg-bg-wrapper .grunge-svg-bg {
  width: 100%;
  mix-blend-mode: overlay;
}
.grunge-svg-bg-wrapper .grunge-svg-bg--inverted-xy {
  transform: scale(-1, -1);
}

.is-not-allowed {
  cursor: not-allowed;
}

/* COMPONENTS */
.btn--l-purple button {
  border: 1px solid #310a31;
}

.itc-menu-1 nav.breakdance-menu, .itc-menu-2 nav.breakdance-menu {
  width: 100%;
}
.itc-menu-1 nav.breakdance-menu .breakdance-menu-list, .itc-menu-2 nav.breakdance-menu .breakdance-menu-list {
  width: 100%;
  justify-content: space-between;
}

@media (max-width: 87.4375rem) {
  .bde-header-builder__container {
    position: relative;
    flex-direction: row !important;
  }
}

.itc-menu-mobile nav.breakdance-menu .breakdance-menu-toggle {
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
}

.page-id-2595 .guitar-shape-wrapper {
  position: absolute;
}
.page-id-2595 .guitar-shape-wrapper--left {
  top: 57%;
  left: 12%;
  width: 8vw;
}
@media (max-width: 63.9375rem) and (max-height: 24.9375rem) {
  .page-id-2595 .guitar-shape-wrapper--left {
    top: 62%;
    left: 25%;
    width: 5.5vw;
  }
}
@media (min-width: 47.9375rem) {
  .page-id-2595 .guitar-shape-wrapper--left {
    top: 57%;
    left: 11.7%;
    width: 8vw;
  }
}
@media (min-width: 63.9375rem) {
  .page-id-2595 .guitar-shape-wrapper--left {
    top: 57.2%;
    left: 25%;
    width: 5.5vw;
  }
}
@media (min-width: 87.4375rem) {
  .page-id-2595 .guitar-shape-wrapper--left {
    top: 58.5%;
    left: 25.3%;
    width: 5.3vw;
  }
}
@media (min-width: 118.6875rem) {
  .page-id-2595 .guitar-shape-wrapper--left {
    top: 59.5%;
    left: 25.2%;
    width: 5.4vw;
  }
}
.page-id-2595 .guitar-shape-wrapper--center {
  top: 57%;
  left: 18%;
  width: 11.5vw;
}
@media (max-width: 63.9375rem) and (max-height: 24.9375rem) {
  .page-id-2595 .guitar-shape-wrapper--center {
    top: 63%;
    left: 29%;
    width: 7.2vw;
  }
}
@media (min-width: 47.9375rem) {
  .page-id-2595 .guitar-shape-wrapper--center {
    top: 57%;
    left: 18%;
    width: 11.2vw;
  }
}
@media (min-width: 63.9375rem) {
  .page-id-2595 .guitar-shape-wrapper--center {
    top: 57.5%;
    left: 29%;
    width: 7.5vw;
  }
}
@media (min-width: 87.4375rem) {
  .page-id-2595 .guitar-shape-wrapper--center {
    top: 59%;
    left: 29%;
    width: 7.2vw;
  }
}
@media (min-width: 118.6875rem) {
  .page-id-2595 .guitar-shape-wrapper--center {
    top: 59.5%;
    left: 29.2%;
    width: 7.4vw;
  }
}
.page-id-2595 .guitar-shape-wrapper--right {
  top: 57%;
  left: 27.5%;
  width: 8.5vw;
}
@media (max-width: 63.9375rem) and (max-height: 24.9375rem) {
  .page-id-2595 .guitar-shape-wrapper--right {
    top: 62%;
    left: 35%;
    width: 5.6vw;
  }
}
@media (min-width: 47.9375rem) {
  .page-id-2595 .guitar-shape-wrapper--right {
    top: 57%;
    left: 27.2%;
    width: 8.5vw;
  }
}
@media (min-width: 63.9375rem) {
  .page-id-2595 .guitar-shape-wrapper--right {
    top: 57.5%;
    left: 35%;
    width: 5.6vw;
  }
}
@media (min-width: 87.4375rem) {
  .page-id-2595 .guitar-shape-wrapper--right {
    top: 59%;
    left: 35%;
    width: 5.3vw;
  }
}
@media (min-width: 118.6875rem) {
  .page-id-2595 .guitar-shape-wrapper--right {
    top: 59.5%;
    left: 35%;
    width: 5.6vw;
  }
}

.hf-metal-heart {
  position: absolute;
  top: 58%;
}
@media (min-width: 63.9375rem) {
  .hf-metal-heart {
    top: 70%;
  }
}

.hf-logo-reveal {
  display: flex;
  flex-direction: row !important;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  width: max-content !important;
}
@media (min-width: 47.9375rem) {
  .hf-logo-reveal {
    top: 40%;
  }
}
.hf-logo-reveal .logo-letter {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 59px;
}
@media (min-width: 47.9375rem) {
  .hf-logo-reveal .logo-letter {
    height: 138px;
  }
}
@media (min-width: 87.4375rem) {
  .hf-logo-reveal .logo-letter {
    height: 230px;
  }
}
.hf-logo-reveal .logo-letter svg {
  fill: #e9efed;
}
.hf-logo-reveal .logo-letter--cap-h {
  width: 37px;
}
@media (min-width: 47.9375rem) {
  .hf-logo-reveal .logo-letter--cap-h {
    width: 87px;
  }
}
@media (min-width: 87.4375rem) {
  .hf-logo-reveal .logo-letter--cap-h {
    width: 145px;
  }
}
.hf-logo-reveal .logo-letter--cap-f {
  width: 28px;
}
@media (min-width: 47.9375rem) {
  .hf-logo-reveal .logo-letter--cap-f {
    width: 67px;
  }
}
@media (min-width: 87.4375rem) {
  .hf-logo-reveal .logo-letter--cap-f {
    width: 109px;
  }
}
.hf-logo-reveal .logo-letter--sm {
  height: 39px;
}
@media (min-width: 47.9375rem) {
  .hf-logo-reveal .logo-letter--sm {
    height: 91px;
  }
}
@media (min-width: 87.4375rem) {
  .hf-logo-reveal .logo-letter--sm {
    height: 150px;
  }
}
.hf-logo-reveal--home {
  top: 57%;
}
@media (min-width: 47.9375rem) {
  .hf-logo-reveal--home {
    top: 55%;
  }
}
.hf-logo-reveal--home svg {
  fill: #e9efed !important;
}
.hf-logo-reveal--tour {
  position: relative;
  top: unset;
  left: unset;
  transform: translateX(0);
}
.hf-logo-reveal--tour svg {
  fill: #e9efed !important;
}
.hf-logo-reveal--diary {
  position: relative;
  top: unset;
  left: unset;
  transform: translateX(0);
}
.hf-logo-reveal--diary svg {
  fill: #e9efed !important;
  filter: drop-shadow(0px 0px 6px #fff);
}

.moving-cloud-1 {
  top: 50%;
  right: 10%;
}
.moving-cloud-2 {
  top: 40%;
  right: 55%;
}
.moving-cloud-3 {
  top: 0;
  right: 45%;
}

/* LAYOUTS */
.album-cover-slider .ee-post.swiper-slide .ee-post-image {
  padding-bottom: 100%;
}
.album-cover-slider .ee-post.swiper-slide .ee-post-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.album-cover-slider .ee-post.swiper-slide.swiper-slide-visible.swiper-slide-active .ee-post-wrap {
  background-color: rgba(0, 0, 0, 0.24);
}
.album-cover-slider .ee-post.swiper-slide.swiper-slide-visible.swiper-slide-active .ee-post-wrap .ee-post-title .ee-post-title-link {
  font-size: 2rem;
}

.album-tracks {
  display: flex;
}
.album-tracks .track, .album-tracks .track-length {
  flex: 1;
}
.album-tracks .dots {
  overflow: hidden;
}
.album-tracks .dots::before {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  margin: 0 5px;
  content: " . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . ";
}

.diary-columns .diary-col-left--inner {
  position: absolute;
  right: 0;
  width: 66.67%;
  height: 100%;
}
.diary-columns .diary-col-left--inner::before, .diary-columns .diary-col-left--inner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.24);
}
.diary-columns .diary-col-left--inner::before {
  top: 0;
  right: 0;
}
.diary-columns .diary-col-left--inner::after {
  bottom: 0;
  right: 0;
}
.diary-columns .diary-col-left--inner-border-r {
  position: absolute;
  right: 0;
  width: 66.67%;
  height: 100%;
}
.diary-columns .diary-col-left--inner-border-r::after {
  content: "";
  position: absolute;
  width: 1px;
  top: -1.75rem;
  right: 1.75rem;
  bottom: -1.75rem;
  background: rgba(255, 255, 255, 0.24);
}
.diary-columns .diary-col-right--inner {
  position: absolute;
  right: 0;
  width: 66.67%;
  height: 100%;
}
.diary-columns .diary-col-right--inner::before, .diary-columns .diary-col-right--inner::after {
  content: "";
  position: absolute;
  width: 5.25rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.24);
}
.diary-columns .diary-col-right--inner::before {
  top: -1.75rem;
  right: -1.9rem;
}
.diary-columns .diary-col-right--inner::after {
  bottom: -1.75rem;
  right: -1.9rem;
}
.diary-columns .diary-col-right--inner-border-r {
  position: absolute;
  left: 0;
  width: 66.67%;
  height: 100%;
}
.diary-columns .diary-col-right--inner-border-r::after {
  content: "";
  position: absolute;
  width: 1px;
  top: -1.75rem;
  right: 1.75rem;
  bottom: -1.75rem;
  background: rgba(255, 255, 255, 0.24);
}

.diary-columns--variation .diary-col-left--inner {
  position: absolute;
  left: 0;
  width: 66.67%;
  height: 100%;
}
.diary-columns--variation .diary-col-left--inner::before, .diary-columns--variation .diary-col-left--inner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.24);
}
.diary-columns--variation .diary-col-left--inner::before {
  top: 0;
  left: 0;
}
.diary-columns--variation .diary-col-left--inner::after {
  bottom: 0;
  left: 0;
}
.diary-columns--variation .diary-col-left--inner-border-r {
  position: absolute;
  left: 0;
  width: 66.67%;
  height: 100%;
}
.diary-columns--variation .diary-col-left--inner-border-r::after {
  content: "";
  position: absolute;
  width: 1px;
  top: -1.75rem;
  left: 1.75rem;
  bottom: -1.75rem;
  background: rgba(255, 255, 255, 0.24);
}
.diary-columns--variation .diary-col-right--inner {
  position: absolute;
  right: 0;
  width: 66.67%;
  height: 100%;
}
.diary-columns--variation .diary-col-right--inner::before, .diary-columns--variation .diary-col-right--inner::after {
  content: "";
  position: absolute;
  width: 5.25rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.24);
}
.diary-columns--variation .diary-col-right--inner::before {
  top: -1.75rem;
  left: -1.9rem;
}
.diary-columns--variation .diary-col-right--inner::after {
  bottom: -1.75rem;
  left: -1.9rem;
}
.diary-columns--variation .diary-col-right--inner-border-r {
  position: absolute;
  right: 0;
  left: unset;
  width: 66.67%;
  height: 100%;
}
.diary-columns--variation .diary-col-right--inner-border-r::after {
  content: "";
  position: absolute;
  width: 1px;
  top: -1.75rem;
  left: 1.75rem;
  bottom: -1.75rem;
  background: rgba(255, 255, 255, 0.24);
}

.section-logo-wrapper {
  position: relative;
}
.section-logo-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("/wp-content/mu-plugins/itc-styles/build/assets/img/concrete-structure.jpg");
  background-size: contain;
  background-repeat: repeat;
  mix-blend-mode: multiply;
  z-index: 1;
}

.page-id-1554 .ee-posts.ee-posts-grid .ee-post {
  position: relative;
}
@media (min-width: 63.9375rem) {
  .page-id-1554 .ee-posts.ee-posts-grid .ee-post:nth-child(-n+2)::before, .page-id-1554 .ee-posts.ee-posts-grid .ee-post:nth-child(n+4):nth-child(-n+5)::before, .page-id-1554 .ee-posts.ee-posts-grid .ee-post:nth-child(n+7):nth-child(-n+8)::before, .page-id-1554 .ee-posts.ee-posts-grid .ee-post:nth-child(n+10):nth-child(-n+11)::before, .page-id-1554 .ee-posts.ee-posts-grid .ee-post:nth-child(n+13):nth-child(-n+14)::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -3.5rem;
    width: 5.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.24);
    z-index: 0;
  }
  .page-id-1554 .ee-posts.ee-posts-grid .ee-post:not(:nth-last-child(-n+3)):after {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(100% - 24px);
    height: 5rem;
    border-left: 1px solid rgba(255, 255, 255, 0.24);
    z-index: 0;
  }
  .page-id-1554 .ee-posts.ee-posts-grid .ee-post:last-child::before {
    border-top: none !important;
  }
}
.page-id-1554 .itc-timeline__item--inner-wrapper {
  position: relative;
  overflow: hidden;
  transition: transform 150ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.page-id-1554 .itc-timeline__item--inner-wrapper::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  transition: inherit;
}
.page-id-1554 .itc-timeline__item--inner-wrapper:hover::before, .page-id-1554 .itc-timeline__item--inner-wrapper:focus::before {
  transform: scale(1.03);
}
.page-id-1554 .timeline-heading {
  position: relative;
}
@media (min-width: 63.9375rem) {
  .page-id-1554 .timeline-heading::after {
    position: absolute;
    content: "";
    bottom: -200%;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 5rem;
    background: rgba(255, 255, 255, 0.24);
  }
}

/* PAGES */
.diary-page .hf-symbol-right {
  position: absolute;
  top: 50%;
  left: 2em;
  transform: translateY(-50%);
  height: 20rem;
  fill: rgba(39, 34, 55, 0.06);
}
.diary-page .hf-symbol-left {
  position: absolute;
  top: 50%;
  right: 2em;
  transform: translateY(-50%) scaleX(-1);
  height: 20rem;
  fill: rgba(39, 34, 55, 0.06);
}

.discography-hero-heading {
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.5)) !important;
}

.album-timeline-bg-grunge {
  position: relative;
  overflow: visible !important;
}
.album-timeline-bg-grunge::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("/wp-content/mu-plugins/itc-styles/build/assets/img/grunge-bg-bottom.png") no-repeat;
  background-size: contain;
  background-position: right bottom;
  mix-blend-mode: soft-light;
  opacity: 0.3;
  pointer-events: none;
}
.album-timeline-bg-grunge::after {
  content: "";
  position: absolute;
  top: -4rem !important;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("/wp-content/mu-plugins/itc-styles/build/assets/img/grunge-bg-top.png") no-repeat;
  background-size: contain;
  background-position: left top;
  mix-blend-mode: soft-light;
  opacity: 0.3;
  pointer-events: none;
}

#guitar-shape-left-svg, #guitar-shape-center-svg, #guitar-shape-right-svg {
  opacity: 0;
  filter: blur(2px);
}

.hf-flag-block img {
  height: 1rem !important;
}

/* VENDORS */
.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 20px 0;
}

.acf-map img {
  max-width: inherit !important;
}

.MediaPopupBox__vertical.MediaPopupBox__container .MediaInfo__container .MediaInfo__comments-scroller .MediaInfo__comments-list.MediaInfo__padded .MediaComment__root.MediaInfo__comment .MediaComment__text span {
  color: #8c9492 !important;
}

.MediaPopupBox__vertical.MediaPopupBox__container .MediaInfo__container .MediaInfo__comments-scroller .MediaComment__meta-list.MediaComment__row .MediaComment__date.MediaComment__meta {
  color: #222;
}

.MediaPopupBox__vertical.MediaPopupBox__container .MediaInfo__container .MediaInfo__stats.MediaInfo__padded.MediaInfo__bordered .MediaInfo__date.MediaInfo__stats-line {
  color: #222;
}

.spotlight-instagram-feed .FeedGridLayout__grid .FeedGridLayout__cell {
  filter: drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.24));
}