@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,300i,400,400i,500,500i,600,700|PT+Serif');

/* ----- SITE-WIDE ----- */

.cookie-notice-container .button {
    max-width: 150px;
}

a, .entry-title a {

}


a:hover, .entry-title a:hover, .entry-title a:focus {
    color: blue;
    text-decoration: underline;
}


a.easter-egg-link {
    color: #4b4b4b;
}


a.easter-egg-link:hover {
    text-decoration: underline;
}


.photo-frame {
    border: 4px solid white;
    box-shadow: 0px 0px 4px #999;
}


.gform_wrapper.gf_browser_chrome .gform_body {
    width: calc(100%);  
}


.clc-invisible { 
    display: none !important; 
}


/* ----- SCROLL BARS ----- */

/* width */
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #FFFFFF; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #9c9c9c; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}







/* CONTAINERS */

.admin-bar .site-container {
    min-height: calc(100vh - 46px);
}

@media only screen and (min-width: 783px) { 
    .admin-bar .site-container {
        min-height: calc(100vh - 32px);
    }
}

html, body {
    height: inherit;
}

body {
    min-width: 375px;
    font-family: 'Montserrat','sans-serif';
    background-color: #191919;
    color: #4b4b4b;
}

p {
    margin-bottom: 30px;
}

strong {
    font-weight: 600;
}

.site-inner {
    background: white;
    height: 97vh;
    max-height: 97vh;
    padding: 0 !important;
    margin: 0 !important;
}

.content-sidebar-wrap {
    max-width: 100% !important;
}

.entry {
    padding: 0 !important;
    margin: 0 !important;
}


/* HEADINGS */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat','sans-serif';
    font-weight: 500;
}

h1 {
    font-size: 1.6em;
}

h2 { 
    font-size: 1.4em;
}

h3 {
    font-size: 1.2em;
}

h4, h5, h6 {
    font-size: 1em;
}


/* LINKS & BUTTONS */
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .button-outline {
	background-color: #4b4b4b;
	color: white;
	cursor: pointer;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	padding: 16px 24px;
	text-transform: uppercase;
	width: auto;
	display: inline-block;
	font-family: inherit;
	width: 100%;
}

.gform_wrapper.gf_browser_ie .gform_footer input.button {
	padding: 16px 24px !important;
}

button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"],
.button:hover, button:focus, input:focus[type="button"], input:focus[type="reset"],
input:focus[type="submit"], .button:focus  {
	background-color: #9c9c9c;
	color: white;
}

.button-outline {
    border: 2px solid blue;
}

.button-outline:hover, .button-outline-hover:hover {
    border: 2px solid blue;
    background-color: white;
    color: black;
}

 
/* HEADER */
.header-image .site-title > a {
    background: url(images/logo.png) no-repeat left;
    background-size: contain;
    float: left;
    min-height: 60px;
    width: 100%;
}

/* Navigation - Top Menu */

/* Logo & Navigation - Header Menu */

/* Navigation - Primary Menu */

/* Navigation - Secondary Menu */










/* ----- HEADER AND MENUS ----- */

header.site-header {
    display: none;  
}


.hamburger-box .hamburger-inner {
    display: none;
}

.hamburger-box {
    background: url(/wp-content/themes/zane-forshee/images/zane-forshee_guitar-case-hamburger-icon_4b.svg) no-repeat;
    width: 44px;
    height: 32px;
    top: -2px;
} 

.hamburger-box:hover {
    background: url(/wp-content/themes/zane-forshee/images/zane-forshee_guitar-case-hamburger-icon_9c.svg) no-repeat;
}

.menu a {
    color: #9c9c9c;
    font-weight: 600;
    text-transform: uppercase;
}

.menu a:hover {
    color: #FFFFFF;
}

#wprmenu_menu_ul {
    padding: 45px 0 45px;
}

#mg-wprm-wrap li.menu-item a {
    padding: 15px 60px;
}

.wpr_social_icons {
    margin: 0 0 0 48px;
}

.wpr_social_icons i {
    color: #9c9c9c;
}

.wpr_social_icons i:hover {
    color: white;
}

#mg-wprm-wrap { 
    width: 100%;
}

.admin-bar #mg-wprm-wrap.cbp-spmenu-left, .admin-bar #mg-wprm-wrap.cbp-spmenu-right {
    top: 32px !important;
}






/* ----- HOME ----- */

.home .entry-title {
    display: none;
}

.home #genesis-content {
    display: block;
}

.home article.entry {
    display: none;
}

