/*!
Theme Name: Greensky Bluegrass
Theme URI: http://underscores.me/
Author: Phill Mamula
Author URI: https://www.phillm.com
Description: 2022 Theme for Greensky Bluegrass
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: greenskybluegrass
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Greensky Bluegrass is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&family=Staatliches&family=Space+Mono&display=swap');

@font-face {
    font-family: 'Berringer Rough';
    src: url('fonts/Berringer Rough.woff2') format('woff2'),
         url('fonts/Berringer Rough.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* =Global
-------------------------------------------------------------- */
html,body {
  	margin: 0; padding: 0;
  	min-height: 100%;
}
body {
	background: #f1eee6 url('images/bg-texture.jpg') repeat center center / 1500px auto;
    font-family: 'Noto Sans', sans-serif;
	color: #21211f;
	font-size: 17px;
	line-height: 1.8em;
}

/* Type */
h1,h2,h3,h4 {
    font-family: 'Berringer Rough', sans-serif;
    line-height: 1em;
    font-weight: normal;
    text-transform: uppercase;
    margin: 5px 0 15px;
}
h1 { font-size: 3em; line-height: 0.9em; }
h2 { font-size: 2.5em; }
h3 { font-family: 'Staatliches', sans-serif; font-size: 2em; }
h4 { font-family: 'Staatliches', sans-serif; font-size: 1.5em; }

strong { font-weight: 600; }
.sm-text { font-size: 0.8em; line-height: 1.2em; }

img { width: 100%; height: auto; margin: 0 0 -5px; }
p { margin: 0 0 15px; }

a, a:link, a:visited { 
    color: inherit;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out; 
}
a:hover { color: #DEB756; }

button { cursor: pointer; }
video:focus,
input:focus,
button:focus {outline:0; cursor: pointer;}
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}
ul, li { margin: 0; padding: 0; list-style: none; }

/* CTA Buttons */
a.list-cta {
    font-size: 0.8em;
    line-height: 1em;
    padding: 5px 0;
    margin-right: 5px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid;
    position: relative;
    opacity: 0.4;
}
a.list-cta:hover { color: inherit; opacity: 1; }

a.large-cta {
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 40px;
    border: 1px solid;
    text-align: center;
    font-size: 1.2em;
    font-family: 'Staatliches', sans-serif;
    letter-spacing: 0.05em;
    display: table;
    margin: 0 auto;
}
a.large-cta:hover {
    background: #21211F;
    border: 1px solid #21211F;
    color: #F4EFE6;
}
a.large-cta.gold { color: #DEB756; }
a.large-cta.gold:hover { 
    background: #DEB756;
    border: 1px solid #DEB756;
    color: #21211F;
}

/* Structure */
.post, .page, .page-content, 
.entry-content, .entry-summary { margin: 0; }

#section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	min-height: 70vh;
	padding: 5vh 0;
}

.flex { display: flex; flex-wrap: wrap; align-items: center; }
.flex>* { flex: 1; }
.flex .half { flex: 1 0 50%; width: 50%; }
.flex .two-third { flex: 2; }
.flex .third { flex: 1 0 33.3%; width: 33.3%; }

.container {
    width: 90vw;
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
}
.container.small { max-width: 980px; }


/* Owl Carousel - Auto Height Plugin */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel {
    margin: 0 auto;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}
