/*!
Theme Name: Melissa Etheridge
Theme URI: https://melissaetheridge.com/
Author: Phill Mamula
Author URI: http://www.phillm.com
Description: 2022 Theme for Melissa Etheridge - ForSNG
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: melissaetheridge
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.

Melissa Etheridge 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=Roboto:wght@300;400;600;700&family=Syncopate:wght@400;700&display=swap');

@font-face {
    font-family: 'Langdon Regular';
    src: url('fonts/langdon_2-webfont.woff2') format('woff2'),
         url('fonts/langdon_2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Octin Vintage';
    src: url('fonts/octin_vintage_b_rg-webfont.woff2') format('woff2'),
         url('fonts/octin_vintage_b_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* =Global
-------------------------------------------------------------- */
html,body {
  	margin: 0; padding: 0;
  	min-height: 100%;
}
body {
	background: #fbf6eb url('images/bg-texture.jpg') repeat center center / 100% auto;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
	color: #1c1918;
	font-size: 18px;
	line-height: 1.6em;
}

/* Type */
h1,h2,h3,h4 {
	color: #5c3664;
	font-family: 'Langdon Regular', sans-serif;
    line-height: 1em;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 5px 0 15px;
}
h1 { font-size: 4em; }
h2 { font-size: 3em; }
h3 { font-size: 2em; }
h4 { font-size: 1.5em; }
strong { font-weight: 600; }
.sm-text { font-size: 0.8em; line-height: 1.2em; }
img { margin-bottom: -10px; }
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: #5c3664; }
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; }

/* Colors */

/* 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: 5vw 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; }

/* CTAs */
a.large-cta, .large-cta {
    cursor: pointer;
    font-family: 'Langdon Regular', sans-serif;
    background: #3d1544;
    line-height: 1em;
    text-decoration: none;
    padding: 16px 50px;
    display: table;
    color: #f3eee4;
    text-transform: uppercase;
    font-size: 1.2em;
    letter-spacing: 0.04em;
    border: 4px double rgb(147 120 151 / 33%);
    margin: 25px 0 15px;
}
a.large-cta:hover {
    background: #ab451b;
    border: 4px double rgb(189 139 125 / 72%);
    color: #fdf8f3;
}


a.list-cta {
    font-family: 'Syncopate', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 2px solid;
    display: table;
    font-size: 0.8em;
    margin: 10px 0 5px;
    line-height: 1.4em;
}


/* 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 .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-dot {}
.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 { display: none; }
.owl-nav button { 
    background: none;
    border: 1px solid;
    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%;
    opacity: 0.3;
    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 {
    opacity: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;  
}

/* 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%; }


/* =Header
-------------------------------------------------------------- */
header#masthead {
    background: #521e5b;
    padding: 22px 5vw 15px;
    position: relative;
    margin-bottom: 15px;
    z-index: 9;
}
header#masthead:after {
    content: '';
    background: url('images/purple-tear-bottom.png') repeat-x top center / auto 100%;
    width: 100%;
    height: 20px;
    position: absolute;
    z-index: -3;
    bottom: -12px;
    left: 0;
}
header#masthead .flex nav { flex: 2; margin-left: 50px; }
header#masthead nav ul {
    display: flex;
    justify-content: space-between;
}

header#masthead nav ul.sub-menu {
    flex-direction: column;
    background: #010101;
    border:  1px solid #151515;
}
header#masthead nav ul.sub-menu li a {
    padding: 10px 15px;
    line-height: 1em;
    border-bottom: 1px solid #151515;
}


/* Site Title - Logo */
.site-branding { flex: 1; padding-right: 5vw; }
.site-branding img { max-width: 325px; }

/* Navigation */
nav.main-navigation li a {
    color: #ffcda1;
    font-weight: normal;
    font-family: 'Langdon Regular', sans-serif;
    font-size: 1.3em;
    padding: 5px 0 15px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
nav.main-navigation li a:hover { color: #FFFFFF; }



/* =Homepage
-------------------------------------------------------------- */

/* Hero */
#section.home-carousel {
    margin-top: -25px;
    padding: 0;
    min-height: auto;
    display: block;
}
#section.home-carousel .hero-slide { 
    min-height: 550px;
    padding: 3vw 0;
    height: 100%;
    background-color: #000000;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    display: flex; 
    flex-direction: column;
    align-items: center; 
    justify-content: center; 
}
#section.home-carousel .hero-slide .slide-overlay {
}
#section.home-carousel .hero-slide .slide-overlay img {
    max-width: 750px;
    margin: 0 auto;
    width: auto !important;
    max-height: 500px;
}
#section.home-carousel .slide-overlay.right img { float: right;}
#section.home-carousel .slide-overlay.left img { float: left;}


