/*
BLACK #221F20
PINK #f85a5b
GREEN #058555
*/

.hide,
#_evh-button {
  display: none !important;
}
.show-for-large {
  display: none;
}
@media all and (min-width: 800px) {
  .hide-for-large {
    display: none !important;
  }
  .show-for-large {
    display: block;
  }
}

body,
.site-header, .site-header .slide-menu-gr-container,
#site-footer .footer-links,
#site-footer .footer-legal {
    background-color: #000;
    color: #fff;
}
.site-header #menu-main a {
    color: #000000;
    fill: #ffffff;
}


/* = = = = = = = = = = = = = = chromatica */

@font-face{
  font-family:franklin_gothic;
  src:url(//cache.umusic.com/_sites/_halo/loveforsale/fonts/franklin_gothic_condensed.eot);
  src:url(//cache.umusic.com/_sites/_halo/loveforsale/fonts/franklin_gothic_condensed.eot?#iefix) format("embedded-opentype"),url(//cache.umusic.com/_sites/_halo/loveforsale/fonts/franklin_gothic_condensed.woff2) format("woff2"),url(//cache.umusic.com/_sites/_halo/loveforsale/fonts/franklin_gothic_condensed.woff) format("woff"),url(//cache.umusic.com/_sites/_halo/loveforsale/fonts/franklin_gothic_condensed.ttf) format("truetype"),url(//cache.umusic.com/_sites/_halo/loveforsale/fonts/franklin_gothic_condensed.svg#franklin_gothiccondensed) format("svg");font-weight:400;font-style:normal
}
@font-face{font-family:fontello;src:url(//cache.umusic.com/_sites/_asf/icons/font/fontello.eot?21517319);src:url(//cache.umusic.com/_sites/_asf/icons/fontello.eot?21517319#iefix) format("embedded-opentype"),url(//cache.umusic.com/_sites/_asf/icons/font/fontello.woff?21517319) format("woff"),url(//cache.umusic.com/_sites/_asf/icons/font/fontello.ttf?21517319) format("truetype"),url(//cache.umusic.com/_sites/_asf/icons/font/fontello.svg?21517319#fontello) format("svg");font-weight:400;font-style:normal
}

body, div, p, a, h1, h2, h3, h4, h5, span {
  /* font-family: "franklin_gothic","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif */
}
h1, h2, h3 {
    color: #fff;
}

.section-header {
    background-color: transparent;
    color: #fff;
}
section.section-header h2 {
  color: #fff;
  font-size: calc(2.59259vw + 29.7px); /* 66px; */
  text-align: center;
}

/* = BUTTONS = */
.wp-block-kadence-advancedbtn .kt-btn-wrap .kt-button {
  background: #000 !important;
  border-radius: 0;
  border: none;
  color: #fff !important;
}

/* = = = HEADER / MENU = = = */

@media all and (max-width: 31.25em) {
  .site-header .flex-item.flex.-dynamic-header.-top-right {
    order: 1;
    justify-content: flex-start;
  }
  .site-header .flex-wrap .-dynamic-header.-top-left {
    order: 3;
  }

  .slide-menu-gr-container .slide-menu-gr-parent--mobile-only {
    flex-direction: revert;
    flex-wrap: wrap;
    align-items: center;
  }
  .slide-menu-gr-container.slide-menu-gr-container--mobile-only.docked {
    background: #000;
  }
  .site-header .flex-wrap .-dynamic-header .mobile-nav-header span {
    background: #fff;
  }
  #menu-main li {
    text-align: center;
    width: 100%;
  }
  .main-nav .slide-menu-gr-container .slide-menu-gr-parent>.slide-menu-gr-item {
    margin: 10px 10px !important;
  }
  .site-header #menu-main .menu-item-social {
    width: auto;
    margin: 20px 8px !important;
  }
  .site-header #menu-main a,
  .site-header #menu-main .menu-item-social a {
    color: #fff;
    fill: #fff;
  }

}

.site-header {
  box-shadow: none;
}
.main-nav .slide-menu-gr-container .slide-menu-gr-parent>.slide-menu-gr-item {
  margin: 3px !important;
  padding: 0 !important;
}

@media all and (min-width: 800px) {
  #menu-main li a {
    display: inline-block;
    background: #fff;
    border: 2px solid #fff;
    font-weight: 400;
    padding: 5px 10px;
    letter-spacing: .16em;
    transition: all .3s ease-in-out;
  }
}
#menu-main li a:hover {
  background: none;
}

/* = = = VIDEOS = = = */

