/** Shopify CDN: Minification failed

Line 556:76 Expected "*/" to terminate multi-line comment

**/

/* ADDED FONTS FOR STORE */

/* @font-face {
    font-family: "Arial-Rounded-MT";
  src: url("https://cdn.shopify.com/s/files/1/0761/9834/7043/files/Arial_Rounded_MT_Bold_Regular.woff?v=1686147253") format('woff'),
       url("https://cdn.shopify.com/s/files/1/0761/9834/7043/files/Arial_Rounded_MT_Bold_Regular.woff2?v=1686147253") format('woff2');
} */


:root {
  --font-body-family: "neue-haas-grotesk-text", sans-serif !important;
  --font-heading-family: "neue-haas-grotesk-text", sans-serif !important;
  --font-heading-weight: 700;
  --font-body-weight: 500;
} 


h1, h2, h3, h4, h5, h6, p, .link, .quick-add__submit {
  font-family: "neue-haas-grotesk-text", sans-serif !important;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 1px;

}
h2, h5, h6, .link, .quick-add__submit {
  text-transform: lowercase;
}

h3 {
  font-weight: 200!important;
  font-size: 3rem !Important;
}

.card__heading{
  text-transform: lowercase;
}

.multicolumn-list h3{
   text-shadow: -2px 0 #f42422, 2px 0 #41c5d7, 1px 0 #f5037b;
} 



/*OPACITY FIX*/
.footer-block__details-content .list-menu__item--link,
.copyright__content a,
#FooterCountryLabel,
.product__description,
.rte,
.header__menu-item,
.list-menu__item,
.copyright__content,
.footer__copyright {
  color: rgba(var(--color-foreground), 1) !important;
}
/*DESKTOP - HOME - Multicolumn Styling - Link Positioning */

@media only screen and (min-width: 950px) {
.multicolumn-card__info {
  position: relative;
  top: -9rem !important;
  left: 4rem;
} 
}  


/*DESKTOP - HOME - STILL BACKGROUND AND POSITION - SCHEME 1*/
@media only screen and (min-width: 950px) {
.color-background-1 {
  background: var(--gradient-background);
  background-attachment: fixed;
  background-image: url(https://cdn.shopify.com/s/files/1/0624/7897/5144/files/Placebo_Official_Band_BG.jpg?v=1698070401);
  background-color: transparent !important;
  background-position: top left !important;
  background-size: cover !important;
  .card--standard > .card__content .card__information {
    display: none;
  }

/*DESKTOP - HOME - STILL BACKGROUND AND POSITION Multicolumn Styling */
  
  .multicolumn-card__image {
  padding: 0rem !important;
}
  .multicolumn-card__info {
  position: relative;
  top: -3rem !important;
} 


/*
  .multicolumn-card__image {
  padding: 5rem !important;
}*/

}
}

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

.collection__title.title-wrapper {
  display: block;
  position: relative;
  margin-bottom: 12.5rem;
  transform: rotate(-90deg);
  left: -48%;
  padding-left: 25%;
  text-align: left;
}

.title-wrapper--no-top-margin{
  display: block;
  position: relative;
  margin-bottom: 12.5rem;
  transform: rotate(-90deg);
  left: -52%;
  padding-left: 30%;
  text-align: left!important;
}
}

/* DESKTOP - HOME - on hover animation menu and multicolumn card */

@media only screen and (min-width: 950px) {
.multicolumn-card__info .link {
font-size: 2.2vw !important;
    transition: width 3s;
}

.multicolumn-card__info .link:hover { 
  text-shadow: -2px 0 #f42422, 2px 0 #41c5d7, 1px 0 #f5037b;
}


.list-menu__item {
  font-size: 1.4vw !important;
  transition: width 3s;
  letter-spacing: 1.2px !important; 
}

.list-menu__item:hover {
  text-shadow: -2px 0 #f42422, 2px 0 #41c5d7, 1px 0 #f5037b;
}
  .quick-add {
  padding: 0rem 3rem 0rem 3rem;
}
}

/*MOBILE ONLY FONT CORRECTIONS*/
@media only screen and (max-width: 949px) {

.multicolumn-card__info .link {
    font-size: 4.5vw !important;
} 
.multicolumn-card__info { 
  position: relative;
  top: -3rem !important;
} 

.list-menu__item {
  font-size: 4.2vw !important;
  transition: width 3s;
}

.list-menu__item:hover {
  text-shadow: -3px 0 #f42422, 4px 0 #41c5d7, 2px 0 #f5037b;
}

  .header--has-social .menu-drawer__utility-links {
padding: 0rem 1rem 12rem 3rem !important;
}
  .menu-drawer__navigation{
    padding: 3rem 0 0 0!important;
  }
   .collection__title{
    text-align: center;
  }
  .card-wrapper {
  padding: 15%!important;
}
}