.zf-home-intro {
    height: 100vh;
    background-size: cover;
    background-position: center center;
    background-position-x: 60%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.zf-home-intro-quote-mark {
    font-family: 'PT Serif', serif;
    font-size: 2em;
}

.zf-home-intro-quote {
    font-size: 2em;
    font-weight: 600;
    max-width: 180px;
    line-height: 1.4em;
    margin: 184px 0 0 30px;
    color: #f2e8e6;
    text-shadow: 1px 1px 2px #1b1210;
}

.zf-home-announcement-stripe {
    padding: 30px;
    color: white;
    font-weight: 500;
    font-size: 1.8em;
    text-align: center;
    line-height: 1;
}

.zf-announcement a, .zf-announcement-link a {
    color: white;
}

.zf-announcement a:hover, .zf-announcement-link a:hover {
    text-decoration: none;
}

.zf-home-slice {
    display: flex;
    flex-direction: column;
    background: white;
}

.zf-home-slice-photo {
    height: 100vw;
    background-size: cover;
    order: 2;
}

.zf-home-slice-text {
    height: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    font-size: 1.8em;
    line-height: 1.4em;
    font-weight: 600;
    text-align: center;

}

.zf-home-slice-text p {
    margin-bottom: 0;
}

#zfhs-1 .zf-home-slice-text {
    font-size: 1.4em;
    font-weight: normal;
}

#zfhs-6 .zf-home-slice-text {
    font-size: 2.4em;
    line-height: 1.2em;
}

.zf-more {
    background-position: top right;
}




/* ----- INTERIOR PAGES ----- */

/* 404 */
.error404 .content {
    width: 100%;
}

#genesis-content {
    display: flex;
    flex-direction: column ;
}

.zf-page-layout-photo {
    flex-shrink: 0;
    background-position: top left;
}

article.entry {
    order: 2;
    padding: 30px !important;
    overflow: scroll;
    width: 100%;
}

h1.entry-title,
h1.archive-title {
    text-align: right;
    position: relative;
    font-weight: 600;
    color: #4b4b4b;
    font-size: 2.4em;
    text-transform: uppercase;
    margin: 0;
    line-height: 1em;
    letter-spacing: -2px;
}

h3.zf-subtitle {
    margin: 0 0 30px 0;
    line-height: 1.2em;
}

.entry-content {
    margin-top: 30px;
}

.entry p:last-of-type {
    margin-bottom: 0px;
}











/* ----- EVENTS / SHOWS  ----- */

.zf-shows {
    margin-top: 30px;
}

.zf-switch-shows-link {
    text-align: right;
    margin-bottom: 30px !important;
}

.zf-show {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 60px;
    padding-bottom: 30px;
    border-bottom: 1px solid #9c9c9c;
}

.zf-show:last-of-type {
    padding-bottom: 0;
}

.zf-show:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}

.zf-show-date {
    width: 120px;
    border: 1px solid #4b4b4b;
    color: #4b4b4b;
    padding: 18px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 300; 
    flex-shrink: 0;
    margin: 0 auto 30px;
}

.zf-show-date-day {

}

.zf-show-date-month {
    text-transform: uppercase;
    font-size: 1.8em;
    line-height: 1em;
}

.zf-show-date-year {
    letter-spacing: 10px;
    padding-left: 10px;
}

.zf-show-date-date {
    font-size: 3.4em;
    line-height: 1em;
}

.zf-show-info {
    width: 100%;
}

.zf-show-info h2 {
    line-height: 1.2em;
    font-size: 1.2em;
    margin: 0px 0 15px;
}

.zf-show-info h2 a {
    color: #4b4b4b;
}

.zf-show-info h2 a:hover {
    color: #9c9c9c;
}

.zf-event-photo-gallery {
    margin-bottom: 30px;
}



/* ----- SHOW SINGLE ----- */

span.zf-show-time {
    font-size: 2em;
    line-height: 1em
}

.zf-show-details-summary {
    text-align: center;
    margin: 30px 0;    
}

.zf-show-detail-title, .zf-recording-title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2em;
} 

.zf-show-details-summary button {
    margin: 15px 0;
}






/* ----- RECORDINGS ----- */


.zf-recording h2 a {
    color: #4b4b4b;
}

.zf-recording h2 a:hover {
    color: #9c9c9c;
}

.zf-recordings-liner-notes {
    margin: 30px 0;
}




/* ----- RECORDING SINGLE ----- */

.zf-recording-purchase-icons {
    display: flex;
    align-items: center;
}

