html, body { 
	width: 100%; 
	height: 100vh;
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;	
    padding: 0;
    margin: 0;
}
        /*
		/ * TABLET * / @media all and (min-width: 800px) and (max-width: 1349px) {
			html, body { 
				/ * overflow-x: hidden!important; * /
			}
		}
        */
			/* MOBILE */ @media all and (max-width: 799px) {
				html, body { 
				    overflow-x: hidden!important;
				}
			}
body {
    font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.47px; /* 0.45px */
	line-height: 1.5em;   
    background-image: url('img/massive-bg.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;   
}
body#digging-your-scene, body.album-page {
    /* backdrop-filter: blur(10px) grayscale(100%) brightness(40%); */
    background-color: #274952;
    background-image: none;
}
		/* TABLET */ @media all and (min-width: 800px) and (max-width: 1349px) {
            body:after { /* TABLET FIX */
                content: "";
                position: fixed;
                top: 0;
                height: 100vh;
                left: 0;
                right: 0;
                z-index: -1;
                background: url('img/massive-bg.jpg') center center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }
        }
			/* MOBILE */ @media all and (max-width: 799px) {
                body {
                    position: fixed;
                }
            }
a {
    color: #fff;
}
h1, h2, h3, p {
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}
div {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.logo-container {
    position: fixed;
    width: 100%;
    height: auto;
    top: 0px;
    margin: 0 auto;
    padding: 60px 100px;
    z-index: 2;    
}
        /* TABLET */ @media all and (min-width: 800px) and (max-width: 1349px) {
            .logo-container {
                padding: 50px 80px;
            }
        }
			/* MOBILE */ @media all and (max-width: 799px) {
                .logo-container {
                    padding: 40px 20px;
                }
            }
.logo img {
    width: 100%;
}
.social {
    display: flex;
    justify-content: space-between;    
    position: relative;
    top: 30px;
    width: 100%;
    padding: 0 10%;
}
.social-link {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 0px;
}
.social-link img {
    filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.24));
}
			/* MOBILE */ @media all and (max-width: 799px) {
                .social {
                    top: 30px;
                    padding: 0 0px;
                }
                .social-link {
                    display: inline-block;
                    width: 60px;
                    height: 60px;
                    margin: 0px;
                }
                .social-link img {
                    width: 60px;
                    height: 60px;
                }
            }
.home-block {
    height: auto;
    background-color: #274952;
    color: #fff;
    padding: 50px;
    position: relative;    
    z-index: 10; 
    margin-bottom: 300px;
    background-attachment: initial;    
}
/* 

    BLOCK GENERIC

*/
.block {
    height: auto;
    background-color: #274952;
    color: #fff;
    padding: 50px;
    position: relative;    
    z-index: 10; 
    margin-bottom: 300px; 
    display: flex;
    flex-wrap: nowrap;
    align-items: center;    
}
.block:last-of-type {
    margin-bottom: 0;
}
			/* MOBILE */ @media all and (max-width: 799px) {
                .block {
                    flex-wrap: wrap;
                    padding: 20px;
                }
            }	
.block-1 {
    flex-shrink: 1;
    width: 500px;
    flex-basis: 500px;
}
.block-2 {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding-left: 50px;
    flex-wrap: wrap;
}
			/* MOBILE */ @media all and (max-width: 799px) {
                .block-2 {
                    padding-top: 30px;
                    padding-left: 0px;
                }
            }
.sep {
    position: relative;
    top: -2px;
}
/* 

    BLOCK SPECIFIC / DISTANCE

*/
.block-distance {
    padding-top: 80vh;
}
			/* MOBILE */ @media all and (max-width: 799px) {
                .block-distance {
                    padding-top: 75vh;
                }
            }
.block-illustration img {
    width: 500px;
}
	/* LAPTOP */ @media all and (min-width: 1350px) and (max-width: 1599px) {
            .block-distance .block-1 {
                width: 400px;
                height: 400px;
                flex-basis: 400px;
            }    
        .block-illustration img {
                width: 400px;
                height: 400px;
            }
    }
        /* TABLET */ @media all and (min-width: 800px) and (max-width: 1349px) {
            .block-distance .block-1 {
                width: 400px;
                height: 400px;
                flex-basis: 400px;
            }
            .block-illustration img {
                width: 400px;
                height: 400px;
            }
        }
			/* MOBILE */ @media all and (max-width: 799px) {
                .block-distance .block-1 {
                    padding-top: 0px;
                    width: 100%;
                    flex-basis: 100%;
                }
                .block-illustration img {
                    width: 100%;
                    margin-top: 40px;
                }
            }