.owl-carousel img { margin: 0; }
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    overflow: hidden;
}
.owl-carousel .owl-stage-outer {
    z-index: 999;
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-nav .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-dot {
  color: inherit;
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel {
    display: none; 
}
.owl-carousel.owl-loaded {
    display: block;
}

.owl-dot {
    background: none;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 50%;
    text-transform: uppercase;
    padding: 8px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-right: 15px;
}
.owl-dot:hover { 
    border: 1px solid #32475F;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;  
}
.owl-dot.active { 
  	background: #32475F;
  	border: 1px solid #32475F;
}

.owl-nav { width: 100%; height: 100%; position: absolute; top: 0;left: 0; }
.owl-nav button { 
    color: #FFFFFF;
    background: transparent;
    border: 1px solid #FFFFFF;
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 0 0 3px 0;
    font-size: 1.25em;
    line-height: 0;
    margin-right: 8px;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;  
}
.owl-nav button:hover {
    color: #FFFFFF;
    background: #000000;
    border-color: #000000;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;  
}
.owl-nav>* {
    position: absolute;
    top: calc(50% - 30px);
    z-index: 999;
}
.owl-nav .owl-next { right: 3vw; }
.owl-nav .owl-prev { left: 3vw; }
.owl-nav.disabled { display: none !important; }


/* Embed Resposively */
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Video Hero */
.iframe-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  pointer-events: none;
  overflow: hidden;
}
.iframe-wrapper video {
  width: 100vw;
  height: 56.25vh; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 120vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%);
}


/* =Header
-------------------------------------------------------------- */
header#masthead {
    min-height: 60px;
    background: #171716;
    z-index: 9;
    position: relative;
}
header#masthead .container { max-width: 2600px; width: 94vw; }
header#masthead .container.flex { justify-content: space-between; align-items: center; }
header#masthead .container.flex nav { flex: 2; }

header#masthead a { color: #efeae1; }
header#masthead a:hover { color: #DEB756;}

/* Logo */
header#masthead h1.site-title { 
    font-family: 'Staatliches', sans-serif; 
    font-size: 1.75em; 
    letter-spacing: 0.02em; 
    margin: 0; 
}
header#masthead h1.site-title a { color: #DEB756; text-decoration: none; }

/* Navigation */
header#masthead nav.main-navigation { padding: 0 4vw; max-width: 750px;  }
header#masthead nav.main-navigation ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
header#masthead nav.main-navigation ul li a {
    text-transform: uppercase;
    font-size: 0.9em;
    padding: 15px 0;
}
header#masthead nav.main-navigation ul li.menu-item-has-children a:after {
    color:  #85857c;
    content: '\f107';
    font-size: 0.8em;
    font: var(--fa-font-thin);
    padding-left: 10px;
}
header#masthead .sub-menu li { border-top: 1px solid #2c2c2a;}
header#masthead nav.main-navigation ul li .sub-menu a { padding: 8px 15px; }
header#masthead .sub-menu li a:after { display: none;}
header#masthead nav.main-navigation ul ul {
    background: #161614;
}

/* Sticky */
header#masthead.sticky { 
    background: #171716;
    position: fixed; 
    top: 0; left: 0; 
    width: 100%; 
    z-index: 99; 
}
#page.offset { margin-top: 60px; }

/* Socials */
header#masthead .socials { display: block; float: right; }
header#masthead .socials a { color: #85857c; padding: 5px; }
header#masthead .socials a:hover { color: #efeae1; }


/* =Homepage
-------------------------------------------------------------- */
body.home { background: #000; }
body.home header#masthead { background: transparent; position: fixed; left: 0; width: 100%; }
body.home header#masthead .site-branding,
body.home header#masthead .header-socials { display: none; }
body.home header#masthead nav { margin: 0 auto; }
body.home header#masthead.sticky {  background: #171716;}
body.home footer { margin-top: 0; }

/* Carousel */
#section.video-background {
    display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.11) 0%, rgba(0,0,0,0.81) 70%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.11) 0%,rgba(0,0,0,0.81) 70%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.11) 0%,rgba(0,0,0,0.81) 70%,rgba(0,0,0,1) 100%);
}
#section.video-background:before {
    background: url(images/texture-pattern.png) repeat top left / 800px auto;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
}
#section.video-background .iframe-wrapper { opacity: 0.5; height: 50vw; }
#section.video-background .container>* {
    padding: 12vw 0 50px;
    position: relative;
    z-index: 9;
}
#section.video-background h1 {
    font-size: 8em;
    letter-spacing: -0.02em;
    color: #dfb756;
    margin: 15px auto 25px;
}
#section.video-background .hero-socials {
    max-width: 500px;
    font-size: 1.5em;
    margin: 3vw auto;
}
#section.video-background .hero-socials a { color: #efeae1; }
#section.video-background .hero-socials a:hover { color: #dfb756; }