.zf-recording-purchase-icons img {
    width: 30px;
    height: 30px;
    margin-right: 8px;
}

.zf-recording-aud-vid-link {
    font-size: .8em;
    text-transform: uppercase;
}

.zf-recording-tracks, .zf-recording-posts, .zf-recording-purchase {
    margin-bottom: 30px;
}

.zf-recording-spotify-list {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}









/* ----- BLOG ----- */

h3.zf-blog-title {
    line-height: 1.2em;
    margin: 0;
}

h3.zf-blog-title a {
    color: #4b4b4b;
}

h3.zf-blog-title a:hover {
    color: #9c9c9c;
}

p.entry-meta {
    font-size: .7em;
    text-transform: uppercase;
    padding: 4px 0;
}

.ajax-load-more-wrap.grey .alm-load-more-btn {
    background-color: #9c9c9c;
}

#comments {
    display: none;
}

.zf-blog-excerpt {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}

.zf-blog-excerpt img {
    margin-right: 15px;
    min-width: 150px;
} 








/* ----- SOCIAL ----- */


.page-template-page-unbounded-content .zf-page-layout-photo {
    display: none;
}

.page-template-page-unbounded-content .entry {
    padding: 0 !important;
}

.page-template-page-unbounded-content header.entry-header, .page-template-page-unbounded-content .zane-padding-mask {
    display: none;
}

.page-template-page-unbounded-content .entry-content, .page-template-page-unbounded-content h3.zf-subtitle {
    margin: 0;
} 

.crt-logo, .crt-load-more {
    display: none !important;
}

.crt-feed.crt-feed-branded {
    padding-bottom: 0 !important;
}

.page-template-page-unbounded-content .hamburger-box {
    background: url(/wp-content/themes/zane-forshee/images/zane-forshee_guitar-case-hamburger-icon_white.svg) no-repeat;
}
.page-id-2149 .hamburger-box {
    background: url(/wp-content/themes/zane-forshee/images/zane-forshee_guitar-case-hamburger-icon_white.svg) no-repeat;
}

.page-id-2149 .hamburger-box:hover {
    background: url(/wp-content/themes/zane-forshee/images/zane-forshee_guitar-case-hamburger-icon_9c.svg) no-repeat;
}

.page-template-page-unbounded-content .hamburger-box:hover {
    background: url(/wp-content/themes/zane-forshee/images/zane-forshee_guitar-case-hamburger-icon_9c.svg) no-repeat;
}
.page-template-page-unbounded-content #genesis-footer-widgets {
    position: relative;
    top: -17px;
    z-index: 9;
}

.page-template-page-unbounded-content .site-footer {
    position: relative;
    top: -17px;   
    margin-bottom: -17px; 
}




/* ----- OVERLAYS ----- */

#zf-listen-overlay, #zf-watch-overlay, #zf-engage-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(25,25,25,.9);
    z-index: 99999;    
}

.zf-close-overlays {
    position: absolute; 
    top: 30px;
    right: 30px;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.zf-overlay-content-wrapper {
    min-width: 375px;
    max-width: 600px;
    text-align: center;
    color: #9c9c9c;
    padding: 30px;
}

.zf-overlay-content-wrapper a {
    color: white;
    text-decoration: underline;
}

.zf-overlay-title {
    font-size: 2.4em;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1em; 
}

.zf-overlay-blurb {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 30px;
} 

.zf-overlay-spotify-follow-me {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
    position: relative;
    left: 53px;    
}

.zf-overlay-subscribe button {
    background: red;
    width: inherit;
}

.zf-overlay-subscribe button:hover {
    background: black;
}

#gform_submit_button_1 {
    width: 100%;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0 !important;
}

ul#input_1_4 li {
    font-size: 1.2em;
    font-weight: 500;
}

ul#input_1_4 li input {
    margin-top: 0px;
}

#input_1_1, #input_1_2 {
    width: 100% !important;
}




/* FOOTER */

#genesis-footer-widgets .wrap {
    background-color: #191919;
    margin-bottom: 0;
    padding: 60px 0;
    border-top: 1px solid white;
}

.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
    width: inherit !important;
    float: none !important;
}

div#genesis-footer-widgets .wrap {
    display: flex;
    flex-direction: column;
    padding: 0 30px;
}

.footer-widgets h3.widgettitle {
    text-transform: uppercase;
    text-align: center;
    color: #9c9c9c;
    margin: 0;
    font-size: 1.6em;
}

.footer-widgets .textwidget.custom-html-widget {
    display: flex;
    justify-content: center;
    align-items: flex-start; 
}

