.br-button a:link, .br-button a:visited { background-color: var(--typewriter-red);color: var(--white);font-family: var(--type-font);font-size: 24px;display: block;margin-bottom: 12px;max-width: 275px;text-transform: uppercase; }
.br-button a:hover { background-color:var(--black); }

/* HERO */
.homepage-hero { background-color:var(--black);position:relative; }
.homepage-hero-image { width: 100%;height: calc(100vw * 0.5625);overflow: hidden;background-image:url( '../images/CBR_BlackRainbows_Homepage_Hero.jpg' );background-size:cover;background-position:left top;background-repeat:no-repeat; }
.homepage-hero-video { width:500px;height:281.25px; }
.homepage-hero-video iframe { width:100%;height:100%;display:block; }
.homepage-hero-details { background-color: rgba(0,0,0,0.75); padding: 60px 12px;width:calc(100% - 24px); }
.homepage-hero-video-holder { display: grid; grid-template-columns: 500px auto; grid-gap: 24px; margin: 0px auto; }
.homepage-hero-video-title { font-size:48px;font-family:var(--type-font);color:var(--typewriter-red);margin:12px 0; }
.homepage-hero-video-desc { font-size:18px;line-height:1.1;color:var(--white); }
.homepage-hero-video-desc a:link, .homepage-hero-video-desc a:visited { font-size:18px;color:var(--white);text-decoration:underline; }
.homepage-hero-video-desc a:hover { color:var(--typewriter-red); }
.homepage-hero-button { margin-top: 12px; }

/* SOCIALS */
.socials-icon-menu { margin: 0 auto; max-width: 1000px; width: calc(100% - 24px); display: grid; grid-template-columns: repeat(8, 12.5%); text-align: center; padding: 24px 12px 12px 12px; }
.socials-icon a:link, .socials-icon a:visited { font-size: 24px; }

/* NEWSLETTER */
.homepage-newsletter { color:var(--typewriter-red);background-color:var(--light-grey); }
#newsletter { position:relative; }
#loader { background-color:var(--grey);border-radius: 3px;color: var(--black);text-align: center;line-height: 31px; }
#loader button { padding: 0;width: 100%;height: 100%;font-family: var(--accent-font);color: #FFF;font-size: 18px;cursor: pointer;transition: all ease 250ms; }
.newsletter-form #replicant { display:none; }
.newsletter-header-desc { font-family: var(--type-font);font-size: 24px;margin-bottom: 6px;transition:all ease 750ms; }
.newsletter-form { transition: all ease 1s; }
.newsletter-form #message { transform: translate(0,6px); }
.newsletter-holder { display:grid;grid-template-columns:auto 100px;align-items:center; }

#newsletter_signup_form_holder { position: fixed; width: 100%; height: 100vh; z-index: 9999; top: 0; left: 0; background-color: rgba(25,25,25,0.9); }
#newsletter_signup_form { position: relative; display: block; max-width: 600px; width: calc(100% - 24px); margin: 50px auto; }
#newsletter_signup_form_close { position: absolute; right: -24px; top: -24px; cursor:pointer; background-color: var(--white); padding: 6px 12px; font-size: 24px; border-radius: 3px; box-shadow: 0 0 10px 0px rgba(0,0,0,0.5); }

#mc_embed_signup { padding: 6px; border-radius: 6px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.9); }