.scroll-arrow-up {
    display: none;
}
			/* MOBILE */ @media all and (max-width: 799px) {
                .scroll-arrow-up {
                    display: block;
                    position: relative;
                    z-index: 10;
                    width: 0;
                    height: 0;
                    border-left: 50vw solid transparent;
                    border-right: 50vw solid transparent;
                    border-bottom: 30px solid #274952;
                    background-color: transparent;
                }
            }
.distance-blurb {
    width: 100%;
    flex-basis: 100%;
}
.distance-show {
    margin-bottom: 30px;
}
.distance-show:nth-of-type(1) {
    padding: 0px 0px 30px 0px;
    border-bottom: 1px solid rgba(255,255,255,10%);
    border-top: 0px solid rgba(255,255,255,10%);
}
.distance-show:nth-of-type(2) {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px solid rgba(255,255,255,10%);
}
.distance-show span {
    display: inline;
}
.distance-show span h3 {
    display: inline;
    margin-bottom: 0px;
}
.tickets-button, .button-small {
    display: block;
    text-align: center;
    text-decoration: none;
    background-color: #52696e;
    padding: 20px;
    margin-top: 20px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.24);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.24);
    width: 250px;
}
.button-small {
    width:auto;
    margin-top:0;
    padding:10px;
}
.btn-block {display:block;}
.tickets-button:hover, .button-small:hover {
    background-color: #69777a;
}
.tickets-button:disabled, .tickets-button.disabled {opacity:.5;}

			/* MOBILE */ @media all and (max-width: 799px) {
                .tickets-button {
                    margin: 20px auto;
                }
                .distance-show:nth-of-type(1) .tickets-button {
                    margin-bottom: 0px;
                }
            }
/* 

    BLOCK SPECIFIC / VIDEOS

*/
.block-videos {
    margin-top: 75vh;
}
.block-videos .block-1 {
    flex-shrink: 1;
    width: 400px;
    flex-basis: 400px;
}
.block-videos .block-1 {
    display: none;
}
.block-videos .block-2 {
    padding-left: 0;
}
.video-container {
    width: 100%;
}
.video-list {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0px 50px;    
}
.video {
    flex: 1;
}
.video-sep {
    flex-basis: 100%;
    width: 100%;
    height: 0px;
    display: none;
    padding-top: 30px;
}
.video-sep:nth-of-type(3) {
    display: block;
    visibility: hidden;
}
        /* TABLET */ @media all and (min-width: 800px) and (max-width: 1349px) {
            .video-sep:nth-of-type(3) {
                display: none;
            }
            .video-sep:nth-of-type(2),
            .video-sep:nth-of-type(4) {
                display: block;
                visibility: hidden;
            }
        }
			/* MOBILE */ @media all and (max-width: 799px) {
                .video-sep {
                    display: block;
                    visibility: hidden;
                }
            }
.video-embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.video-embed iframe,
.video-embed object,
.video-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 

    BLOCK SPECIFIC / DISCOGRAPHY

*/
.block-discography {
    margin-top: 75vh;
}
.block-discography .block-1 {
    flex-shrink: 1;
    width: 400px;
    flex-basis: 400px;
}
			/* MOBILE */ @media all and (max-width: 799px) {
                .block-discography .block-1 {
                    display: none;
                }
            }
.block-discography .block-illustration img {
    display: block;
    width: 400px;
    height: 400px;
    margin-bottom: 50px;
}
/* DESKTOP/LAPTOP FIX */ @media all and (min-width: 1350px) {
    .block-discography .block-illustration:last-of-type {
        display: none;
    }
}
        /* TABLET */ @media all and (min-width: 800px) and (max-width: 1349px) {
            .block-discography .block-1 {
                flex-shrink: 1;
                width: 300px;
                flex-basis: 300px;
            }
            .block-discography .block-illustration img {
                display: block;
                width: 300px;
                height: 300px;
                margin-bottom: 50px;
            }
        }
.dl-container {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255,255,255,10%);
    margin-bottom: 30px;
}
.dl-container:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
}
.dl-container .left {
    flex-shrink: 1;
    flex-basis: 120px;
    height: 120px;
    min-width: 120px;    
}
        /* TABLET */ @media all and (min-width: 800px) and (max-width: 1349px) {
            .dl-container .left {
                flex-shrink: 1;
                flex-basis: 100px;
                height: 100px;
                min-width: 100px;    
            }
        }