/* ANNOUNCEMENT BAR SOCIALS LINKS IN MAIN THEME CUSTOMISER CSS*/

/* HOME PAGE  - Banner red colour 

.banner__media {
  filter: hue-rotate(30deg);
}


/*DESKTOP - HOME - Multicolumn Styling

RED FILTER DISABLE opacity doesnt work
.multicolumn-card img {
  filter: brightness(0) saturate(100%) invert(18%) sepia(98%) saturate(3329%)
    hue-rotate(354deg) brightness(102%) contrast(92%) opacity(50%);
}
*/
@media only screen and (min-width: 950px) {
 .color-background-1 { 
.multicolumn-card img {
  filter: grayscale(90%);
}
.multicolumn-card img:hover {
  filter: none;
}
}
}
@media only screen and (min-width: 950px) {
  .multicolumn-card__info {
  position: relative;
  top: -3rem !important;
  left: 1rem;
} 
}

/* BUTTON STYLING*/

.shopify-payment-button__button--unbranded,
.cart-drawer .cart__checkout-button, .button--full-width {
  border: 1px solid white !important;
  text-transform: lowercase !important;
}



/* H3 animation */


.multicolumn-list h3:hover {
  text-shadow: -4px 0 #f42422, 4px 0 #41c5d7, 4px 0 #f5037b;
  font-weight: 800 !important;
    position: relative;

    animation: glitch 725ms infinite;
}

.multicolumn-list h3 span {
  position: absolute;
  top: 0;
  left: 0;
}

.multicolumn-list h3 span:first-child {
  animation: glitch 500ms infinite;
  clip-path: polygon(0 0, 100% 0, 100% 35%, 0 35%);
  transform: translate(-0.04em, -0.03em);
  opacity: 0.75;
}

.multicolumn-list h3 span:last-child {
  animation: glitch 375ms infinite;
  clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);
  transform: translate(0.04em, 0.03em);
  opacity: 0.75; 
}
.multicolumn-list h3 span:before, 
.multicolumn-list h3 span:after{
  content: attr(title);
  position: absolute;
  left: 0;
}

.multicolumn-list h3 span:before{
  animation: glitchTop 1s linear infinite;
  clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%);
}
*/
.card__heading h5 {
   animation: color-change 1s infinite;
}

.rich-text__wrapper h2 {
   animation: color-change 1s infinite;
}

@keyframes color-change {
  0% { color: white; }
  50% { color: blue; }
  100% { color: red; }
}



@keyframes glitchTop{
  2%,64%{
    transform: translate(2px,-2px);
  }
  4%,60%{
    transform: translate(-2px,2px);
  }
  62%{
    transform: translate(13px,-1px) skew(-13deg); 
  }
}

.multicolumn-list h3 span:after{
  animation: glitchBotom 1.5s linear infinite;
  clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0 100%);
}

@keyframes glitchBotom{
  2%,64%{
    transform: translate(-2px,0);
  }
  4%,60%{
    transform: translate(-2px,0);
  }
  62%{
    transform: translate(-22px,5px) skew(21deg); 
  }
}


@keyframes glitch {
  0% {
    text-shadow: 0.05em 0 0 #41c5d7, -0.04em -0.04em 0  #f42422,
      0.025em 0.04em 0 #f5037b;
  }
  15% {
    text-shadow: 0.05em 0 0 #41c5d7, -0.04em -0.04em 0 # #f42422,
      0.04em 0.04em 0 #f5037b;
  }
  16% {
    text-shadow: -0.06em -0.06em 0 #41c5d7, 0.025em 0.035em 0 #f42422,
      -0.05em -0.05em 0 #f5037b;
  }
  49% {
    text-shadow: -0.05em -0.06em 0 #41c5d7, 0.04em 0.04em 0 #f42422,
      -0.05em -0.05em 0 #f5037b;
  }
  50% {
    text-shadow: 0.05em 0.05em 0 #41c5d7, 0.03em 0 0 #f42422,
      0 -0.04em 0 #f5037b;
  }
  99% {
    text-shadow: 0.05em 0.06em 0 #41c5d7, 0.03em 0 0 #f42422,
      0 -0.04em 0 #f5037b;
  }
  100% {
    text-shadow: -0.05em 0 0 #41c5d7, -0.04em -0.04em 0 #f42422,
      -0.04em -0.04em 0 #f5037b;
  }
}

/* H2 animation */

.rich-text__wrapper h2{
text-shadow: -2px 0 #f42422, 2px 0 #41c5d7, 1px 0 #f5037b;
}
.rich-text__wrapper h2:hover {
  text-shadow: -4px 0 #f42422, 4px 0 #41c5d7, 4px 0 #f5037b;
  font-weight: 800 !important;
    position: relative;

    animation: glitch 725ms infinite;
}