#home-videos-section.home {
  padding: 2rem 0 0;
}
.slider-gr .slider-gr-container .slide-image img {
  transform: none !important;
}
#home-videos-section .slider__controls,
.play-button,
#home-videos-section header,
.slider-gr .slider-gr-container .slide-overlay span.icon {
  display: none !important;
}

@media only screen and (min-width: 1em) {
  .umg-gr-display-layout-slider-v2 .slider-gr .video-slider .slider-gr-slide .video__content {
      grid-column: 1;
      grid-row: 1;
      display: grid;
      place-items: center;
      justify-content: center;
      padding: 0;
      width: 100%;
  }
}
.umg-gr-display-layout-slider-v2 .slider-gr .video-slider .slider-gr-slide .video__content h2.caption {
  color: #fff;
  letter-spacing: .12em;
  text-transform: uppercase !important;
  font-size: calc(1.59259vw + 29.7px);
  line-height: 1.1;
}

.play-button-wrapper:before {
  content: 'Listen';
  display: flex;
  flex-grow: 1;
  max-width: 150px;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  margin: 20px auto;
  width: 145px;
  height: 50px;
  text-transform: uppercase;
  border: 2px solid #fff;
  color: #000;
  background-color: #fff;
  font-size: 20px;
  letter-spacing: .16em;
  z-index: 999;
  transition: all .3s ease-in-out;
}
.play-button-wrapper:hover:before {
  color: #ffffff;
  background: #000000;
}
@media only screen and (min-width: 50em) {
.slider-gr .video-slider .slide-image {
    width: 90%;
  }
}
.umg-gr-display-layout-slider-v2 .slider-gr .video-slider .slider-gr-slide .video__content .caption-container-over-thumb {
  max-width: 100%;
}
.umg-gr-display-layout-slick.caption-over-thumb .slide-image h2 {
  display: flex;
  flex-wrap: wrap;
  height: 100% !important;
  justify-content: center;
  align-content: center;
  font-size: 40px;
}
.umg-gr-display-layout-slick.caption-over-thumb .slide-image h2:after {
  content: 'Listen';
  display: flex;
  flex-grow: 1;
  max-width: 150px;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  margin: 20px auto;
  width: 145px;
  height: 50px;
  text-transform: uppercase;
  color: #FFF;
  background-color: #fff; /*f85a5b;*/
  font-size: 20px;
  letter-spacing: .16em;
  z-index: 999;
}
.umg-gr-display-layout-slick.caption-over-thumb .slide-image h2:hover:after {
  color: #221F20;
}

/* = = = MERCH = = = */
#home-custom-html-section section.section-header {
  margin: 0 auto;
}
.merch-block h3 {
    font-size: 1.2rem;
    line-height: 1;
    margin-bottom: 0.8rem;
}

/* = = = SECTION LOVE FOR SALE = = = */

#home-custom-html-section .custom-html-content {
  padding: 0;
}
.section.love-for-sale {
  background: url(//cache.umusic.com/_sites/_halo/loveforsale/images/site-bg.png);
  background-size: contain;
  width: auto;
}
.section.love-for-sale img {
  width: 100%;
  height: auto;
}

@media all and (min-width: 800px) {
  .section.love-for-sale img.banner-mobile {
    display: none;
  }
  .section.love-for-sale img.banner-desktop {
    display: block !important;
  }
}
.hero-copy .cta a {
  width: calc(22.22222vw + 78.89px);
  height: calc(22.22222vw + 78.89px);
  font-size: calc(2.5vw + 11px);
  background: url(//cache.umusic.com/_sites/_halo/loveforsale/images/banner-button.png) center no-repeat;
  background-size: contain;
  padding: 25px;
  position: absolute;
  bottom: 25px;
  right: 50px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .12em;
  text-shadow: 0 4px 5px rgba(0,0,0,.15);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .3s ease-in-out;
}
@media all and (min-width: 800px) {
  .hero-copy .cta a {
    width: 390px;
    height: 390px;
    font-size: 46px;
  }
}

/* = = = THE CHROMATICA BALL = = = */
  body.page-id-124 {
    background: #ff6666;
  }
  body.page-id-124 header#site-header {
    display: none;
  }
  body.page-id-124 .post-contents {
    max-width: 1680px;
    margin: auto;
    text-align: center;
  }
  body.page-id-124 img {
    max-width: 100%;
    height: auto;
  }
    body.page-id-124 .title__tour img {
    max-width: 450px;
  }
  body.page-id-124 #site-footer .footer-links,
  body.page-id-124 #site-footer .footer-legal {
    background-color: #ff6666;
  }
  body.page-id-124 #site-footer #menu-social a svg,
  body.page-id-124 #site-footer .footer-links a,
  body.page-id-124 #site-footer .footer-legal a,
  body.page-id-124 #site-footer .footer-legal span {
    color: #058555;
    fill: #058555;
  }
  body.page-id-124 #site-footer .footer-legal a:hover {
    opacity: 1;
  }
  body.page-id-124 .post-contents a.enter-site {
    display: inline-block;
    font-size: 1.4rem;
    padding: 5px 15px;
    background: #058555;
    color: #f85a5b !important;
  }
  body.page-id-124 .post-contents a.enter-site:hover {
    background: #000;
  }