/* ALBUMS */
.blackrainbows-album-links-main { width:calc(100% - 24px);max-width:1000px;margin:24px auto; }
.blackrainbows-album-links-separator { margin: 72px 0 0px 0;background-color: #eaeaea;padding: 48px;position:relative; }
.blackrainbows-album-links-separator-holder { display: grid;grid-template-columns: 100px auto;align-items: center;grid-gap: 12px;width: calc(100% - 24px);max-width: 1000px;margin: 0 auto;font-size: 18px;font-family: var(--type-font); }
.blackrainbows-album-links-separator-desc p:not(:first-child) { margin-top:12px; }
.blackrainbows-album-links-separator-quote { display: grid;grid-template-columns: auto 100px;grid-gap: 12px;font-size: 24px;max-width: 500px;position: absolute;right: 12px;bottom: -60px; }
.blackrainbows-album-links-separator-quote .blackrainbows-quote { background-color:var(--white); }

.blackrainbows-album-links-holder { position:relative;width:100%; }

.blackrainbows-album-links-description { margin-bottom: 48px; font-size: 24px; color: var(--grey); font-family: var(--type-font); line-height: 1.1; }
.blackrainbows-album-main { display: grid;grid-template-columns: 300px auto;grid-gap: 24px;margin-bottom:96px; }
.blackrainbows-album-iterations { display: grid;grid-template-columns: repeat( 2, calc(50% - 6px) );grid-gap: 12px;width:100%;margin:24px auto; }
.blackrainbows-album-single, .blackrainbows-album-book { display: grid;grid-template-columns: 200px auto;grid-gap: 12px; }
.blackrainbows-album-title { font-size: 24px;font-family: var(--type-font);color:var(--typewriter-red); }
.blackrainbows-album-sub-title { font-size: 14px; text-transform: uppercase; color: var(--grey); }
.blackrainbows-album-main .blackrainbows-album-title { color:var(--typewriter-red);font-size:48px; }
.blackrainbows-album-date { font-family: var(--header-font);text-transform:uppercase;font-size: 14px;color: var(--grey);margin: 6px 0 16px 0; }
.blackrainbows-album-desc { font-size: 16px;line-height: 125%;margin-bottom: 24px; }
.blackrainbows-album-desc a:link, .blackrainbows-album-desc a:visited { font-size:16px; }


/* TOUR */
.homepage-tourdates { background-image:url('../images/CBR_BlackRainbows_Tub.png');background-size:50% auto;background-position:bottom left;background-repeat:no-repeat;background-color:var(--black);padding:48px;position:relative; }
.homepage-tourdates-title { margin: 0 auto 36px auto;display: block;max-width: 250px;height:90px; }
.homepage-tourdates-title img { max-height: 100%;margin: 0 auto; }
.homepage-tourdates-title { color:var(--typewriter-red);font-family:var(--type-font);margin-bottom:36px;font-size:48px;text-align:center; }
.homepage-tourdates-widget { max-width: 1000px;margin: 0 auto; }
.homepage-tourdates-widget a:link, .homepage-tourdates-widget a:visited { white-space: normal!important;background-color: var(--typewriter-red);border-radius: 0!important;box-shadow: 0!important;border: 0!important;color: var(--white);font-size: 24px;font-family: var(--type-font);padding: 2px 6px 0 6px!important;margin: 0!important; }
.homepage-tourdates-widget a:hover { background-color:var(--link-hover); }
.seated-events-table { border:0!important; }
.seated-event-row { border: 0!important;background-color: rgba(20,11,9,0.75)!important;margin-bottom: 6px;font-size: 18px;color: var(--white);font-family: var(--type-font); }
.seated-event-row:hover { background-color: rgba(255,255,255,0.5); }
.seated-follow-text { color: var(--white);font-family: var(--basic-text);margin-bottom: 12px; }
.seated-event-date-cell { font-weight: normal!important;margin-bottom: 6px;color: var(--grey); }


/* ARTICLES */
.homepage-articles { padding:48px 0;margin: 0 auto;position:relative;width:100%;background-color:var(--black);background-image:url('../images/CBR_BlackRainbows_Texture_Black.jpg');background-size:cover;background-position:top center;background-repeat:no-repeat; }
.homepage-articles-header { height:90px;display:block;width:calc(100% - 24px);margin:0 auto 24px auto; }
.homepage-articles-header img { max-height:100%; }
.homepage-articles-holder { position: relative;z-index: 50;width:calc(100% - 24px);max-width:1000px;margin:0 auto; }
.homepage-article { width: calc(100% - 12px); position: relative; transition: all ease 1s; display: grid; grid-template-columns: 300px auto; grid-gap: 12px;padding:6px;background-color:var(--white); }
.homepage-article-image { width: 100%;height: 200px;background-position: top center;background-size: cover;background-repeat: no-repeat; }
.homepage-article-image, .homepage-article-image img { transition:all ease 500ms; }
.homepage-article-title a:link, .homepage-article-title a:visited { font-family: var(--type-font);font-size: 24px;margin: 6px 0;display:block; }
.homepage-article-title a:hover { color:var(--link-hover); }
.homepage-article-date { font-family: var(--accent-font);font-size: 18px;margin-bottom: 12px;color:var(--title-color);text-transform:uppercase; }
.homepage-article-preview { line-height: 1.2;font-size: 16px; }
.homepage-article-readmore { position: absolute;right: 6px;top: 0;height: 100%;width: 100px;text-align: center; }
.homepage-article-readmore a:link, .homepage-article-readmore a:visited { color: #FFF;background-color: var(--link-color);display:block;line-height: 30px }
.homepage-article-readmore a:hover { background-color:var(--link-hover); }
.homepage-article-footer { width: 100%;height: 30px;position: absolute;bottom: 6px;right: 0; }

.homepage-article-co a:link, .homepage-article-co a:visited { color: var(--accent-color);font-weight: 300;font-family: var(--accent-font);font-size: 18px;margin-top: 6px;display: block; }
.homepage-article-co a:hover { color:var(--black); }

/* INSTAGRAM */
.homepage-gallery.instagram { padding: 24px; }
.homepage-gallery.instagram iframe { display:block;margin:0 auto;max-width:1920px; }

/* QUOTE */
.blackrainbows-quote-mark { background-repeat:no-repeat;background-size:100% auto;width:100%;height:100%; }
.blackrainbows-quote-mark.black { background-image:url( '../images/CBR_BlackRainbows_Quote.png' ); }
.blackrainbows-quote-mark.red:not(.right) { background-image:url( '../images/CBR_BlackRainbows_Quote_Red.png' ); }
.blackrainbows-quote-mark.red.right { background-image:url( '../images/CBR_BlackRainbows_Quote_Red_Right.png' ); }

.blackrainbows-quote { font-family: var(--type-font);margin-bottom: 12px; }

.homepage-quote-holder .blackrainbows-quote-mark { width: 100px;height: 100px; }
.blackrainbows-quote-quote .blackrainbows-quote { background-color: var(--white);font-size: 32px; }
.blackrainbows-quote-quote { display: grid; grid-template-columns: 100px auto; grid-gap: 12px; align-items: center; width: calc(100% - 24px); max-width: 675px; margin: 0 0 0 auto; position: absolute; bottom: 100px; left: 24px; }
.homepage-quote-holder { background-image: url(../images/CBR_BlackRainbows_QuoteBG.jpg);background-size: cover;background-repeat: no-repeat;background-position: right center;position:relative;height:calc(100vh - 50px); }

.blackrainbows-quote-author { font-size: 18px;font-family: var(--type-font);margin-bottom:24px;background-color: var(--white); color: var(--grey); }
.blackrainbows-quote-info .blackrainbows-quote:first-child { display: grid; grid-template-columns: 50px auto; align-items: center; grid-gap: 12px; }
.blackrainbows-quote-info .blackrainbows-quote:first-child img { padding:6px; }


/* PRODUCTS */
.homepage-products-header { height:90px;display:block;margin:24px auto;width:calc(100% - 24px);max-width: 1000px; }
.homepage-products-header img { max-height:100%; }
.tile-product { overflow:hidden;transition:all ease 250ms;position:relative;z-index:50;text-align:center;padding:12px; }
.tile-product img, .product-also-like img { transition:all ease 250ms; }
.tile-product:hover img, .product-also-like:hover img { transform:translate(0,5px); }
.activate { display:block;height:100%;left:0;position:absolute;top:0;z-index:100;width:100%;cursor:pointer; }
.tile-product:hover .tile-product-header { cursor:pointer; }
.tile-product-media { position:relative; }
.tile-product-image { margin:0 auto; }
.tile-product-header { transition:all ease 250ms;text-align:center; }
.tile-product-title { font-family:var(--type-font);color:var(--typewriter-red);font-size:18px; }
.tile-product-price { display:none; }
.list-product-sold-out { position: absolute;bottom: 100px;left: 50%;transform: translate(-50%,-50%);z-index: 50;background-color: rgba(255,0,0,0.5);width: 100%;height: 30px;color: var(--white);line-height: 30px;text-transform: uppercase;font-size: 24px;font-weight: bold;max-width: 325px; }




/* iPhone 351 */
@media all and (max-width:375px) { /* HERO */
    
    .homepage-hero-image { height: calc(100vw * 1.77);background-image: url(../images/CBR_BlackRainbows_Hero_Mobile.jpg); }
    .homepage-hero-video-holder { grid-template-columns: 1fr;grid-gap:0; }
    .homepage-hero-details { position: relative;padding:48px 12px;width:calc(100% - 24px); }
    .homepage-hero-video { width: 100%;height: calc((100vw - 24px)*0.5625); }
    .homepage-hero-video-title { font-size: 36px; }
    .homepage-hero-video-info { background-color: var(--black);padding: 12px; }

    /* ALBUMS */
    .blackrainbows-album-main, .blackrainbows-album-single, .blackrainbows-album-book, .blackrainbows-album-iterations { grid-template-columns: 1fr; }
    .blackrainbows-album-single { margin-bottom:36px; }
    
    .homepage-products-holder { margin:24px auto;max-width:calc(100vw - 24px); }
    
	.tile-product { margin-bottom:12px; }
	.tile-product-media { width:calc(100vw - 48px);height: calc(100vw - 48px);margin-bottom:6px; }

    /* ARTICLES */ 
    .homepage-article { width: calc(100% - 48px);position: relative;transition: all ease 1s;padding: 6px 6px 48px 6px;background-color: #FFF;display: block;margin: 0 auto 24px auto; }
    .homepage-article-footer { bottom: 6px;right: 6px; }

    /* NEWSLETTER */
    .newsletter-holder { width: calc(100% - 48px);margin: 0 auto;padding:24px; }
    #loader { width: 100px;height: 34px;display: inline-block;margin: 0 0 0 12px;vertical-align: bottom; }
    .newsletter-form input { width: calc(100% - 124px);display:inline-block; }
    .newsletter-header-desc { margin-bottom: 6px; }

    /* TOURDATES */
    .homepage-tourdates { background-size:100% auto;padding: 12px; }

    /* QUOTE */
    .blackrainbows-quote-quote { grid-template-columns:50px auto;bottom: 10px;left: auto;right: 10px; }
    .homepage-quote-holder .blackrainbows-quote-mark { width:50px; height:50px; }
    .blackrainbows-quote-quote .blackrainbows-quote { font-size: 18px!important; }
}

/* In Between 695 */
@media all and (min-width:376px) and (max-width:767px) { /* HERO */
    
    .homepage-hero-image { height: calc(100vw * 1.77);background-image: url(../images/CBR_BlackRainbows_Hero_Mobile.jpg); }
    .homepage-hero-video-holder { grid-template-columns: 1fr;grid-gap:0; }
    .homepage-hero-details { position: relative;padding:12px;width:calc(100% - 24px); }
    .homepage-hero-video { width: 100%;height: calc((100vw - 24px)*0.5625); }
    .homepage-hero-video-title { font-size: 36px; }
    .homepage-hero-video-info { background-color: var(--black);padding: 12px; }

    /* ALBUMS */
    .blackrainbows-album-main, .blackrainbows-album-single, .blackrainbows-album-book, .blackrainbows-album-iterations { grid-template-columns: 1fr; }
    .blackrainbows-album-single { margin-bottom:36px; }

    /* PRODUCTS */
    .homepage-products-holder { margin:24px auto;max-width:328px; }
	.tile-product { margin-bottom:12px; }
	.tile-product-media { width:100%;height:304px;margin-bottom:6px; }
	.list-products { text-align: center; }

    /* ARTICLES */
    .homepage-article { max-width:450px;position: relative;transition: all ease 1s;padding: 6px 6px 48px 6px;background-color: #FFF;display: block;margin: 0 auto 24px auto; }
    .homepage-article-footer { bottom: 6px;right: 6px; }

    /* NEWSLETTER */
    .newsletter-holder { width: calc(100% - 48px);margin: 0 auto;max-width:500px;padding:24px; }
    #loader { width: 100px;height: 34px;display: inline-block;margin: 0 0 0 12px;vertical-align: bottom; }
    .newsletter-form input { width: calc(100% - 124px);display:inline-block; }
    .newsletter-header-desc { margin-bottom: 6px; }

    /* TOURDATES */
    .homepage-tourdates { background-size:100% auto;padding:12px; }

    /* QUOTE */
    .blackrainbows-quote-quote { grid-template-columns: 50px auto;bottom: 75px;left: 10px; }
    .homepage-quote-holder .blackrainbows-quote-mark { width:50px; height:50px; }
    .blackrainbows-quote-quote .blackrainbows-quote { font-size: 18px!important; }
}

/* iPads, Tablets, Small Desktop 720 */
@media all and (min-width:768px) and (max-width:1024px) { /* HERO */
    
    .homepage-hero-details { position: relative;bottom: auto; }
    .homepage-hero-video-holder { grid-template-columns: 355px auto;grid-gap:12px; }
    .homepage-hero-video { width:100%;height:200px; }
    .homepage-hero-details { width:calc(100% - 24px);padding:36px 12px; }
    
    /* PRODUCTS */
	.homepage-products-holder { margin:24px auto;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:12px;grid-row-gap:12px;max-width:719px; }
	.tile-product:nth-child(even) { margin-right:0; }
	.tile-product-media { width:330px;height:330px;margin-bottom:6px; }

    
    /* ARTICLES */
    .homepage-articles-header { width: calc(100% - 24px);max-width: 1000px; }
    .homepage-articles-header { margin:0 auto 24px auto; }
    .homepage-articles-holder { margin: 0 auto; }


    /* NEWSLETTER */
    .newsletter-holder { max-width: 500px; margin: 0 auto; padding: 24px; }
    #loader { position: absolute;right: 0;bottom: 0;width: 100px;height: 34px; }
    .newsletter-form input { width: calc(100% - 124px);display:block; }
    .newsletter-header-desc { margin-bottom: 6px; }

    
    /* FEATURE */
    .blackrainbows-album-iterations { grid-template-columns: 1fr;grid-gap: 36px;}

    /* QUOTE */
    .blackrainbows-quote-quote { max-width:500px;bottom: 25px; }
    .blackrainbows-quote-quote .blackrainbows-quote { font-size: 24px; }
 
    
}

/* In Between 924 */
@media all and (min-width:1025px) and (max-width:1279px) {

    .homepage-hero-video-holder { grid-template-columns: 355px auto;grid-gap:12px; }
    .homepage-hero-video { width:100%;height:200px; }
    .homepage-hero-details { width:calc(100% - 24px);padding:12px; }
    .blackrainbows-album-title { font-size: 22px; }

	.homepage-products-holder { margin:24px auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:12px;grid-row-gap:12px;max-width:975px; }
	.tile-product:nth-child(3n) { margin-right:0; }
	.tile-product-media { width:293px;height:293px;margin-bottom:6px; }

    /* ARTICLES */
    .homepage-articles-header, .homepage-articles-holder { width: calc(100% - 24px);max-width: 1000px; }
    .homepage-articles-header { margin:0 auto 24px auto; }
    .homepage-articles-holder .homepage-article:nth-child(n+4) { display: none; }
    #homepage_articles_bg { background-image: url('/themes/shop/images/bg_violin_silhouette.png');background-size: 100% auto;background-repeat: no-repeat;position: absolute;bottom: -450px;left: 50%;transform: translate(-50%,1278px);width: 1550px;height: 977px;z-index: 10;background-position: bottom center; }

    /* NEWSLETTER */
    .newsletter-holder { max-width: 500px; margin: 0 auto; padding: 24px; }
    #loader { position: absolute;right: 0;bottom: 0;width: 100px;height: 34px; }
    .newsletter-form input { width: calc(100% - 124px);display:block; }
    .newsletter-header-desc { margin-bottom: 6px; }

    /* QUOTE */
    .blackrainbows-quote-author, .blackrainbows-quote-quote .blackrainbows-quote { background-color:transparent; }


}

/* Desktops 1200 */
/* 1280, 1366, 1440, 1920 */
@media all and (min-width:1280px) { 
    
    .homepage-hero-details .homepage-hero-video-holder { height:337.5px; }
    .homepage-hero-video-holder { grid-template-columns:600px auto;height:100%;width:1000px; }
    .homepage-hero-video-holder:first-child { margin-bottom:24px; }
    .homepage-hero-video { width:600px;height:100%; }

    .homepage-products-holder { margin: 24px auto; display: grid; grid-template-columns: repeat( 4, calc(25% - 9px) ); grid-gap: 12px; max-width: 1000px; }
	.tile-product:nth-child(3n) { margin-right:0; }
	.tile-product-media { margin-bottom:6px; }

    /* ARTICLES */
    .homepage-articles-header, .homepage-articles-holder { width: calc(100% - 24px);max-width: 1000px; }
    .homepage-articles-header { margin:0 auto 24px auto; }
    .homepage-articles-holder .homepage-article:nth-child(n+4) { display: none; }

    /* NEWSLETTER */
    .newsletter-holder { max-width: 500px; margin: 0 auto; padding: 24px; }
    #loader { position: absolute;right: 0;bottom: 0;width: 100px;height: 34px; }
    .newsletter-form input { width: calc(100% - 124px);display:block; }
    .newsletter-header-desc { margin-bottom: 6px; }

    /* QUOTE */
    .blackrainbows-quote-author, .blackrainbows-quote-quote .blackrainbows-quote { background-color:transparent; }


}