#section.video-background .hero-carousel {
    padding: 15px;
    border: 4px double rgb(121 114 96 / 45%);
}

/* Video */
#section.home-video { background: #000000; padding: 0; min-height: auto; }

/* Events */
#section.home-events { 
    background: #000000 url(images/texture-pattern.png) repeat top left / 800px auto;
    position: relative;
}
#section.home-events .container { position: relative; z-index: 9; }
#section.home-events .event-listing-container { min-height: 650px; flex: 1.5; color: #151515; }
#section.home-events .seated-event-row:nth-child(n+6)  {
    display:none !important;
}
#section.home-events h3 { color: #DEB756; margin: 0 0 15px; font-size: 1.75em; letter-spacing: 0.04em; }

#section.home-events .iframe-wrapper {
    opacity: 0.5;
    z-index: 3;
    position: absolute;
}
#section.home-events .iframe-wrapper video { min-height: 120%; }

/* Seated Events */
.seated-events-table {
    color: #ece3cd;
    border-top: 3px solid #DEB756 !important;
}
.seated-event-date-cell { color: #FFFFFF !important;}
.seated-event-venue-name { line-height: 1.2em; }
.seated-event-link-cells a,
.seated-event-link-cells a:hover {
    background: #21211F;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    padding: 5px 40px;
    text-align: center;
    font-size: 1em;
    font-family: 'Staatliches', sans-serif;
    letter-spacing: 0.05em;
}
.seated-event-link-cells a:hover {
    background: #DEB756;
    color: #21211F;
}

/* Release */
#section.home-releases {
    background: url(images/media-top-bg.jpg) repeat-x bottom left / auto 140%;
    display: block;
    position: relative;
    text-align: center;
    min-height: auto;
    padding: 50px 0 100px;
}
#section.home-releases .releases-listing { padding: 15px 0 50px; }
#section.home-releases .album-details { display: none; }

/* Socials */
#section.home-socials { 
    background: #f1eee6 url('images/bg-texture.jpg') repeat center center / 1500px auto;
    padding: 50px 0 220px; 
    min-height: auto;
 }
#section.home-socials .container.flex { align-items: inherit; }
#section.home-socials .spotify { padding-right: 8vw; }
#section.home-socials .spotify iframe { height: 450px; }
#section.home-socials h4 { color: #21211f;}




/* =About
-------------------------------------------------------------- */

.entry-header h1.entry-title {
    font-size: 4em;
    line-height: 0.9em;
    color: #dfb756;
}

/* Testimonial */
.testimonials {
    margin: 25px auto;
    width: calc(100% + 10vw);
    margin-left: -5vw;
}
.quote { padding: 2vw 0; text-align: center; }
.quote h4 {
    font-family: 'Staatliches', sans-serif;
    font-size: 2em;
    line-height: 1.1em;
}
.quote img.logo { 
    width: auto;
    max-width: 165px;
    display: block; 
    margin: 15px auto 5px; 
}
.testimonials .owl-dots { text-align: center; }
.owl-dot.active {
    background: #DEB756;
    border: 1px solid #DEB756;
}

/* Entry Content */
.entry-content .alignright,
.entry-content .alignleft { 
    width: inherit; 
    border: 10px solid #FFFFFF; 
    max-width: 550px; 
    margin-top: 15px; 
            box-shadow: 1px 4px 11px 1px rgb(176 158 149 / 34%);
    -webkit-box-shadow: 1px 4px 11px 1px rgb(176 158 149 / 34%);
       -moz-box-shadow: 1px 4px 11px 1px rgb(176 158 149 / 34%);
}
.entry-content .alignleft { margin-left: -5vw; padding: 0; transform: rotate(-1deg); }
.entry-content .alignright { margin-right: -5vw; padding: 0; transform: rotate(1deg);  }


/* =Media
-------------------------------------------------------------- */