/* = = = SIGN UP = = = */
.footer-mailing-list.btn-wrap {
  display: none !important;
}
.home-custom-html-section-2 {
  display: flex;
  justify-content: center;
    
}

.home-custom-html-section-2#home-custom-html-section .custom-html-content {
  margin: 0 4em;
}


#ae-cform-title-1 {
    color: #fff;
  font-family: "franklin_gothic","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial;
  font-weight: 400;
  font-size: calc(2.59259vw + 29.7px);
  letter-spacing: .05rem;
  padding: .5625rem 0;
  margin: 1.125rem auto;
}
#ae-cform-title-1 hr {
  display: none;
}
.ae-cform-optin:before {
  content: 'SUBSCRIBE TO EMAIL UPDATES FROM:';
  color: #ffffff;
  display: block;
  font-family: franklin_gothic,HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 16px;
}

/* FORM */
.ae-cform-item span {
  color: #fff;
}
.ae-cform-item .ae-cform-select select, .ae-cform-item .ae-cform-select select:hover, .ae-cform-item .ae-cform-select select:focus, .ae-cform-item input[type=text], .ae-cform-item input[type=email], .ae-cform-item input[type=password], .ae-cform-item input[type=tel] {
  background: #333;
  color: #fff;
  border: none !important;
}

.ae-cform-optin-label, .ae-cform-optin-label-non-casl {
  color: #ccc !important;
  font-family: franklin_gothic,HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
}

.ae-optin-holder input[type="checkbox"] {
  outline: 0;
  border: none;
  background-color: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.ae-optin-holder input[type=checkbox]:before {
  font-family: 'fontello';
  position: relative;
  top: -2px;
  font-size: .875rem;
  color: #cccccc;
  content: '\e89f';
}
.ae-optin-holder  input[type=checkbox]:checked:before, .icon-check:before {
  content: '\e8a0';
}
.ae-cform-optin label span {
  margin-left: 0;
}
.ae-cform-container #terms {
  font-family: sans-serif, franklin_gothic,HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande";
    font-size: 11px;
    font-weight: normal;
  text-transform: uppercase;
  color: #ccc;
}
.ae-cform-container #terms a {
  color: #cccccc;
}

.ae-cform-item input[type=submit] {
  border: none !important;
  font-family: franklin_gothic,HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif!important;
  margin: 0;
  text-transform: uppercase;
  color: #000000;
  font-size: 20px;
  letter-spacing: .16em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 145px;
  height: 50px;
  background-color: #fff !important;
  background: center no-repeat #f85a5b;
  background-image: none !important;
  background-size: contain;
  border-radius: 0 !important;
  border: 2px solid #fff;
  padding: 0;
  transition: all .3s ease-in-out;
}
.ae-cform-item input[type=submit]:hover {
  color: #fff !important;
  background-color: black !important;
  background-image: none !important;
  border: 2px solid #fff !important;    
}

@media all and (max-width: 800px) {
  #ae-cform-title-1,
  .ae-cform-optin,
  .cform-required-field.ae-cform-item,
  #terms {
    text-align: center;
  }
  .ae-cform-item input[type=submit] {
      margin: auto;
    }
}
.ae-cform-error-block {
    color: #fff;
}

/* = = = FOOTER = = = */
#site-footer [id^="menu-social"] .menu-item a {
    color: #999;
    fill: #999;
}
#site-footer {
    border-top: none;
  }
#site-footer .copyright,
#site-footer .legal {
  opacity: 1;
}
#site-footer .legal {
  flex: revert;
  position: relative;
  width: auto;
}
#site-footer .legal span {
    color: #999;
}
#site-footer .copyright a:hover
#site-footer .legal a:hover {
  color: #f85a5b; /*#a76b59;*/
  opacity: 1;
}
@media all and (min-width: 50em) {
  #site-footer .footer-legal .flex-wrap {
      justify-content: center;
  }
}