/* Features */
#section.home-features .container.flex .home-video { flex: 2; padding-right: 3vw; }
#section.home-features .home-video .embed-container { margin-bottom: 15px; }
#section.home-features .fanclub-detail {
    background: #FFFFFF;
    border: 4px double #DDDDDD;
}
#section.home-features .fanclub-detail { text-align: center; padding: 25px; }
#section.home-features .fanclub-detail img { max-width: 120px; margin: -100px auto 0; }
#section.home-features .fanclub-detail h3 {
    margin: 20px auto 10px;
    color: #dd802e;
}
#section.home-features .fanclub-detail a.large-cta {
    font-size: 1.15em;
    margin: 25px auto 5px;
    padding: 12px 40px;
}

/* Events */
#section.home-events {
    background-position: top left;
    background-size: cover;
    background-attachment: fixed;
}
#section.home-events .container { padding-left: 20vw; }
#section.home-events h3 { color: #de802e; }

/* Releases Carousel */
#section.home-releases { 
    background: url('images/texture-bg.jpg') repeat top center / 320px auto;
    text-align: center;
    min-height: auto;
    display: block; 
    border-top: 15px solid #FA0;
    border-bottom: 15px solid #FA0;
}
#section.home-releases .listing-title h3 { 
    color: #dcd9d2;
    margin-bottom: 25px;
}
#section.home-releases a.large-cta { margin: 35px auto 0; }
#section.home-releases .album-title h4 { margin: 25px 0 0; color: #FFFFFF; }
#section.home-releases .album-title .album-year { color: #999999; text-transform: uppercase; font-size: 0.85em; }


/* Socials */
#section.home-socials .container.flex { align-items: initial; }
#section.home-socials .container.flex>* { padding: 0 3vw; border-right: 1px solid rgba(0,0,0,0.2); }
#section.home-socials .container.flex>*:last-of-type { border: none; }

#section.home-socials h4 { color: #837f69; margin: 0 auto 20px; }

/* Mailing List */
form.js-cm-form {
    padding: 25px 30px;
    font-family: inherit;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    background: #FFFFFF;
}
form.js-cm-form label {
    font-size: 0.7em;
    line-height: 1.2em;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    display: block;
    margin: 10px 0 2px;
}
form.js-cm-form input,
form.js-cm-form select,
form.js-cm-form textarea {
    width: 100%;
    padding: 5px 10px;
    border-radius: 0;
    border: 1px solid #BDBDBD;
    margin-bottom: 5px;
}
form.js-cm-form fieldset {
    padding: 15px 30px;
    border: 1px solid #eeebe2;
    background: #f7f7f6;
    margin: 25px 0px;
}
form.js-cm-form fieldset div {
    display: flex;
    align-items: center;
    padding: 10px 0 5px;
}
form.js-cm-form fieldset div>* { flex: 1; padding-right: 5px; }
form.js-cm-form input#cm-privacy-consent {
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 15px;
}
form.js-cm-form button[type="submit"] {
    cursor: pointer;
    font-family: 'Langdon Regular', sans-serif;
    background: #3d1544;
    line-height: 1em;
    text-decoration: none;
    padding: 16px 50px;
    display: table;
    color: #f3eee4;
    text-transform: uppercase;
    font-size: 1.2em;
    letter-spacing: 0.04em;
    border: 4px double rgb(147 120 151 / 33%);
    margin: 25px 0 15px;
}


/* =Pages
-------------------------------------------------------------- */