.archive-title.flex { justify-content: space-between; }
.archive-title.flex>* { flex: initial; }


/* Photos */
.view-more { margin: 25px auto; text-align: center; position: relative; overflow: hidden; }

.photo-title {
    text-align: center;
    margin: 50px auto;
}

/* Pagination */
.paginate .wp-paginate { 
    width: 100%;
    padding: 15px 0;
}
.paginate .wp-paginate .current {
    color: #FFFFFF;
    background: #111111;
    border: 1px solid #111111;
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 0.8em;
}
.paginate .wp-paginate a {
    background: transparent;
    border: 1px solid #111111;
    color: #111111;
    margin-right: 5px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    font-size: 0.8em;
}
.paginate .wp-paginate a:hover {
    border-color: #DEB756;
    background: #DEB756;
    color: #111111;
}


/* =Archive (Media / Releases)
-------------------------------------------------------------- */
#section.archive {
    justify-content: inherit;
    padding: 50px 0;
    min-height: auto;
}
.archive-listing.container.flex {
    align-items: inherit;
}
.archive-listing.container.flex article {
    flex: 1 0 33.3%;
    width: 33.3%;
    max-width: 33.3%;
    padding: 5px;
    margin-bottom: 15px;
}

.archive-title {
    margin: 0 0 50px;
    padding: 40px 5vw 60px;
    text-align: center;
    background: url(images/gold-ripped.png) repeat-x bottom left / auto 120%;
}
.archive-title h1 { margin: 0; font-size: 4em; }
.archive-title p {
    color: #262117;
    font-family: 'Space Mono', monospace;
    font-size: 0.85em;
    line-height: 1.5em;
    text-transform: uppercase;
}

/* Grid Items */
.archive-listing article .post-thumbnail { 
    height: 250px; 
    overflow: hidden; 
    display: block; 
    background: #000; 
}
.archive-listing .post-thumbnail img { 
    object-fit: cover; 
    height: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
} 
.archive-listing .post-thumbnail:hover img { opacity: 0.8; }