.rich-text__wrapper h2 span {
  position: absolute;
  top: 0;
  left: 0;
}

.rich-text__wrapper h2 span:first-child {
  animation: glitch 500ms infinite;
  clip-path: polygon(0 0, 100% 0, 100% 35%, 0 35%);
  transform: translate(-0.04em, -0.03em);
  opacity: 0.75;
}

.rich-text__wrapper h2:last-child {
  animation: glitch 375ms infinite;
  clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);
  transform: translate(0.04em, 0.03em);
  opacity: 0.75; 
}
.rich-text__wrapper h2 span:before, 
.rich-text__wrapper h2 span:after{
  content: attr(title);
  position: absolute;
  left: 0;
}

.rich-text__wrapper h2 span:before{
  animation: glitchTop 1s linear infinite;
  clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%);
}


.rich-text__wrapper h2 {
   animation: color-change 1s infinite;
}


/*
@media only screen and (min-width: 1350px) {
.quick-add {
  padding: 0rem 10rem 0rem 10rem;
}
.card-wrapper {
  padding: 2rem;
}
}
/*REMOVE FOOTER LINES*/

.footer__content-bottom {
    border-top: solid 0 rgba(var(--color-foreground),.08)!important;
}

.footer__content-top {
    padding-bottom: 0!important;
}

.footer__content-bottom {
  border-top: unset !important;
}
.footer {
  border-top: unset !important;
}


/*CENTER POLICY MENU IN FOOTER*/

.footer__content-bottom-wrapper {
  justify-content: center;
}

.footer__copyright {
  text-align: center !important;
}

.footer__copyright {
  padding-top: 30px;
}

.footer-block__image-wrapper {
  margin-bottom: 0 !important;
}


@media screen and (min-width: 749px) {
  #frame {
    padding-left: 6vh;
    padding-right: 6vh;
  }
  .bit-widget-container {
    padding-left: 6vh;
    padding-right: 6vh;
    text-transform: lowercase !important;
  }
}
.bit-follow-section-heading-text,
.bit-follow-section-cta,
.bit-offers-text {
  text-transform: lowercase !important;
}
.bit-follow-section-cta {
  border-radius: 40px !important;
}
.bit-button {
  border-radius: 40px !important;
}
button:hover {
  box-shadow: -4px 0 #f42422, 4px 0 #41c5d7, 4px 0 #f5037b; 
}
.bit-button:hover {
  box-shadow: -4px 0 #f42422, 4px 0 #41c5d7, 4px 0 #f5037b;
}
.bit-follow-section-cta:hover {
  box-shadow: -4px 0 #f42422, 4px 0 #41c5d7, 4px 0 #f5037b;
}

/*sign up form*/
@media screen and (min-width: 749px) {
 #mc_embed_shell {
    padding: 0 25vw;
    text-transform: lowercase;
  }
}
@media screen and (max-width: 749px) {
 #mc_embed_shell {
    padding: 0 6vw;
    text-transform: lowercase;
  }
}
  .clear {
    margin-top: 2rem;
  }
  .button{text-transform: lowercase !important;
  }
.button:hover{
   box-shadow: -3px 0 #f42422, 3px 0 #41c5d7, 2px 0 #f5037b;
}
}

/** from customizer**/

@media screen and (min-width: 749px) {
  .header__icon {
    right: 10px;
  }
}
@media screen and (max-width: 749px) {
  .header__icon {
    left: 10px;
  }
}
.button,
.shopify-challenge__button,
.customer {
  background-color: white !important;
  font-family: "Helvetica";
  font-weight: 700;
  font-size: 18px;
}
.shopify-pc__banner__dialog button {
  border-radius: 40px;
}
.slider-counter {
  font-size: 3rem;
}
.bit-widget .bit-follow-section-cta {
  padding: 1.4rem 2.3rem 1.4rem 2.3rem;
}
.bit-button {
  padding: 1.4rem 0 1.4rem 0 !important;
}
.share-button__button {
  color: white;
}
.product__description h4 {
  font-size: 1.2rem !important;
}
.shopify-policy__container a {
  color: white !important;
}

/*Have commented out from line 348 in footer.css & 2815 in base.css to fix underlines in header*/



/*Have added Apple Music and Spotify links in socials by changing Tumblr and Vimeo links in en.default.schema.json and updating images in icon-tumblr.liquid and icon-vimeo.liquid*/


*/STORE SPECIFIC UPDATES ARE IN CUSTOM CSS IN THEME SETTINGS ON CUSTOMISER/*