/* Page Title */
.white-title, 
.dark-title {
    background: #FFFFFF;
    text-align: center;
    padding: 30px 0 15px;
    margin-top: -20px;
    position: relative;
}
.white-title:after,
.dark-title:after {
    content: '';
    background: url('images/white-tear-bottom.png') repeat-x top center / auto 100%;
    width: 100%;
    height: 25px;
    position: absolute;
    z-index: -3;
    bottom: -15px;
    left: 0;
}
.white-title h1 {
    margin: 5px 0;
    color: #4e9fb3;
    font-size: 3.5em;
    text-align: center;
}
.dark-title { background: #221b1a; }
.dark-title:after {
    content: '';
    background: url('images/black-tear-bottom.png') repeat-x top center / auto 100%;
}
.dark-title h1 { color: #e1b140; }


/* Entry Content */
#primary.default-page { padding: 3vw 0; }
#primary.default-page .container.flex { align-items: initial; }
#primary.default-page .container.flex .entry-content { flex: 2; padding-right: 65px; }
#primary.default-page .container.flex .post-thumbnail { margin-top: 25px; }
#primary.default-page .container.flex .post-thumbnail img { 
    border: 8px solid #FFFFFF; 
    width: 105%;
    transform: rotate(2deg);
-webkit-box-shadow: 2px 3px 5px 0px rgba(122,112,87,0.3);
   -moz-box-shadow: 2px 3px 5px 0px rgba(122,112,87,0.3);
        box-shadow: 2px 3px 5px 0px rgba(122,112,87,0.3);
}

.entry-content { padding: 15px 0 25px; }
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 { 
    color: inherit;
    font-size: 1.5em; 
    margin: 5px 0 10px; 
}
.entry-content ul { margin: -5px 0 15px; padding-left: 20px;list-style: inherit; }
.entry-content li {
    margin-left: 10px;
    list-style: inherit;
    padding-left: 10px;
}

/* HTML Takeover */
.html-takeover-window { margin: -50px auto; }

/* Calendar */
img.poster-title { width: auto; max-height: 200px; max-width: 850px; margin: 15px auto 25px; }
.event-listing { padding: 50px 0 5vw; }

/* Fan Club */
body.page-template-page-fanclub #primary.default-page .container.flex .entry-content { flex: 1.5; }
body.page-template-page-fanclub .entry-content h3 {
    color: #dd802e;
    font-size: 3em;
    margin: 0 0 15px;
}
body.page-template-page-fanclub 
#primary.default-page .container.flex .post-thumbnail img { 
    border: none; 
    box-shadow: none;
    transform: none; 
}

.fanclub-ctas { padding: 15px 0; }
.fanclub-ctas label { 
    color: #726c5d;
    font-weight: 600;
    font-size: 0.8em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
}
.fanclub-ctas .large-cta, 
.fanclub-ctas a.large-cta {
    margin: 0;
    width: 95%;
    text-align: center;
    padding: 16px;
    max-width: 250px;
}

.large-cta.in-active {
    color: #FFFFFF;
    background: #ddd8ca;
    border: 4px double rgb(137 136 135 / 23%);
}

.disclaimer {
    font-family: monospace;
    font-size: 0.85em;
    line-height: 1.4em;
    text-transform: uppercase;
    margin-top: 25px;
    color: #878276;
}


/* =Releases
-------------------------------------------------------------- */
.releases-grid { padding: 50px 0 100px; }