.archive-listing article header {
    margin: 0 auto;
    padding: 10px 2vw;
    text-align: center;
}
.archive-listing h2 { font-size: 1.5em; margin: 0; }
.archive-listing .photo-count { color: #786d64; letter-spacing: 0.02em; text-transform: uppercase; font-size: 0.75em; }
.archive-listing a { text-decoration: none; }

.archive-listing article.videos .post-thumbnail { position: relative; }
.archive-listing article.videos .post-thumbnail:before {
    content: '\f04b';
    color: #efeae1;
    font-size: 2em;
    font: var(--fa-font-solid);
    position: absolute;
    font-weight: 800;
    top: 45%;
    left: 45%;
}

/* Photo (masonry) */
.photo-grid.flex { align-items: inherit; }
.photo-grid .photo-item { 
    flex: 1 0 33.3%; 
    width: 33.3%; 
    max-width: 33.3%; 
    padding: 5px;
}

.masonry { /* Masonry container */
  column-count: 3;
  column-gap: 5px;
}

.item { /* Masonry bricks or child elements */
  display: inline-block;
  margin: 0 0 5px;
  width: 100%;
}

/* Custom Arrows */
.custom-arrow .owl-nav button,
.custom-arrow .owl-nav button:hover {
    border: none;
    width: 8vw;
    max-width: 250px;
    height: 35px;
    padding: 0;
}
.custom-arrow .owl-nav button.owl-prev {
    background: url(images/arrow-prev.png) no-repeat center center / contain;
}
.custom-arrow .owl-nav button.owl-next {
    background: url(images/arrow-next.png) no-repeat center center / contain;
}
.custom-arrow .owl-nav button span {
    display: none;
}

/* Pointer */
.custom-pointer .owl-nav button,
.custom-pointer .owl-nav button:hover {
    border: none;
    width: 5vw;
    max-width: 150px;
    border-radius: 0;
    height: 35px;
    padding: 0;
}
.custom-pointer .owl-nav button.owl-prev {
    background: url(images/arrow-finger-prev.png) no-repeat center center / contain;
}
.custom-pointer .owl-nav button.owl-next {
    background: url(images/arrow-finger-next.png) no-repeat center center / contain;
}
.custom-pointer .owl-nav button span {
    display: none;
}

/* Lightbox Arrow Custom */
.nivo-lightbox-theme-default .nivo-lightbox-nav { opacity: 1; }
.nivo-lightbox-theme-default .nivo-lightbox-prev {
    background: url(images/arrow-prev.png) no-repeat center center / contain;
    margin-left: 5vw;
}
.nivo-lightbox-theme-default .nivo-lightbox-prev:hover { margin-left: 4vw; }
.nivo-lightbox-theme-default .nivo-lightbox-next {
    background: url(images/arrow-next.png) no-repeat center center / contain;
    margin-right: 5vw;
}
.nivo-lightbox-theme-default .nivo-lightbox-next:hover { margin-right: 4vw; }


/* =Single (Post)
-------------------------------------------------------------- */

body.single-videos { 
    background: #000000 url(images/texture-pattern.png) repeat top left / 800px auto;
}
body.single-videos header#masthead { background: transparent; }
body.single-videos header#masthead.sticky { background: #171716; }


article.main-video { padding: 3vw 0; }
article.main-video .container.flex { align-items: inherit; max-width: 2000px; }
article.main-video .container .embed-14 { flex: 3; }
article.main-video .entry-header {
    padding-right: 3vw;
}
article.main-video .entry-header h1.entry-title {
    color: #efeae1;
    font-size: 2.25em;
    line-height: 1em;
    margin-bottom: 25px;
}
article.main-video .entry-header p {
    font-family: 'Space Mono', monospace;
    color: #8f8c8c;
    font-size: 0.85em;
    letter-spacing: 0.02em;
    line-height: 1.6em;
    text-transform: uppercase;
}
body.single-videos .more-articles { 
    background: url('images/divider-line.png') repeat-x top center / 1200px auto;
    border: none; 
    padding: 50px 0 25px; 
    margin: 25px auto; 
}

body.single-videos article iframe,
body.single-videos .archive-listing article .post-thumbnail {
    border: 1px solid #151515;
}
body.single-videos .archive-listing article h2 { margin: 15px auto 5px; font-size: 1.25em; letter-spacing: 0.02em; text-align: center; }
body.single-videos .archive-listing article h2 a { color: #efeae1; }
body.single-videos .archive-listing article h2 a:hover { color: #DEB756; }
body.single-videos footer.site-footer { background: transparent; margin: 0 auto; }
body.single-videos footer.site-footer:before { display: none; }

.view-more.more-videos { text-align: center; margin: 0 auto 50px; }
.view-more.more-videos a.large-cta { color: #4a4a4a; }
.view-more.more-videos a.large-cta:hover {
    background: #DEB756;
    border: 1px solid #DEB756;
    color: #21211F;
}


/* Top Description */
#section.single-post header { padding: 10px 0 25px; }
#section.single-post header h1 { text-align: center; }
#section.single-post header p {
    padding: 0 5vw;
    max-width: 800px;
    margin: 0 auto 15px;
    text-align: center;
}

/* More Articles */
.more-articles {
    border-top: 1px solid #dfd9cd;
    padding: 50px 0;
    margin-top: 25px;
}


/* =Tour
-------------------------------------------------------------- */
body.page-template-page-events { background: #000000; }
body.page-template-page-events footer.site-footer { background: transparent; padding-top: 25px; margin-top: 0;}
body.page-template-page-events footer.site-footer:Before { display: none; }

#section.event-listing { 
    padding-top: 50px;
    position: relative;
    z-index: 9; 
}
#section.event-listing h1 { color: #DEB756; }


.seated-event-description-cells { 
    width: 100% !important; 
    display: flex; 
    align-items: center; 
    flex-wrap: wrap; 
}
.seated-event-description-cells>* { flex: 1; padding-top: 5px; }

.seated-event-description-cells .seated-event-date-cell {
    font-family: 'Staatliches', serif;
    font-weight: normal;
    text-transform: uppercase !important;
    font-size: 1.22em;
    line-height: 1em;
}
.seated-event-description-cells .seated-event-venue-cell { flex: 3; }
.seated-event-description-cells .seated-event-details-cell {
    padding: 0;
    opacity: 0.5;
    flex: 1 0 100%;
    font-size: 0.9em;
}

/* Video Hero */
.iframe-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  pointer-events: none;
  overflow: hidden;
  opacity: 0.2;
}
.iframe-wrapper video {
  width: 100vw;
  height: 56.25vh; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 120vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%);
}


/* =Releases
-------------------------------------------------------------- */
#section.releases.studio {
    background: #d0c7ab url(images/media-top-bg.jpg) repeat-x bottom left / auto 80%;
    padding: 20px 0 50px;
}
#section.releases .releases-title h3 {
    font-family: 'Staatliches', sans-serif;
    text-align: center;
    font-size: 3.5em;
    letter-spacing: 0;
    color: #c4a457;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px auto 25px;
}
#section.releases.studio .releases-title h3 { color: #fbf9f3; }
#section.releases .releases-title h3 i { font-size: 0.25em; padding: 0 15px; }

