/** HOMEPAGE **/

/* HERO */
#hero { background-size: cover; width: 100vw; height: calc(100vh - 50px); background-position: center center;position:relative; }
#hero_sub { background-size: cover; width: 100vw; height: calc(100vh - 50px); background-position: top center;position:relative; }
.hero-cta { position: absolute; bottom: 20%; left: 50%; transform: translate(-50%,0);text-align:center; }
.hero-cta-text { font-family: var(--header-font); text-transform: uppercase; font-weight: bold; font-size: 36px; }
.hero-cta-button { margin-top: 12px; }
.hero-cta-button a:link, .hero-cta-button a:visited { background-color: var(--header-element-color); color: var(--secondary-element-bg-color); font-weight: bold; text-transform: uppercase; font-size: 18px; padding: 6px 12px; border-radius: 6px; display: block; max-width: 150px; margin: 0 auto; cursor: pointer; transition: all ease 250ms; }
.hero-cta-button a:hover { background-color:var(--header-element-color-hover); }

#homepage { padding-top:12px; }
.homepage-image { width: 100%;display: block;text-align: center;max-width:1920px;margin:0 auto; }
.homepage-image img { max-width:100%;display:block;margin:0 auto; }

.homepage-video-featured-item iframe { width: 100%;height: 100%; }
.homepage-banners-large, .homepage-banners-medium, .homepage-banners-small, .homepage-banners-third { margin-bottom: 12px; }
.homepage-video-sub-item a { position: relative;width: 100%;height: 100%;display: block;z-index: 110; }
.homepage-video-sub-image { position:relative;z-index: 10; }
.homepage-video-sub-image img, .homepage-banner-large img, .homepage-banner-medium img, .homepage-banner-small img, .homepage-banner-third img { max-width: 100%;display: block; }
.homepage-videos-sub { margin-top: 12px;margin-bottom:12px; }
.homepage-video-sub-item { position:relative; }
.homepage-video-sub-title { position: absolute;bottom: 12px;left: 0;color: var(--primary-color);font-family: 'Montserrat', sans-serif;font-weight: 900;text-transform: uppercase;padding: 6px;width: calc(100% - 12px);background-color: var(--primary-element-bg-color);z-index: 100; }
.homepage-banner-large, .homepage-banner-medium, .homepage-banner-small, .homepage-banner-third { position:relative; }
.homepage-banner-large:hover .homepage-banner-overlay, .homepage-banner-medium:hover .homepage-banner-overlay, .homepage-banner-small:hover .homepage-banner-overlay, .homepage-banner-third:hover .homepage-banner-overlay { opacity:1; }
.homepage-banner-overlay { position: absolute;top: 0;left: 0;background-color: var(--secondary-element-bg-color);color: var(--primary-color);z-index: 50;cursor:pointer;transition:all ease 250ms;opacity:0;text-align:center;overflow:hidden;text-overflow:ellipsis; }
.homepage-banner-overlay-title { text-align: center;position: relative;width:100%; }
.homepage-video-sub-item-overlay { position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--secondary-element-bg-color);z-index: 50;opacity:0;transition:all ease 250ms;cursor:pointer; }
.homepage-video-sub-item a:hover .homepage-video-sub-item-overlay { opacity:1; }
.homepage-video-sub-icon { color: var(--white);position: absolute;top: 6px;right: 6px;z-index: 100; }
.homepage-video-sub-type { font-family: var(--accent-font);font-size: 12px;font-weight: 400;color: var(--primary-color); }

.homepage-discography-title, .homepage-playlist-header, .homepage-instagram-header, .homepage-tiktok-header, .homepage-youtube-header, .homepage-newsletter-header, .homepage-products-header { font-family:'Montserrat', sans-serif;font-size:32px;font-weight:900;text-transform:uppercase;margin-bottom:12px; }

.homepage-tour-title { font-family:'Montserrat', sans-serif;font-size:32px;font-weight:900;text-transform:uppercase; }