.dl-container .right {
    flex-grow: 1;
    padding-left: 30px;
}
			/* MOBILE */ @media all and (max-width: 799px) {
                .dl-container {
                    flex-wrap: wrap;
                }
                .dl-container .left,
                .dl-container .right {
                    flex-basis: 100%;
                    width: 100%;
                    height: 100%;
                    padding: 0;
                    margin: 0;
                }
            }
.dl-container .left img {
    width: 100%;
    display: inline-block;
    border-radius: 4px;
}
.cover-title {
    text-transform: uppercase;
    font-weight: bold;
}
			/* MOBILE */ @media all and (max-width: 799px) {
                .cover-title {
                    display: inline-block;
                    margin-top: 15px;
                }
            }
.cover-info {
    display: inline-block;
    padding-bottom: 15px;
}
.cover-blurb {
    color: rgba(255,255,255,85%);
}
/* 

    BLOCK SPECIFIC / FOOTER

*/
.block-footer {
    margin-top: 100vh;
    position: relative;
    bottom: 0px;
}
.block-footer .block {
    display: block;
    width: 100%;
    text-align: center;
}
			/* MOBILE */ @media all and (max-width: 799px) {
                .block-footer .block {
                    height: 210px;
                }
            }





/* 
    
    DIGGING YOUR SCENE

*/  
    
.preview-container {
    position:relative;
    display: flex;
    align-items: center;
}
.preview-image {
    display:block; 
    max-width: 90%;
    height: auto;
    margin:30px auto 60px;
}
.block-distance-small {
    margin-top: 0; /* 6vh */
}
.block-distance-small .block {
    padding-bottom: 0;
}
#digging-your-scene .block-footer, .album-page .block-footer {
    margin-top: 0; /* 14vh */
}
#digging-your-scene .button-overlay, .album-page .button-overlay {
    position:absolute;
    top:60%;
    width:100%;
    z-index: 100;
}
.album-page.tdib-downloads .button-overlay {
    top:40%;
}

.mb-30 {
    margin-bottom:30px;
}
.mb-6 {
    margin-bottom:6rem;
}
#digging-your-scene .button-overlay.button-two, .album-page .button-overlay.button-two {
    bottom:20%;
}
#digging-your-scene .tickets-button, .album-page .tickets-button {
    width:280px;
    max-width:80%;
}

.button-center {
    margin-left:auto;
    margin-right:auto;
}
#digging-your-scene .distance-show, .album-page .distance-show {
    margin-bottom:0;
    padding: 0px 0px 30px 0px;
    border:0 solid transparent !important;
}
/*
#digging-your-scene .distance-show, .album-page .distance-show {
    padding: 0px 0px 30px 0px;
    border-bottom: 0px solid rgba(255,255,255,10%);
    border-top: 0px solid rgba(255,255,255,10%);
}
 #digging-your-scene .distance-show:nth-of-type(1), .album-page .distance-show:nth-of-type(1) {
    padding: 0px 0px 30px 0px;
    border-bottom: 1px solid rgba(255,255,255,10%);
    border-top: 0px solid rgba(255,255,255,10%);
} */
#digging-your-scene .block-2, .album-page .block-2 {
    padding-left:0;
}

.download-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width:900px;
    max-width:100%;
    margin:40% auto 0;
    z-index:20;
}
.album-page .preview-container {margin-bottom:180px;}
.download-overlay .tickets-button {margin-bottom:2rem;}
.download-columns {padding:0 10%; text-align:center;}
.download-overlay .button-small {display:inline-block; margin: 0 0.5rem 0.5rem 0; padding:5px 10px;}

@media (min-width:500px) {
    .album-page .preview-container {margin-bottom:0;}
}

@media (min-width:992px) {
    .download-overlay {margin-top:390px;}
    .download-columns {columns:350px 2;}
    .download-overlay .tickets-button {margin-bottom:6rem;}
    .download-overlay .button-small {display:block; width:250px; max-width:80%; 
        margin:0 auto 2rem; padding:10px;}
}


    /* MOBILE */ 
    @media all and (max-width: 799px) {
        #digging-your-scene .button-overlay, .album-page .button-overlay {
            bottom:25%;
        }
        #digging-your-scene .button-overlay.button-two, .album-page .button-overlay.button-two {
            bottom:10%;
        }
    }

.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}