.releases-listing.container.flex {
    align-items: inherit;
}
.releases-listing.container.flex>* {
    flex: 1 0 25%;
    width: 25%;
    max-width: 25%;
    padding: 5px;
    margin-bottom: 25px;
}
.releases-grid-item a { text-decoration: none; }
.releases-grid-item h4 { 
    font-size: 1.4em;
    width: 90%;
    margin: 5px 0 2px; 
}
.releases-grid-item .album-year {
    font-size: 0.85em;
    color: #787467;
    line-height: 1em;
    display: block;
    margin: 5px 0 0;
}

/* Releases Detail */
span.mono.album-year {
    color: #786d64;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-size: 0.75em;
}
body.single span.mono.album-year { font-size: 1em; }

.releases-detail.container.flex { align-items: flex-start; }
.releases-detail .album-image {
    position: relative;
}
.releases-detail .entry-content { padding-left: 50px; }
.album-download {
    text-align: center;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    width: 100%;
    height: auto;
    z-index: 9;
    width: 100%;
    bottom: 3px; 
    left: 0;
    position: absolute;
    color: #FFF;
    padding: 100px 0 25px;
}
.album-download .stream a { font-size: 1.5em; margin: 0 1vw; }

/* Releases Carousel */
.more-releases {
    background: url(images/media-top-bg.jpg) repeat-x bottom center / auto 150%;
    padding: 30px 0 40px;
}
.more-releases .album-title { display: none; }


/* =Footer
-------------------------------------------------------------- */
footer.site-footer {
    background: #000 url('images/footer-grass.jpg') repeat-x top center / auto 45px;
    color: #FFFFFF;
    margin-top: 240px;
    padding: 50px 0;
    text-align: center;
    position: relative;
}
footer.site-footer:before {
    content: '';
    width: 100%;
    height: 240px;
    position: absolute;
    top: -200px;
    left: 0;
    background: url('images/footer-band-lineup.jpg') no-repeat top center / auto 100%;
}
footer.site-footer a { color: inherit; }