.zf-footer-cta-img {
    max-width: 100px;
    max-height: 100px;
    cursor: pointer;
}

.site-footer {
    background-color: #000;
    color: #9c9c9c;
    font-size: 12px;
    font-weight: 400;
}

.site-footer a {
    color: #9c9c9c;
}

.site-footer a:hover {
    color: #FFFFFF;
}

.site-footer a img {
    position: relative;
    top: 5px;
}

.widget-area.footer-widgets-1.footer-widget-area {
    position: relative;
    top: -30px;
    z-index: 9;
    padding: 0 10px;
}

.widget-area.footer-widgets-1.footer-widget-area img {
    border: 3px solid #191919;
}

.footer-widgets-2, .footer-widgets-3, .footer-widgets-4 {
    margin-bottom: 45px; 
}

.footer-widgets-1 {
    display: flex; 
    justify-content: center;
}

.footer-widgets-1 img {
    width: 100%;
    max-width: 200px; 
}
 

/* # Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 30em) { /* 480px - phone landscape */
    /* ----- SITE-WIDE ----- */
    .hide-above-480 {
        display: none !important;
    }

    .show-at-480 {
        display: block;
    }


    /* CONTAINERS */


    /* HEADINGS */


    /* HEADER */


    /* FOOTER */

    div#genesis-footer-widgets .wrap {
        flex-direction: row;
        padding: 0 30px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer-widgets-1 {
        flex-basis: 100%;
    }

    .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 {
        flex-basis: 33%;
    }

    .footer-widgets .textwidget.custom-html-widget {
        align-items: inherit;
    }         
     
    /* ----- HOME ----- */


    /* ----- INTERIOR PAGES ----- */

}


@media only screen and (min-width: 40em) { /* 640px - phone landscape */
    /* ----- SITE-WIDE ----- */
    .hide-above-640 {
        display: none !important;
    }

    .show-at-640 {
        display: block;
    }

    /* CONTAINERS */


    /* HEADINGS */


    /* HEADER */


    /* FOOTER */

     
     
    /* ----- HOME ----- */

    .zf-home-intro-quote {
        margin-left: 90px;
    }


    /* ----- INTERIOR PAGES ----- */

}



@media only screen and (min-width: 48em) { /* 768px - iPad portait */

    /* ----- SITE-WIDE ----- */
    .hide-above-768 {
        display: none !important; 
    }

    .show-at-768 { 
        display: block;
    }

    /* CONTAINERS */


    /* HEADINGS */

    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.6em;
    }

    h3 {
        font-size: 1.4em;
    }

    h4, h5, h6 {
        font-size: 1em;
    }
    
    /* HEADER */

    html {
        padding-top: 0 !important;
    }

    div#wprmenu_bar {
        top: -42px !important;
        padding: 0;
    }

    div.wprmenu_bar div.hamburger {
        margin-right: 0 !important;
    }

    .hamburger-box {
        top: 42px !important;
        width: 88px;
        height: 64px;
        margin: 60px 60px 0 0 !important;
    }

    .admin-bar .hamburger-box {
        top: 74px !important;
    }

    #mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right {
        top: 0 !important;
    }

    .zf-home-announcement-stripe {
        display: flex;
        justify-content: center;
    }

    .zf-announcement {
        padding-right: 5px;
    }

    .zf-announcement-link {
        padding-left: 5px;
    }


    /* ----- SHOWS ----- */

    .zf-show {
        flex-direction: row;
        margin-bottom: 30px;
        align-items: flex-start;
    }

    .zf-show .zf-show-date {
        margin-right: 15px;
    }

    .zf-show-info h2 {
        margin: -4px 0 5px 0;
    }

    .zf-show-info p {
        margin-bottom: 0;
    }

    .zf-show-date {
        margin-bottom: 0;
    }

    /* FOOTER */

    div#genesis-footer-widgets .wrap {
        flex-direction: row;
        padding: 0 30px;
    }

    .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 {
        flex-basis: 24%;
        flex-grow: 2;
    }

    .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 30px; 
    }
     
     
    /* ----- HOME ----- */

    .zf-home-intro-quote {
        font-size: 3em;
        max-width: 240px;
        margin: 60px 0 0 60px;
        text-shadow: none;
        color: #5b4d4a;
    }

    .zf-home-slice {
        flex-direction: row;
    }

    .zf-home-slice div {
        height: 38vw;
    }

    .zf-more {
        width: 62%;
    }

    .zf-less {
        width: 38%;
    }

    .zf-home-slice-text p {
        max-width: 510px;
    }


    /* ----- INTERIOR PAGES ----- */

    h1.entry-title,
    h1.archive-title {
        font-size: 2.8em;
    }

}



