/* Small fixes around the original Multimedia theme, keeping its 960px grid and artwork. */
html{scrollbar-gutter:stable}
body{background:#fff;min-width:0;min-height:100vh;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif}
h1,h2,h3,h4,h5,h6,.menu a,.page,.nextpostslink,.previouspostslink,.current,.splitter ul li a{font-family:Arial,Helvetica,sans-serif}
.site-head{flex:0 0 auto}
.home-page,.inner-page{flex:0 0 auto}
#top-back,#top-back-two{width:100vw;left:50%;transform:translateX(-50%);background-color:#ccc;background-position:center center;background-repeat:repeat-x}
#top-back{margin-top:0}
.header-bar{height:59px;position:relative;z-index:2}
.site-head,#top{background-color:#202020}
.logo{height:58px;overflow:hidden}
.logo img{display:block;width:150px;height:58px;object-fit:contain}
#topmenu{height:59px}
#topmenu a{font-family:'Crushed',cursive}
#topmenu li{min-width:80px;height:59px;margin:0}
#topmenu a{height:59px;padding:0 1em;line-height:59px;color:#aaa;font-size:16px;border-left:1px solid #292929;font-family:Arial,Helvetica,sans-serif}
#topmenu a:hover{color:#fff;background:rgba(255,255,255,.04)}
.home-page,.inner-page{position:relative;overflow:visible}
.top-message h1{margin:0;text-transform:uppercase;line-height:1.18;font-family:Arial,Helvetica,sans-serif}
.container_16 .top-message{margin:43px 0 18px 10px}
.home-page .top-message{width:max-content;max-width:calc(100vw - 40px)}
.inner-page .top-message{width:max-content;max-width:calc(100vw - 40px)}
.inner-page .top-message h1{font-size:22px;padding:8px 10px 4px}
.home-slider{position:relative;height:365px;margin-top:0;z-index:1}
#slider-ribbon{position:absolute;background:url("multidesign/image/theme/ribbon.png") no-repeat;width:157px;height:128px;right:0;top:-6px;z-index:3}
#slide-backs{position:absolute;background:url("multidesign/image/theme/slide-backs.png") no-repeat;width:941px;height:365px;left:0;top:0;z-index:-1}
.slides_container{width:919px;height:326px;overflow:hidden;position:relative;margin:0 auto;padding:11px 10px 10px 11px}
.slide{display:none;position:absolute;inset:11px 10px 10px 11px}
.slide.active{display:block}
.slide img{display:block;width:919px;height:326px;object-fit:fill}
.slide-dots{position:absolute;left:20px;bottom:18px;display:flex;gap:3px;z-index:5}
.slide-dots button{width:12px;height:12px;border:0;padding:0;background:url("multidesign/image/theme/pagination.png") 0 0 no-repeat;cursor:pointer}
.slide-dots button.selected{background-position:0 -12px}
.home-dot{margin:0 0 88px}
.home-cards{clear:both;display:flex;align-items:flex-start;width:740px;margin:0 0 0 0}
.home-cards .mini-advert{box-sizing:border-box;float:none;flex:0 0 240px;margin:0;padding:0 10px;min-height:180px}
.home-cards .card-image{display:block;width:220px;height:110px;overflow:hidden}
.home-cards .card-image img{display:block;width:220px;height:110px}
.home-cards h2{margin:16px 0 14px;font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:600;line-height:1.1;text-transform:uppercase}
.home-cards h2 a{color:#262626}
.home-cards p{margin:0 0 10px;text-align:justify;line-height:19px}
.accent-pink{color:#ef3b85}.accent-blue{color:#2b9cac}.accent-orange{color:#ef9c2d}
.inner-page{min-height:475px}
.inner-page #top-back-two{margin-top:0}
.inner-page .top-message{margin-bottom:18px}
.inner-page .blog-page{clear:both;margin-top:50px}
.blog-page h1{font-size:18px;color:#262626;margin-bottom:0}
.blog-page-space{border-bottom:1px solid #eee4ba;text-transform:none;margin:-14px 0 -2px 1px;padding-bottom:14px;height:0}
.lessons-page .blog-page-space{padding-bottom:24px}
.bands-page .blog-page-space{padding-bottom:27px}
.contact-page .blog-page-space{padding-bottom:34px}
.contact-page .blog-page-space{border-color:#ccc}
.lesson-copy,.band-copy,.contact-copy{margin-top:0;padding-top:10px;color:#888}
.inner-page .lesson-copy,.inner-page .band-copy,.inner-page .contact-copy{box-sizing:border-box;width:640px;max-width:calc(100% - 20px)}
.lesson-copy p,.band-copy p,.contact-copy p{line-height:19px;margin:0 0 16px}
.lesson-copy a,.band-copy a,.contact-copy a{color:#43aaad}
.lesson-items{clear:both;display:grid;grid-template-columns:460px 460px;grid-template-rows:auto auto;column-gap:0;row-gap:18px;padding-top:26px}
.lesson-item{display:flex;align-items:flex-start;gap:18px;padding-left:4px;min-height:80px}
.lesson-item>img{width:62px;height:63px;object-fit:contain;flex:0 0 62px}
.lesson-item h2{font:700 13px Arial,sans-serif;color:#49abad;margin:0 0 2px;text-transform:none}
.lesson-item h2 a{color:#49abad}
.lesson-item p{font-size:12px;line-height:19px;color:#888;margin:0}
.lesson-item:nth-child(2){padding-left:14px}
.lesson-item:nth-child(4){padding-left:14px}
.band-copy{padding-top:0}
.tracks{clear:both;display:flex;gap:20px;padding:0 10px 35px}
.track{height:60px;width:300px;box-sizing:border-box;display:flex;flex-direction:column;position:relative;padding:8px 10px;border:1px solid #e5e5e5;background:#fff;color:#777;text-decoration:none}
.track strong{font-size:14px;font-weight:400;text-transform:uppercase;color:#555}
.track span{font-size:12px;color:#888}
.track i{position:absolute;right:12px;top:19px;border:1px solid #ddd;border-radius:3px;background:#f4f4f4;padding:4px 5px;color:#777;font-size:10px;font-style:normal}
.track:hover{background:#fff;border-color:#ccc}
.soundcloud-modal{display:none;position:fixed;z-index:1002;left:50%;top:50%;transform:translate(-50%,-50%);width:315px;height:210px;background:#fff;border-top:3px solid #ee6d35;box-shadow:0 1px 8px #111;padding:12px;box-sizing:border-box}
.soundcloud-modal.open{display:block}
.soundcloud-modal iframe{width:100%;height:180px;border:0}
.soundcloud-close{position:absolute;right:-11px;top:-13px;display:flex;align-items:center;justify-content:center;width:23px;height:23px;padding:0;border:3px solid #151515;border-radius:50%;background:#fff;color:#111;font-size:17px;line-height:1;font-weight:bold;cursor:pointer;z-index:2}
.soundcloud-shade{display:none;position:fixed;inset:0;background:rgba(0,0,0,.84);z-index:1001}
.soundcloud-shade.open{display:block}
#footer-back{position:relative;float:none;flex:0 0 74px;width:100%;height:74px;background:url("multidesign/image/theme/footer-back.png") repeat-x top left;margin:auto 0 0;z-index:-1}
.site-footer{flex:0 0 auto}
.site-footer #footer-register{margin:-54px 0 0 1px}
.site-footer #footer-register p{font-size:11px;color:#888;margin:0}
@media(max-width:979px){
  .container_16{width:100%;max-width:960px}
  .container_16 .grid_16{box-sizing:border-box;width:calc(100% - 20px);margin-left:10px;margin-right:10px}
  .container_16 .grid_11{box-sizing:border-box;width:calc(100% - 20px);margin-left:10px;margin-right:10px}
  .container_16 .grid_5{display:none}
  .top-message{margin:43px 10px 18px}
  .inner-page .top-message{width:calc(100% - 20px);max-width:none}
  .home-slider{height:auto;aspect-ratio:941 / 365}
  .slides_container{box-sizing:border-box;width:100%;height:100%;padding:1.2%}
  .slide{inset:1.2%}
  .slide img{width:100%;height:100%;object-fit:cover}
  #slide-backs{width:100%;height:100%;background-size:100% 100%}
  .home-cards{width:100%;}
  .home-cards .mini-advert{flex:1 1 0;min-width:0}
  .home-cards .card-image,.home-cards .card-image img{width:100%;height:auto;aspect-ratio:2 / 1;object-fit:cover}
  .lesson-items{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .home-cards{flex-direction:column;width:100%}
  .home-cards .mini-advert{width:100%;flex-basis:auto;margin-bottom:24px}
  .lesson-items{grid-template-columns:1fr}
  .tracks{flex-direction:column}
  .track{width:100%}
}