footer.site-footer .socials { max-width: 320px; margin: 10px auto; }
footer.site-footer .socials a {
    color: #DEB756;
    font-size: 1.3em;
}
footer.site-footer a:hover,
footer.site-footer .socials a:hover { color: #FEFEFE; }

/* Terms Navigation */
footer.site-footer .site-info ul {
    margin: 15px auto 5px;
}
footer.site-footer .site-info ul li {
    display: inline-block;
    margin: 0 15px 0 0;
}

/* Copyright */
footer.site-footer .site-info {
    color: #89847b;
    font-size: 0.85em;
    line-height: 1.5em;
}

footer.site-footer .copyright.flex { padding: 5px 0; justify-content: center; }
footer.site-footer .copyright.flex>* { flex: inherit; text-align: left; }
footer.site-footer .please-co { margin-right: 25px; opacity: 0.85; }
footer.site-footer .please-co img { max-width: 60px; }



/* =Mobile (Media Queries)
-------------------------------------------------------------- */
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
    #section { padding: 40px 0; }

    /* Releases */
    .releases-listing.container.flex>* { flex: 1 0 33.3%; width: 33.3%; max-width: 33.3%;}
    .archive-listing.container.flex article { flex: 1 0 50%; width: 50%; max-width: 50%; }
    .releases-grid-item h4 { width: 100%; margin: 3px 0 0; }

    /* Home */
    #section.video-background .iframe-wrapper { height: 100vw; }
    #section.video-background h1 { font-size: 6.5em; }

    /* Socials */
	.socials-section.flex .artist-image { flex: 1; padding-right: 2vw; }

    /* Footer */
    footer.site-footer .copyright.flex { flex-direction: column-reverse; padding: 0; text-align: center; }
    footer.site-footer .copyright.flex>* { padding: 5px 0; text-align: center; }
    footer.site-footer .please-co { margin-right: 0; margin-top: 15px; }

}   
@media only screen and (max-width: 820px) {
    #section { padding: 30px 0; }

    /* Mobile Navigation */
    header#masthead { padding: 21px 5vw; text-align: left; }
    header#masthead .flex { display: block; }
    header#masthead .container.flex { width: auto; }
    header#masthead h1.site-title { font-size: 2em; }
    header#masthead .header-socials { display: none; }
    button.menu-toggle {
        display: block;
        background: transparent;
        border-radius: 0;
        padding: 0;
        border: none;
        width:  40px;
        height: 40px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .15s ease-in-out;
        -moz-transition: .15s ease-in-out;
        -o-transition: .15s ease-in-out;
        transition: .15s ease-in-out;
        cursor: pointer;
        position: absolute;
        top: -18px;
        right: 0;
        z-index: 9;
    }
    button.menu-toggle span {
        display: block;
        position: absolute;
        height: 2px;
        width: 40px;
        background: #EFEFEF;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    button.menu-toggle span:nth-child(1) { top: 15px;}
    button.menu-toggle span:nth-child(2),
    button.menu-toggle span:nth-child(3) { top: 28px;}
    button.menu-toggle span:nth-child(4) { top: 40px;}    
    .main-navigation.toggled button.menu-toggle span { background: #666666; }   
    .main-navigation.toggled button.menu-toggle span:nth-child(1) {
        top: 20px;
        width: 0%;
        left: 50%;
    }
    .main-navigation.toggled button.menu-toggle  span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .main-navigation.toggled button.menu-toggle span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .main-navigation.toggled button.menu-toggle span:nth-child(4) {
        top: 20px;
        width: 0%;
        left: 50%;
    }
    .main-navigation .menu-main-navigation-container { display: none; } 
    .main-navigation.toggled .menu-main-navigation-container {
        display: flex;
        align-items: center;
        margin-top: 15px;
    }
    header#masthead nav.main-navigation { padding: 0; }
    header#masthead nav.main-navigation.toggled ul {
        flex-direction: column;
        width: 100%;
        background: transparent;
        box-shadow: none;
        border: none;
        margin-bottom: 5px;
    }
    header#masthead nav.main-navigation.toggled ul li {
        flex: 1 0 100%;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #2a2a25;
    }
    header#masthead nav.main-navigation.toggled ul li:last-of-type { border: none; }
    header#masthead nav.main-navigation.toggled li a { 
        width: 100%;
        font-size: 1.1em;
        letter-spacing: 0.06em;
        display: block;
        padding: 12px 0;
    }

    /* Home Fix */
    body.home header#masthead { z-index: 999; }
    body.home header#masthead nav.toggled {
        background: #171716;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
        padding: 5vw;
    }
    body.home header#masthead nav.toggled button.menu-toggle { position: absolute; top: 5px; right: 5vw; }

    /* Dropdown Inline */
    header#masthead nav.main-navigation ul.sub-menu { border-top: none; margin-bottom: 0; }
    header#masthead nav.main-navigation ul.sub-menu li { border: none; border-top: 1px dashed #2a2a25;}
    header#masthead nav.main-navigation.toggled ul.sub-menu li:last-of-type { border-top: 1px dashed #2a2a25; }
    header#masthead nav.main-navigation ul.sub-menu li a { padding: 10px 5vw; width: 100%; font-size: 1em; }

    header#masthead nav.main-navigation ul li:hover > ul, 
    header#masthead nav.main-navigation ul li.focus > ul{
        display: block;
        position: relative;
        width: 100%;
        top: auto;
        float: none;
        box-shadow: none;
    }

    .owl-nav button { width: 40px; height: 40px;}

    /* Homepage */
    .seated-event-description-cells .seated-event-venue-cell { flex: 3; }
    .social-feeds.flex { display: block; }
    #section.home-socials .spotify { padding-right: 0; margin-bottom: 25px; }
    .iframe-wrapper video { min-width: 220vh; }
    #section.home-events .iframe-wrapper { opacity: 0.3; }
    .entry-content img { max-width: 50%; }
    #section.video-background .hero-carousel { padding: 0; border: none; }

    /* Home */
    #section.video-background .iframe-wrapper { height: 100vw; }
    #section.video-background h1 { font-size: 4.5em; }

    /* Releases */
    .releases-listing.container.flex>* { flex: 1 0 50%; width: 50%; max-width: 50%; margin-bottom: 10px;}
    .archive-listing.container.flex article { flex: 1 0 50%; width: 50%; max-width: 50%;}
    #section.releases.studio { background-size: auto 60%; }

    .mobile-reorder { display: flex; flex-direction: column; }
    .mobile-reorder .more-releases { order: 2; border-bottom: none; border-top: 1px solid #dfd9cd; }
    .mobile-reorder .view-more { display: none; }
    .releases-detail.container.flex { display: block; }
    .releases-detail .album-image { margin-bottom: 15px; max-width: 450px; }
    .releases-detail .entry-content { padding-left: 0; }
    .album-download .stream a { margin: 0 3vw; font-size: 1.65em; }

    /* Tour */
    .seated-event-description-cells .seated-event-venue-cell { flex: 2; }

    /* Media */
    .masonry { column-count: 2; column-gap: 5px;}
    .masonry .item { margin-bottom: 5px; }

    #section.single-post { min-height: auto; }
    .archive-listing h2 { font-size: 1.75em; }
    .entry-header h1.entry-title,
    #section.single-post header h1 { font-size: 3em; line-height: 1em; }

    /* Videos */
    article.main-video .container.flex { flex-direction: column-reverse; }

    /* Footer */
    footer.site-footer { margin-top: 150px; background-size: auto 38px; }
    footer.site-footer:before { height: 150px; top: -118px; }

}
@media only screen and (max-width: 640px) {
    body { font-size: 16px; line-height: 1.5em; }
    header#masthead h1.site-title { font-size: 1.75em; }
    #section { padding: 25px 0; }
    a.large-cta.gold { display: block; margin-top: 25px; padding: 14px;}

    /* Tour */
    .seated-event-description-cells { display: block; }
    .seated-event-description-cells .seated-event-venue-cell { font-size: 1em; line-height: 1.5em; margin: 5px auto 10px; }

    .entry-content img.alignleft,
    .entry-content img.alignright {
        width: 100%;
        border: 5px solid #FFFFFF;
        display: block;
        float: none;
        margin: 15px auto;
        transform: none;
    }

    /* Media */
    .archive-listing.container.flex article { flex: 1 0 100%; width: 100%; max-width: 100%;}
    .masonry { column-count: 1; column-gap: 0;}
    .masonry .item { margin-bottom: 5px; }
}

@media only screen and (max-width: 420px) {
    /* Releases */
    .releases-listing.container.flex>* { flex: 1 0 100%; width: 100%; max-width: 100%;}
    h1.album-name { font-size: 2.5em; }
}