/*
Theme Name: WOKE Athletics & Fitness
Author: Evan Stein
Author URI: https://karmamethod.com/
Description: WOKE Athletics & Fitness Twenty Nineteen WordPress child theme.
Template: twentynineteen
Text Domain: twentynineteen-child
*/

:root {
    --bklyn-color:#6C8E68;
}

.entry-header {border-bottom:none !important}
h1,h2,h3 {font-family:'Staatliches',sans-serif}
body, .site-header, .site-footer {
    font-family: 'Roboto', sans-serif;
}
html, .site-header, .site-footer {background-image: url(/wp-content/themes/woke-af/bg.png);background-color:#000}
.fancy-font, .site-description {font-family: 'Staatliches',sans-serif;}

body {
    background: url(/wp-content/themes/woke-af/bg.png) 0 0;
    /*background-size:150%;
    background-position-x:-10em;
    background-position-y:-10em;*/
    font-family: 'Roboto', sans-serif;
}
body {
    background-color: #fff;
}

.site-branding {display: flex;align-items: center;}
.site-description {font-size: .9em;
    position: absolute;
    left: 180px;}
.site-title,.site-description:before,.featured-image .site-title {display:none !important}
.site-logo {float:left;margin-bottom:0}
.site-logo .custom-logo-link {
    border-radius:0;
    width:160px;
    height:auto;
    box-shadow:none !important;
}
.site-main {margin-bottom:3em}

.main-navigation {flex-grow:1;margin-top:0}
.mega-sub-menu {padding: 1em 0 !important; /*background-color:#333 !important*/}
/*.mega-sub-menu .mega-menu-link {padding-left:2em !important}*/
#mega-menu-wrap-menu-1 .mega-menu-toggle,
#mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {color:#fff !important;background-color:transparent;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {/*background-color:#111*/background-color:transparent;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {color:#fff !important;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover {color:var(--bklyn-color) !important;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 {text-align:right}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor.mega-toggle-on > a.mega-menu-link {
    /*background-color:#333 !important;*/
    color: #fff !important;

}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background-color:#111 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background-color:#111 !important;
    color:var(--bklyn-color) !important;
}
.site-footer {color:#fffff8}
.footer-navigation {float:right;margin-bottom:1em}
.copyright {hyphens:none;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;white-space:nowrap}
#colophon .site-info {font-size:.6em}
#colophon .site-info a, #colophon .site-info a:visited {color:#fff;}
#colophon a, #colophon a:hover, #colophon a:focus, #colophon a:active, 
#colophon .site-info a:hover, #colophon .site-info a:active, 
#colophon .site-info a:focus {color:var(--bklyn-color) !important}
#colophon .site-info a.site-name {color:#666 !important}
.widget_media_image {text-align:right}
.widget_media_image  img{width:128px;height:auto;opacity:.9}

.image-filters-enabled .site-header.featured-image .site-featured-image:before, 
.image-filters-enabled .site-header.featured-image .site-featured-image:after, 
.image-filters-enabled .entry .post-thumbnail:before, 
.image-filters-enabled .entry .post-thumbnail:after, 
.main-navigation .sub-menu, .sticky-post, 
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background), 
.entry .button, button, input[type="button"], input[type="reset"], input[type="submit"], 
.entry .entry-content > .has-primary-background-color, 
.entry .entry-content > *[class^="wp-block-"].has-primary-background-color, 
.entry .entry-content > *[class^="wp-block-"] .has-primary-background-color, 
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color, 
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-primary-background-color, 
.entry .entry-content .wp-block-file .wp-block-file__button {
    background-color:var(--bklyn-color);
}

.entry .entry-title:before, h1:not(.site-title):before, h2:before {display:none}
#zingfit-embed {margin:0;max-width:100%;padding:0}
.contact-map { margin-bottom: -.6em !important; -webkit-filter: grayscale(1);  filter: grayscale(1); }
.page-id-24 .entry-title {display:none}
.page-id-12 .site-main {margin-bottom:0 !important}

@media only screen and (min-width: 768px) {
    .site-header { padding: 1em 0; }
    .site-logo {
        position: relative !important;
        right: initial !important;
        top: initial !important;
    }
}

@media only screen and (max-width: 600px) {

}

@media only screen and (min-width: 601px) { 
    #mega-menu-wrap-menu-1 { background: transparent; } 
}

@media only screen and (max-width: 767px) {
    .site-branding {display:block;}
    #media_image-3 {margin-top:-3em;margin-bottom:-1em}
    .mega-toggle-label {display:none}
    #mega-menu-wrap-menu-1 {clear:none}
    #mega-menu-menu-1 {margin-top:4em !important}
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {margin-top:.3em}
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {right:0}
}
@media only screen and (max-width: 1067px) {
.site-description {display:none}
}
#colophon .widget-column .widget {
    width: 100%;
}

#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1:after {font-size:2em}
.footer-logo {max-width:40% !important}
.site-header.featured-image .custom-logo-link {background-color: transparent}



nav a {font-family:'Staatliches',sans-serif !important; text-transform:uppercase !important;font-size:1.4em !important;}
#mega-menu-item-122 {border:2px solid var(--bklyn-color) !important;}


.entry-header {padding-bottom: 9px;
margin: 20px 0 30px;
border-bottom: 1px solid #999;
}
#post-24 .entry-header {display: none}
#post-24 iframe {margin-top:2em;}

#post-6 .entry-header {display:none}
/*#post-6.entry .entry-content {margin-top:2em}*/
#post-6.entry .entry-content .wp-block-image .aligncenter {width:100% !important;max-width:100% !important}
#post-6.entry .entry-content .wp-block-image .aligncenter img {margin:0 auto !important;}
/*.page-id-6 {background: rgb(51,51,51) !important;
    background: radial-gradient(circle, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 75%) !important;}*/

.entry .entry-content .wp-block-separator, .entry .entry-content hr {max-width:100% !important}

#mega-menu-wrap-menu-1 .mega-menu-toggle {/*position:relative;top:-2.55em*/}
.entry .entry-content .wp-block-separator, .entry .entry-content hr {height:1px}
.site-main {margin-bottom:0 !important}

#colophon .site-info nav a:hover {color:#fff !important}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    background-color: #fff;
}

/*.image-filters-enabled .site-header.featured-image .site-featured-image:before, .image-filters-enabled .site-header.featured-image .site-featured-image:after, .image-filters-enabled .entry .post-thumbnail:before, 
.image-filters-enabled .entry .post-thumbnail:after, .main-navigation .sub-menu, .sticky-post, */
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background), .entry .button, 
/*button, input[type="button"], input[type="reset"], input[type="submit"],*/ .entry .entry-content > .has-primary-background-color,
 .entry .entry-content > *[class^="wp-block-"].has-primary-background-color, .entry .entry-content > *[class^="wp-block-"] .has-primary-background-color, 
 .entry .entry-content > *[class^="wp-block-"].is-style-solid-color, .entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-primary-background-color, 
 .entry .entry-content .wp-block-file .wp-block-file__button {
    background-color: #6C8E68 !important;
}