.homepage-tour-title i, .homepage-discography-title i, .homepage-playlist-header i, .homepage-instagram-header i, .homepage-tiktok-header i, .homepage-youtube-header i, .homepage-newsletter-header i, .homepage-products-header i { color:var(--header-element-color); }

.homepage-products { margin-top:36px; }
.homepage-products-items { display: grid; grid-template-columns: repeat(4, calc(25% - 9px)); grid-gap: 12px; }

@media all and ( max-width:767px ) { /**/
	.homepage-products-items { display: grid; grid-template-columns: 1fr; grid-gap: 12px; }#hero { background-size: cover; width: 100vw; height: calc(100vh - 50px); background-position: center center;position:relative; }
	#hero, #hero_sub { height: calc(100vh - 127px); }
}

.homepage-newsletter-holder { display: grid; grid-template-columns: auto 150px; grid-gap: 12px; font-size: 18px;align-items:center; }
.homepage-newsletter { margin: 24px auto;padding:24px;background-color:var(--box-color); }
.homepage-newsletter-email.button { text-transform: uppercase; font-weight: bold; text-align: center; padding: 12px;cursor:pointer;transition:all ease 250ms; }

.homepage-special { background-color: #FFF;margin-bottom: 12px; }
.homepage-special-left video { width:100%;height:100%; }
.homepage-special-title { font-family: var(--header-font);font-weight: bold;color: var(--accent-color); }
.homepage-special-desc strong { color: var(--primary-color);font-family: var(--basic-font);margin-bottom: 24px;display: block; }
.homepage-special-desc { color: var(--header-element-color-hover);font-size: 18px;line-height: 1.2; }
.homepage-special-desc p { margin-bottom: 18px; }
.homepage-special-link a:link, .homepage-special-link a:visited { background-color: var(--primary-color);color: var(--white);font-size: 24px;padding: 3px 12px;font-weight: bold;border-radius: 6px;cursor: pointer;display:block;text-align:center;max-width:250px;margin:12px auto; }
.homepage-special-link a:hover { background-color:var(--accent-color); }

.homepage-tour { margin: 36px auto; }
.homepage-tour-linkout { text-align: center;margin-bottom: 36px;display:none; }
.homepage-tour-linkout a:link, .homepage-tour-linkout a:visited { margin:0 auto;display: block;background-color: var(--header-element-color);color: var(--secondary-color);text-transform: uppercase;font-weight: bold;font-size: 18px;padding: 6px 12px;border-radius: 3px;text-align: center;transition: all ease 250ms;cursor: pointer;max-width: 250px; }
.homepage-tour-linkout a:hover { background-color:var(--accent-color);color:var(--white); }

.seated-follow-link, .seated-follow-link:visited { background-color: var(--accent-color)!important;color: var(--white) !important;font-size: 18px!important;border: 0!important;border-radius: 3px!important;padding: 6px 24px!important;font-weight: bold!important; }

.homepage-playlist { margin: 36px 0; }
.homepage-playlist-holder { width: 100%;height: calc(100vw * 0.5625);max-height:400px; }
.homepage-playlist-holder iframe { width: 100%;height: 100%; }

.homepage-instagram-header span, .homepage-tiktok-header span, .homepage-youtube-header span { font-size: 16px; }

.homepage-discography { margin: 36px auto;padding:24px;background-color:var(--box-color); }


/* FEATURE */
.homepage-feature {
    margin: 24px auto;
    padding: 24px;
    background-color: var(--box-color);
}
.homepage-feature-video {
    width: 100%;
    margin-bottom: 12px;
}
.homepage-feature-quote {
    line-height: 150%;
    font-size: 18px;
    font-style: italic;
}
.homepage-feature-quote-author {
    font-size: 18px;
    margin-top: 24px;
    font-weight: bold;
}

@media all and (min-width:1024px ) {
	.homepage-feature-video video {
		width: 100%;
		height: calc((100vw - 48px) * 0.5625);
		max-height: 320px;
	}
	.homepage-feature {
		display: grid;
		grid-template-columns: repeat( 2, calc(50% - 6px));
		grid-gap: 12px;
	}
	.hero-overlay {
		display:none;
	}
}

@media all and (max-width:1023px ) {
	.homepage-feature-video video {
		width: 100%;
		height: calc((100vw - 48px) * 0.5625);
		max-height: 320px;
	}
	.homepage-feature {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 12px;
	}
	.hero-overlay {
		display:none;
	}
}

/* VIDEO */
.homepage-videos { padding: 12px; background-color: var(--box-color); margin: 24px auto; }
.homepage-video { width: 800px;margin: 0 auto;max-width:100%; }
.homepage-video-holder { width:100%;height:450px;max-height:calc((100vw - 48px) * 0.5625) }
.homepage-video-holder iframe { width:100%;height:100%; }
.homepage-video-title { font-size:32px;text-transform:uppercase;font-family:var(--header-font);font-weight:900;margin-bottom:6px; }
.homepage-video-subheading { text-transform: uppercase; font-size: 18px;margin-bottom: 24px; color: var(--header-element-color); }


/* NEWS */
.homepage-news { padding: 36px 0;display: grid;grid-template-columns: 500px auto;grid-gap: 12px; }
.homepage-news-image img { width: 100%;max-width: 600px;margin: 0 auto;display: block; }
.homepage-news-title-text { font-weight: bold;text-transform: uppercase;font-size: 24px;padding: 12px 0;color: var(--header-element-color); }
.homepage-news-title-logo { max-width: 200px; }
.homepage-news-title-logo img { max-width: 100%; }
.homepage-news-title-logo .logo { display: grid;grid-template-columns: 25% auto;align-items: center;grid-gap: 6px; }
.homepage-news-video iframe { width: 100%;height: calc( calc(100vw - 24px) * 0.5625);max-height: 281.25px; }
.homepage-news-date { margin-bottom: 6px; }
.homepage-news-date { margin-bottom: 6px;text-transform: uppercase;color: var(--accent-color); }
.homepage-news-title-desc { font-size: 18px;line-height: 150%;margin: 0 0 24px 0; }
.homepage-news-details .button { text-transform: uppercase;font-weight: bold;padding: 12px 24px;font-size: 18px; }
  

  @media all and ( max-width:768px ) {  /**/
	.homepage-news { grid-template-columns: 1fr!important; }
	.newsletter-signup-questions, .newsletter-signup-fields { display: grid; grid-template-columns: 1fr; grid-gap:12px; }
  }

  @media all and ( min-width:769px ) {
	.newsletter-signup-questions { display: grid; grid-template-columns: 1fr 1fr; grid-gap:12px; }
	.newsletter-signup-fields { display:grid; grid-template-columns:repeat( 3, calc(33.333% - 6px) ); grid-gap:12px; }
  }
/* */


.homepage-holder #mc_embed_signup { background-color: rgba(0,0,85,0.7)!important; padding: 36px; border-radius: 6px; margin: -16px auto; display: block; position: relative; z-index: 1000; box-shadow: 0 0 18px 8px rgba(0,0,0,0.3); max-width:720px; }
.mc-field-group input { font-size: 16px; padding: 6px; width:calc(100% - 12px); }
.mc-field-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #CFCFCF; opacity: 1; /* Firefox */ }
.mc-field-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #CFCFCF; }
.mc-field-group input::-ms-input-placeholder { /* Microsoft Edge */ color: #CFCFCF; }

.newsletter-signup-questions { margin-top: 24px; }
div#mc_embed_signup_scroll h2 { margin-bottom: 24px; }
.mc-field-group li { list-style-type: none; font-size: 14px; margin-bottom: 3px; display: grid; grid-template-columns: 30px auto; align-items: center; }
#newsletter_signup_close { position: absolute; top: 6px; right: 6px; background-color: var(--primary-element-bg-color); width: 30px; height: 30px; font-size: 20px; line-height: 30px; text-align: center; border-radius: 3px; transition: all ease 250ms; cursor: pointer; z-index: 1000; }
#newsletter_signup_close:hover { background-color:var(--secondary-element-bg-color); }
#mc-embedded-subscribe-form input[type="submit"] { text-transform: uppercase; font-size: 18px; font-weight: bold; padding: 6px 12px; margin-top: 12px; transition:all ease 250ms; cursor:pointer; }
#mc-embedded-subscribe-form input[type="submit"]:hover { background-color:var(--accent-color)!important; }
.mc-field-group.input-group strong { margin-bottom: 6px; display: block; }
#mce-responses { margin-top: 12px; font-style: italic; color: var(--header-element-color); }

@media all and (max-width:375px) {/* iPhone 351 */
	.homepage-holder { width: calc(100% - 24px);max-width: 351px;display: block;margin-left:auto;margin-right:auto;margin-top:12px; }
	
	.homepage-video-sub-title { font-size: 16px; }

	.homepage-video-featured-item { width: 100%;height: calc(calc(100vw - 24px) * 0.5625);display: block;margin: 0 auto; }
	.homepage-videos-featured-sub { display:none; }

	.homepage-videos-sub { display: grid;grid-template-columns: 1fr;grid-column-gap: 12px;grid-row-gap: 12px;}
	.homepage-banners-small { display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 12px;grid-row-gap: 12px;}
	.homepage-banner-overlay { padding:6px;width: calc(100% - 12px);height: calc(100% - 12px); }
	.homepage-banner-overlay-title { font-size: 16px;top: 6px; }
	.homepage-video-sub-title { font-size: 16px; }
  	.homepage-banners-medium, .homepage-banners-third { display: grid;grid-template-columns: 1fr;grid-column-gap: 12px;grid-row-gap: 12px;}

  	.discography-main { display: grid;grid-template-columns: 1fr 1fr;grid-gap:12px; }
}


@media all and (min-width:376px) and (max-width:767px) {/* In Between 695 */
	.homepage-holder { width: calc(100% - 24px);max-width: 580px;display: block;margin-left:auto;margin-right:auto;margin-top:12px; }
	
	.homepage-video-sub-title { font-size: 16px; }

	.homepage-video-featured-item { width: 100%;height: calc(calc(100vw - 24px) * 0.5625);max-height:326.25px;display: block;margin: 0 auto; }
	.homepage-videos-featured-sub { display:none; }

	.homepage-videos-sub { display: grid;grid-template-columns: 1fr;grid-column-gap: 12px;grid-row-gap: 12px;}
	.homepage-banners-small { display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 12px;grid-row-gap: 12px;}
	.homepage-banner-overlay { padding:6px;width: calc(100% - 12px);height: calc(100% - 12px); }
	.homepage-banner-overlay-title { font-size: 16px;top: 6px; }
	.homepage-video-sub-title { font-size: 16px; }
  	.homepage-banners-medium, .homepage-banners-third { display: grid;grid-template-columns: 1fr;grid-column-gap: 12px;grid-row-gap: 12px;}

  	.discography-main { display: grid;grid-template-columns: 1fr 1fr;grid-gap:12px; }
}


@media all and (min-width:768px) and (max-width:1024px) {/* iPads, Tablets, Small Desktop 720 */
	.homepage-holder { width: calc(100% - 24px);max-width: 720px;display: block;margin-left:auto;margin-right:auto;margin-top:12px; }

  	.homepage-video-featured-item { width: 472px;height: 277.267px;display:inline-block;vertical-align: top; }
	.homepage-videos-featured-sub { width: 236px;margin-left: 12px;display: inline-block;vertical-align: top; }
	.homepage-videos-featured-sub .homepage-video-sub-item:nth-child(3) { display: none; }
	.homepage-videos-featured-sub .homepage-video-sub-item:first-child { margin-bottom: 12px; }

	.homepage-videos-sub { display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 12px;grid-row-gap: 12px;}
	.homepage-video-sub-title { font-size: 16px; }

	.homepage-banners-small { display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-column-gap: 12px;grid-row-gap: 12px;}
	.homepage-banner-overlay { padding:12px;width: calc(100% - 24px);height: calc(100% - 24px); }
	.homepage-banner-overlay-title { font-size: 18px;top: 12px; }
  	.homepage-banners-medium { display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 12px;grid-row-gap: 12px;}
	.homepage-banners-third { display: grid;grid-template-columns: repeat(3, calc(33.333% - 6px));grid-column-gap: 12px;grid-row-gap: 12px;}

  	.discography-main { display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:12px; }

}


@media all and (min-width:1025px) and (max-width:1279px) {/* In Between 924 */
	.homepage-holder { width: calc(100% - 24px);max-width: 942px;display: block;margin-left:auto;margin-right:auto;margin-top: 36px; }

	.homepage-video-featured-item { width: 703.5px;height: 405.9px;display:inline-block;vertical-align: top; }
	.homepage-videos-featured-sub { width: 226.5px;margin-left: 12px;display: inline-block;vertical-align: top; }
	.homepage-videos-featured-sub .homepage-video-sub-item:not(:last-child) { margin-bottom: 12px; }

	.homepage-videos-sub, .homepage-banners-small { display: grid;grid-template-columns: 226.5px 226.5px 226.5px 226.5px;grid-column-gap: 12px;grid-row-gap: 12px;}
	.homepage-video-sub-title { font-size: 16px; }

  	.homepage-banner-overlay { padding:24px;width: calc(100% - 48px);height: calc(100% - 48px); }
  	.homepage-banner-overlay-title { font-size: 24px;top: 24px; }
  	.homepage-banners-medium { display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 12px;grid-row-gap: 12px;}
	.homepage-banners-third { display: grid;grid-template-columns: repeat(3, calc(33.333% - 6px));grid-column-gap: 12px;grid-row-gap: 12px;}

  	.discography-main { display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap:12px; }

	  .homepage-hero.medium { display: inline-block; vertical-align: top; width: calc(50% - 6px); }
	.homepage-hero.medium:nth-child(odd) { margin-right:12px; }
}


@media all and (min-width:1280px) {/* Desktops 1200 */ /* 1280, 1366, 1440, 1920 */
	.homepage-holder { width: calc(100% - 24px);max-width: 1200px;display: block;margin-left:auto;margin-right:auto;margin-top:36px; }

  	.homepage-video-featured-item { width: 897px;height: 514.65px;display:inline-block;vertical-align: top; }
	.homepage-videos-featured-sub { width: 291px;margin-left: 12px;display: inline-block;vertical-align: top; }
	.homepage-videos-featured-sub .homepage-video-sub-item:not(:last-child) { margin-bottom: 12px; }

	.homepage-videos-sub, .homepage-banners-small { display: grid;grid-template-columns: 291px 291px 291px 291px;grid-column-gap: 12px;grid-row-gap: 12px;}
	.homepage-video-sub-title { font-size: 20px; }
	
	.homepage-banner-overlay { padding:24px;width: calc(100% - 48px);height: calc(100% - 48px); }
	.homepage-banner-overlay-title { font-size: 24px;top: 24px; }
  	.homepage-banners-medium { display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 12px;grid-row-gap: 12px;}
	.homepage-banners-third { display: grid;grid-template-columns: repeat(3, calc(33.333% - 6px));grid-column-gap: 12px;grid-row-gap: 12px;}

  	.discography-main { display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:12px; }

	  .homepage-hero.medium { display: inline-block; vertical-align: top; width: calc(50% - 6px); }
	.homepage-hero.medium:nth-child(odd) { margin-right:12px; }
}