@media only screen and (min-width: 769px) { 

    /* WPR menu push fixes, last updated 20190422 -gs */

    #mg-wprm-wrap { 
        width: 38% !important;
        max-width: inherit;
    }

    html.wprmenu-body-fixed body {
        position: relative !important;
    }

    .wprm-overlay.active {
        display: none;
    }

}


@media only screen and (min-width: 60em) { /* 960px - start desktop views */

    /* ----- SITE-WIDE ----- */
    .hide-above-960 {
        display: none !important;
    }

    .show-at-960 {
        display: block;
    }

    /* CONTAINERS */


    /* HEADINGS */


    /* HEADER */


    /* FOOTER */

     
     
    /* ----- HOME ----- */

    .zf-home-slice-text {
        padding: 60px;
        font-size: 2.2em;
    }

    .zf-home-slice-text p {
        max-width: 510px;
    }

    #zfhs-1 .zf-home-slice-text {
        font-size: 1.6em;
    } 



    /* ----- INTERIOR PAGES ----- */


}


@media only screen and (min-width: 64em) { /* 1024px - iPad landscape */

    /* ----- SITE-WIDE ----- */
    .hide-above-1024 {
        display: none !important;
    }

    .show-at-1024 {
        display: block;
    }

    .zane-padding-mask {
        position: absolute;
        bottom: 0;
        height: 60px;
        background: white;
        z-index: 9;
        margin-left: -60px;
    }

    /* CONTAINERS */


    /* HEADINGS */


    /* HEADER */


    /* FOOTER */

     
     
    /* ----- HOME ----- */

    #zfhs-6 .zf-home-slice-text {
        font-size: 3em;
    }

    #zfhs-6 .zf-home-slice-text p {
        max-width: 300px;  
    }

    /* ----- INTERIOR PAGES ----- */





    /* ----- SHOWS ----- */

    #genesis-content {
        flex-direction: row;
    }

    h1.entry-title,
    h1.archive-title {
        margin-right: 0;
        margin-top: 115px;
        font-size: 2.2em;
    } 

    .single-zf_shows h1.entry-title {
        margin-right: 118px;
    }


    article.entry {
        order: 2;
        padding: 60px !important;
        max-height: 97vh;
        overflow: scroll;
        width: 100%;
    }

}


@media only screen and (min-width: 75em) { /* 1200px */

    /* ----- SITE-WIDE ----- */
    .hide-above-1200 {
        display: none !important;
    }

    .show-at-1200 {
        display: block;
    }


    /* CONTAINERS */


    /* HEADINGS */


    /* HEADER */


    .single-zf_shows h1.entry-title {
        margin-right: 148px;
    }

    /* FOOTER */

     
     
    /* ----- HOME ----- */

    .zf-home-intro-quote {
        color: #413535;
    }

    /* ----- INTERIOR PAGES ----- */

}














@media only screen and (min-width: 90em) { /* 1440px */

    /* ----- SITE-WIDE ----- */



    /* CONTAINERS */


    /* HEADINGS */


    /* HEADER */


    /* FOOTER */


    h1.entry-title,
    h1.archive-title {
        margin-right: 148px;
        margin-top: 27px;
        font-size: 2.2em;
    }
     

    /* ----- INTERIOR PAGES ----- */

}






@media only screen and (min-width: 100em) { /* 1600px */

    /* ----- SITE-WIDE ----- */



    /* CONTAINERS */


    /* HEADINGS */


    /* HEADER */


    /* FOOTER */

     
     
    /* ----- HOME ----- */

    .zf-home-slice-text {
        font-size: 3em;
    }

    .zf-home-slice-text p {
        max-width: 710px;
    }

    #zfhs-1 .zf-home-slice-text {
        font-size: 2.2em;
    }    

    #zfhs-6 .zf-home-slice-text {
        font-size: 3em;
        line-height: auto;
    }



    h1.entry-title,
    h1.archive-title {
        margin-top: 20px;
        font-size: 2.7em;
    }

    /* ----- INTERIOR PAGES ----- */

}

article.post-2149.entry {
    padding: 0 !important;
}

article.post-2149.entry .entry-content {
    margin-top: 0 !important;
}

@media only screen and (min-width: 768px) {
    article.post-2149.entry .entry-content {
        margin-right: 0 !important;
    }
}