.releases-grid.flex { align-items: inherit; }
.releases-grid-item {
    flex: 1 0 25%;
    width: 25%;
    max-width: 25%;
    padding: 5px;
    margin-bottom: 25px;
}
.releases-grid-item img { width: 100%; height: 100%; }
.releases-grid-item .album-title { padding: 10px 0; }
.releases-grid-item .album-title h4 {
    margin: 0;
    font-size: 1.65em;
    color: #852b31;
}
.releases-grid-item .album-title .album-year {
    font-family: monospace;
    text-transform: uppercase;
    font-size: 0.9em;
    line-height: 1.2em;
    color: #605a4e;
}
.releases-grid-item .album-download {
    font-size: 1.2em;
}
.releases-grid-item .album-download a {
    color: #ada79a;
    margin-right: 15px;
}
.releases-grid-item .album-download a:hover { color: #463921; }


/* =Footer
-------------------------------------------------------------- */
.footer-social {
    background: #521e5b;
    color: #fbf6eb;
    padding: 35px 0;
    z-index: 9;
    position: relative;
}
.footer-social:after {
    content: '';
    width: 100%;
    height: 15px;
    background: url('images/purple-paper-rip.png') repeat-x top left / contain;
    position: absolute;
    bottom: -15px;
}
.footer-social h4 { 
    font-size: 1.4em;
    font-family: 'Syncopate', sans-serif;
    flex: 3; 
    margin: 0; 
    color: #fbf6eb; 
}
.footer-social .socials { flex: 1.5; font-size: 1.2em; }
.footer-social .socials a { color: #91cedd; }
.footer-social .socials button { background: transparent; color: #91cedd; border: none; padding: 0; font-size: 1em; }
.footer-social .socials a:hover,
.footer-social .socials button:hover { color: #fbf6eb; }

/* Footer */
footer.site-footer {
    background: #860805 url('images/red-texture-bg.jpg') no-repeat top center / cover;
    color: #959595;
    padding: 4vw 0;
}

/* External ORGs */
footer.site-footer .container.flex .org-grid { flex: 1.5; padding-right: 3vw; }
footer.site-footer .container.flex .footer-copyright { padding-left: 25px; border-left: 1px solid rgba(255,255,255,0.2); }

footer.site-footer .container.flex .org-grid li {
    flex: 1;
    padding: 10px 15px;
}
footer.site-footer .container.flex .org-grid li img { max-width: 100px; max-height: 60px;}
footer.site-footer .container.flex .org-grid li a { opacity: 1; }
footer.site-footer .container.flex .org-grid li a:hover { opacity: 0.4; }


/* Copyright */
footer.site-footer .footer-copyright .site-info {
    font-size: 0.8em;
    line-height: 1.5em;
}
footer.site-footer .footer-copyright .site-info a { color: inherit; }
footer.site-footer .footer-copyright .site-info a:hover { color: #fbf6eb; }
footer.site-footer .footer-copyright .site-info ul {
    width: auto;
    display: block;
    margin-bottom: 15px;
}
footer.site-footer .footer-copyright .site-info ul li {
    display: inline-block;
    margin-right: 1vw;
}


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

@media only screen and (max-width: 1180px) {
    h1.site-title { font-size: 2em; padding-right: 3vw; }
    header#masthead { padding: 10px 5vw 20px; }
    header#masthead .flex nav { flex: 3.5; margin: 0; }
    nav.main-navigation li a { font-size: 1.2em; }


    /* Home */
    .header-fanclub {
        height: 155px;
        overflow: hidden;
    }
    /* Releases */
    .releases-grid-item {
        flex: 1 0 33.3%;
        width: 33.3%;
        max-width: 33.3%;
        padding: 5px;
        margin-bottom: 35px;
    }
}
@media only screen and (max-width: 1024px) {
    /* Home */
    #section.home-carousel .slide-overlay.left img,
    #section.home-carousel .slide-overlay.right img { float: none; }
    #section.home-carousel .hero-slide .slide-overlay img { width: 100% !important; max-width: 800px !important; height: auto;}
    #section.home-features .fanclub-detail p { font-size: 0.9em; line-height: 1.4em; }
    .header-fanclub { display: none; }
    #section.home-features .fanclub-detail img { margin-top: -50px; }
}
@media only screen and (max-width: 820px) {
    body { font-size: 19px; line-height: 1.6em; }
    #section { min-height: auto; }
    h1 { font-size: 2.25em; }
    h2 { font-size: 2em; }
    h3 { font-size: 1.5em; }
    h4 { font-size: 1.25em; }

    /* Mobile Navigation */

    header#masthead { padding: 30px 5vw 25px; }
    .site-branding img { max-width: 400px; }
    button.menu-toggle {
        display: block;
        background: transparent;
        border-radius: 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: -15px;
        right: 5vw;
    }
    button.menu-toggle span {
        display: block;
        position: absolute;
        height: 2px;
        width: 40px;
        background: #f0f9ff;
        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: #91cedd; }   
    .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: block; margin-top: 10px; } 

    header#masthead .flex { display: block; }
    header#masthead nav.main-navigation.toggled ul {
        flex-direction: column;
        width: 100%;
        background: transparent;
        box-shadow: none;
        border: none;
    }
    header#masthead nav.main-navigation.toggled li a { 
        width: 100%;
        font-size: 1.5em; 
        line-height: 1.4em; 
        padding: 8px 0;
        border-bottom: 1px solid rgba(0,0,0,0.3);
    }
    /* Dropdown Inline */
    header#masthead .main-navigation ul li:hover > ul, 
    header#masthead .main-navigation ul li.focus > ul{
        display: block;
        position: relative;
        width: 100%;
        top: auto;
        float: none;
        box-shadow: none;
    }
    header#masthead .main-navigation ul.sub-menu li a { padding-left: 8vw; }
    /* Home */
    #section.home-features .container.flex { flex-direction: column;}
    #section.home-features .home-video .embed-container { margin-bottom: 5px; }
    #section.home-features .container.flex .home-video { flex: 1; padding: 0 0 15px; }

    #section.home-carousel .hero-slide { min-height: 500px; padding: 100px 0 50px; }
    #section.home-carousel .hero-slide .slide-overlay img { width: 100% !important; max-width: 70vw !important; height: auto;}

    #section.home-features .home-fanclub { margin-top: 25px; }
    #section.home-features .fanclub-detail h3 { font-size: 2.5em; margin: 5px auto 10px; }
    #section.home-features .fanclub-detail p { font-size: 1em; width: 80%; margin: 5px auto; }
    #section.home-features .fanclub-detail a.large-cta {
        font-size: 1.2em;
        margin: 15px auto;
        padding: 16px 50px;
    }

    #section.home-events .container { padding-left: 0; }
    #section.home-events .container h3 { text-align: center; }
    #section.home-events {
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
    }

    /* Fan Club */
    body.page-template-page-fanclub #primary.default-page .container.flex .entry-content { flex: 2; padding-right: 25px; }
    body.page-template-page-fanclub .entry-content h3 { width: 80%; }

    /* Pages */
    #primary.default-page .container.flex .entry-content { padding-right: 25px; }
    img.poster-title { width: 100%; height: auto; max-width: 75vw; }

    /* Releases */
    .releases-grid-item {
        flex: 1 0 50%;
        width: 50%;
        max-width: 50%;
        padding: 5px;
        margin-bottom: 25px;
    }

    /* Footer */
    footer.site-footer { padding: 65px 0 50px; text-align: center; }
    .footer-social { padding: 25px 0; }
    .footer-social .container.flex { flex-direction: column; }
    .footer-social h4 { flex: 1; margin: 5px auto 15px; font-size: 0.9em; }
    .footer-social .socials a { margin: 0 2vw; }

    footer.site-footer { padding: 50px 0; }
    footer.site-footer .container.flex { flex-direction: column; }
    footer.site-footer .container.flex .org-grid { padding: 0; margin-bottom: 25px; }
    footer.site-footer .container.flex .footer-copyright { padding-left: 0; border: none; }
    footer.site-footer .container.flex .org-grid li img { margin: 0; }

}
@media only screen and (max-width: 500px) {
    body { font-size: 18px; line-height: 1.5em; }
    #section { padding: 40px 0; }
    .container { width: 85vw; }
    a.large-cta, .large-cta,
    #section.home-features .fanclub-detail a.large-cta { padding: 12px 10vw; font-size: 0.95em; }

    .site-branding img { max-width: 320px; }

    /* Home */
    #section.home-events h3 { display: none; }
    #section.home-socials .container.flex { flex-direction: column;}
    #section.home-socials .container.flex>* { padding: 15px 0; border-right: none; }


    #section.home-features .fanclub-detail p { width: 100%; }

    .columns-container.flex {display: block; }
    .columns-container.flex>* { margin-bottom: 15px; }
    .columns-container.flex a.large-cta { width: 100%; }
    .disclaimer { font-size: 0.75em; }

    /* Pages */
    .white-title h1 { font-size: 3em; }
    #primary.default-page .container.flex { flex-direction: column; }
    #primary.default-page .container.flex .entry-content { padding-right: 0; }
    #primary.default-page .container.flex .post-thumbnail { margin: 0 auto; padding: 0 10vw 50px; }

    body.page-template-page-fanclub .entry-content h3 { width: 100%; font-size: 2.5em; }

    /* Fan Club */
    body.page-fan-club #primary.default-page .container.flex {  flex-direction: column-reverse;}

    /* Releases */
    .releases-grid { padding: 50px 0; }
    .releases-grid-item {
        flex: 1 0 100%;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 35px;
    }
    .releases-grid-item .album-details {
        margin-top: 10px;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .releases-grid-item .album-details .album-title { flex: 3; padding-right: 15px; }
    .releases-grid-item .album-download { padding: 10px 0; text-align: right; }
    .releases-grid-item .album-download a { padding: 0 0 0 5px; }
}
@media only screen and (max-width: 420px) {
    #section.home-carousel .hero-slide { min-height: 350px; padding: 25px 0 0; }
    #section.home-carousel .hero-slide .slide-overlay img { width: 100% !important; max-width: 80vw !important; height: auto;}

    body { font-size: 17px; line-height: 1.5em; }
    .site-branding img { max-width: 245px; }
    body.page-template-page-fanclub #primary.default-page .container.flex .entry-content { flex: 1 0 100%; padding: 0; }
}