/*
Theme Name:         Jazz JKL 2019
Author URI:         https://maene.fi
Description:        JazzJKL:n teema 2019.
Version:            1.0
Text-domain: jazzjkl2017
*/

body { background-color: #060D2D; background-image:url("img/sax-back.jpg"); background-size:cover; background-repeat:no-repeat;background-attachment: fixed}

body .logo { width:100%; min-height:140%; position: absolute; top:0; left:0; background-image: url(/wp-content/themes/jazzjkl2019/img/jazzjkl-logo.svg);background-repeat: no-repeat; background-size: 95%; background-position: center 60px; z-index:1}
body.home .logo, body.single-event .logo{  width:100%; height:200vw; position: absolute; top:0; left:0;background: url(/wp-content/themes/jazzjkl2019/img/jazzjkl-live-logo.svg);  background-repeat: no-repeat; background-size: 95%; background-position: center 60px; z-index:1 }
 
body, div, h1, h2, h3, h4, h5, h6, p, li { font-family: 'Work Sans', sans-serif; color:#fff }
h1, h2, h3, h4, h5, h6 { font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; color: inherit; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: .5rem; line-height: 1.1; text-transform: uppercase }

header, .row {z-index:10; position:relative}

.home h1 { color: #ccc }
h1{text-shadow: 0px 0px 30px rgba(255, 255, 255, 1);}
h2 {font-size:2.1rem; padding-top:0.5rem}
h3 { clear: both; color: #FFB247}
a, a *, .home a * { color: #fff }
.home a.frontEventLink { display: block; width: 100%; float: left }
.home a:hover { opacity: 0.7 }
.siteLogo { width: 300px }
.css-events-list { }
.frontEventLink { margin-bottom: 1rem }
.byLine { padding: 0.5rem 0; }
.byLine hr { margin: 0.25rem 0 }
.menu>li>a { font-family: 'Pathway Gothic One', sans-serif; font-size: 20px }
.menu .active { background: #FFB247 }
.menu .active a {color:#fff}
.menu .active:hover { background: #333 !important; }
.menu .active:hover a { cursor: default !important }
.py-theme .top-bar { padding: 0rem; }
.py-theme .title-bar, .py-topbar { position: relative; }
.py-theme .top-bar, .py-theme .top-bar ul, .py-theme .top-bar .dropdown.menu .submenu, .py-theme .title-bar-title, .py-theme .title-bar { background: transparent; color: #666; border: medium none; font-weight: 700; text-transform: uppercase; }
.py-theme .top-bar ul { 
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
 }
.py-theme .dropdown.menu .has-submenu.is-down-arrow > a::after { border-width: 0; }
.py-theme .top-bar .dropdown.menu .submenu li a { padding: 0.7rem 1rem; }
.py-sidebar-footer h6 { font-weight: 700; }
.py-sidebar-footer ul { margin-left: 0; }
.py-sidebar-footer a { color: rgba(255, 255, 255, 0.2); }
.py-sidebar-footer a:hover { color: rgba(255, 255, 255, 1); }
.py-sidebar-footer li { list-style: none; }
.py-theme main figure { margin: 1rem 0; }
.py-theme main figure img { border: 4px solid #fefefe; border-radius: 0; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); display: inline-block; line-height: 0; margin-bottom: 1rem; max-width: 100%; transition: box-shadow 0.2s ease-out 0s; }
.py-footer-menu-b { background: #074e68; padding: 1rem 0; color: rgba(255, 255, 255, 0.2); font-weight: 400; }
.py-copyright { background: transparent; width: 100%; padding: 1rem 0 0.5rem; color: #666; }
.py-copyright a { color: #666; padding: 3px 6px; font-weight: 700; text-transform: uppercase; }
.py-copyright .menu .active > a { background: transparent; }
.py-copyright .py-lnk { font-weight: normal; text-transform: capitalize; }
.py-copyright p { margin-top: 0.5rem; margin-bottom: 0; }
.py-sidebar-newsletter { background: #085a78 none repeat scroll 0 0; padding: 1rem 0; color: white; }
.py-sidebar-newsletter p { margin-bottom: 0; }
.py-theme #sidebar ul { list-style: none; margin-left: 0; }
.py-copyright a:hover, .py-theme .top-bar li a:hover { opacity: 0.8 }
.py-sidebar-footer .widget_text:nth-child(2), .py-sidebar-footer .widget_text:nth-child(3), .py-sidebar-footer .widget_text:nth-child(4) { border-left: 1px solid rgba(255, 255, 255, 0.2); }
.py-theme .top-bar .dropdown.menu .submenu li a { line-height: 45px; }
.py-theme .top-bar .dropdown.menu .submenu { border-top: 1px solid #444; }
.pagination-centered { margin: 0 auto; display: table; }
.py-theme .page-numbers { list-style: none; }
.py-theme .page-numbers li { display: inline; }
.py-theme .page-numbers .current { background: #2199e8 none repeat scroll 0 0; color: #fefefe; padding: 0 0.4rem; }
.py-theme .dropdown.menu .has-submenu.is-right-arrow > a::after { border-width: 0; }
.demo-header { background: rgba(0, 0, 0, 0) url("") repeat scroll center center / cover; padding-bottom: 250px; padding-top: 180px; margin-top: -4rem; margin-bottom: -4rem; }
.demo-header h1 { color: #fefefe; font-size: 2.875rem; margin: 0; text-align: left; }
.demo-header h2 { color: #fefefe; font-size: 1.3125rem; font-weight: 200; }
.demo-header .button { background: #ff6908 none repeat scroll 0 0; }
.demo-header .button { margin-top: 20px; }
.demo-header .button:hover { background: #e05800 none repeat scroll 0 0; }
.demo-header li a { color: white; }
.demo-header li a:hover { color: #e05800; }
.menu .active > a { color: #fefefe; background: transparent; }
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 1rem }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.css-events-list {min-height:22vh}
.eventImage { display: block; height: 25vw; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 1rem }
.callout { border: 1px solid rgba(255,255,255,.25); color: #0a0a0a; background-color: transparent;}
.pastBlock { background: rgba(0,0,0,0.3); padding: 1rem 0.9375rem 0 0.9375rem; margin-bottom:2.5rem}
.pastBlock h3, .pastBlock h4 {color:#FFB247}
.pastEventsList { margin-bottom: 2rem }
.pastEventsList .eventImage { display: block; height: 25vw; background-position: center; background-repeat: no-repeat; background-size: cover;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); opacity:0.7}
.pastDate {font-size:77%}
.pastEventsList a:hover .eventImage {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%); opacity:1.0}
footer p {padding-top:0.5rem;font-family: 'Pathway Gothic One', sans-serif; text-transform: uppercase; font-size:17px}

form label {color:rgba(255,255,255,0.8)}
button, .button { background-color: #ffb247; color: #000;font-family: 'Pathway Gothic One', sans-serif; text-transform: uppercase;font-size:1.2rem}
button:hover, .button:hover { background-color: #ffb247; color: #000; opacity:0.7}
form.sent * {display:none;}
form.sent .wpcf7-response-output {display:block; margin: 0 0 1.875rem 0; padding: 1rem;}

.logot li {display:inline-block}
.logot {margin-top:1.857rem; position: relative; z-index:10}
.logot a {display:block; padding: 0 1.875rem}
.logot img {max-height: 78px; margin: 1.4rem 0; opacity:0.7; max-width:180px}
.logoRow a:hover img {opacity:0.8}

.contentCont div div a {text-decoration:underline}

@media only screen and (min-width: 640px) {
header { margin-bottom: 30vw }
.row { max-width: 64.5% }
.py-theme .top-bar li:hover { background: transparent; }
.divider { display: none }
main { margin: 4rem 0; }
h1 { font-size: 8.9vw; line-height: 0.9; letter-spacing: -0.05em }
h2 { }
}

@media only screen and (max-width: 639px) {
body { font-size: 13px; background-position: center 50px; }
.contentCont { width: 63%; margin: 20.5vh auto auto 16%; }
.menu-icon::after { background: #666; box-shadow: 0 7px 0 #666, 0 14px 0 #666; }
.menu-icon:hover::after { background: #fefefe; box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; }
.js-drilldown-back::before { border-width: 0; margin: 0; }
.js-drilldown-back > a::before { border-color: transparent #666; margin-bottom: 3px; }
.py-theme .submenu.is-drilldown-submenu.is-active { margin-left: 0; }
.has-submenu.submenu.is-drilldown-submenu.is-active li { margin: 0.7rem 1rem; }
.is-drilldown-submenu-parent > a::after { border-color: transparent transparent transparent #666; }
.menu.drilldown .is-drilldown-submenu-parent .has-submenu .is-drilldown-submenu-parent > a::after { border-color: transparent transparent transparent #666; float: right; height: 0; margin-top: 7px; position: relative; right: 0; top: 0; }
.menu.drilldown li:last-child { margin-bottom: 0.5rem; }
.top-bar-right li { display: block; }
.top-bar-right .is-drilldown { height: auto!important; }
.py-theme .is-drilldown-sub.is-active { margin-left: 0; padding: 0.5rem; }
.py-copyright li { display: block; padding: 0.3rem 0; }
.demo-header { margin-bottom: -2rem; margin-top: -2rem; padding-bottom: 80px; padding-top: 80px; }
main { margin: 2rem 0; }
}
.vertical.menu.docs-menu li a { padding-left: 0; font-size: 0.85rem; }
.docs-menu-title { color: #999; font-size: 0.75rem; font-weight: bold; line-height: 1; margin-bottom: 0.5rem; margin-top: 3rem; padding-left: 0rem; padding-top: 1.5rem; text-transform: uppercase; }
#YetiMenu .dropdown.menu .submenu > li { list-style: none; }
.py-copyright .menu > li:not(.menu-text):first-child > a { padding-left: 0; }
#YetiMenu .js-dropdown-active li a { padding-right: 1.5rem; position: relative; display: block; line-height: 1; }
#YetiMenu .dropdown.menu > li.is-dropdown-submenu-parent > a::after { border-color: #666 transparent transparent; }
#YetiMenu .dropdown.menu > li.is-dropdown-submenu-parent.active > a::after { border-color: #fff transparent transparent; }
#YetiMenu .dropdown.menu > li.is-dropdown-submenu-parent.active > a { color: #fff; }
#YetiMenu .dropdown.menu > li.is-dropdown-submenu-parent.active > .first-sub.vertical li.active a { color: #fff; }
.wp-caption, .wp-caption-text { font-weight: normal; font-style: italic; }
.gallery-caption { font-weight: bold; text-transform: uppercase; }
.screen-reader-text, .bypostauthor { font-weight: normal; }
.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }