.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}:root {
--brand01: #005ABC;
--brand02: #00448D;
--brand03: #002D5E;
--gray01: #232424;
--gray02: #4F5050;
--gray03: #767676;
--gray04: #A7A7A7;
--gray05: #EEEEEE;
--gray06: #F4F4F4;
--red: #CC0000;
--green: #1E850A;
--white: #FFFFFF;
--black: #000000;   
}
@media (prefers-color-scheme: dark) {	
:root {
--brand01: #338DEF;
--brand02: #66AAF3;
--brand03: #99C6F7;
--brand04: #005ABC; 
--brand05: #00448D; 
--gray01: #F4F4F4;
--gray02: #EEEEEE;
--gray03: #A7A7A7;
--gray04: #767676;
--gray05: #4F5050;
--gray06: #232424;
--red: #EB0000;
--green: #7FC04C;
--white: #FFFFFF;
--black: #000000;
}     
} body {font-size: 17px; line-height: 27px; margin: 0; color: var(--gray01); background: var(--gray06); padding: 0; font-weight: 400; font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto' , Helvetica, Arial, sans-serif;}
html, body {height: 100%; width: 100%}
a {text-decoration: none; color: var(--gray01); transition: background .20s ease-in-out; -moz-transition: background .20s ease-in-out; -webkit-transition: background .20s ease-in-out}
a:hover {color: var(--red)}
h1 {font-weight: normal; margin: 0; padding: 0; font-size: 50px; line-height: 60px; margin-bottom: 10px; font-weight: 500}
h2 {font-weight: normal; margin: 0; padding: 0; font-size: 30px; line-height: 35px; margin-bottom: 15px; font-weight: bold}
h3 {font-weight: normal; margin: 0; padding: 0; font-size: 20px; line-height: 26px; margin-bottom: 5px; font-weight: bold}
h4 {font-weight: normal; margin: 0; padding: 0; font-size: 20px; line-height: 26px; margin-bottom: 5px; font-weight: 500}
.small {font-size: 16px; line-height: 25px}
.tiny {font-size: 13px; line-height: 18px}
.wrapper {width: 100%; margin: auto; max-width: 1366px}
.main {width: 100%; float: left; box-sizing: border-box; padding: 0 60px; background: var(--white); padding-bottom: 20px; background: none}
.mobile {display: none}
blockquote {border-left: 3px solid var(--brand01); box-sizing: border-box; padding: 5px; padding-left: 20px; line-height: 30px; font-style: italic; margin: 0}
blockquote p {margin: 0}
figure {margin: 0}
figure img {width: 100%; height: auto}
.promo img {width: 100%; margin-bottom: 20px; border-radius: 4px}
.promomobile {display: none}
.promomobile img {width: 100%; margin-bottom: 20px; border-radius: 4px}
.songoftheweek img {width: 100%; margin-bottom: 20px; border-radius: 4px}
.songoftheweek-mobile {display: none}
.songoftheweek-mobile img {width: 100%; margin-bottom: 20px; border-radius: 4px}
h2 a, h3 a {color: var(--gray01)}
.grecaptcha-badge {visibility: hidden} .horizontal {width: 100%; float: left}
.horizontal ul {list-style: none; padding: 0; margin: 0; float: left; margin-bottom: 20px; width: 101.5%; display: table}
.horizontal li {vertical-align: top; text-align: center; padding-right: 1.5%; box-sizing: border-box; display: inline-table}
.horizontal img {width: 100%; height: auto}
.horizontal p {margin: 0}
.twoacross li {width: 50%}
.threeacross li {width: 33.3%}
.fouracross li {width: 25%}
.fiveacross li {width: 20%} header {width: 100%; font-size: 26px; text-align: center; padding-bottom: 0; margin-bottom: 10px; float: left; font-size: 20px; background: var(--white); margin-bottom: 40px; padding-bottom: 10px; box-shadow: 0 0.125rem 0.75rem 0 rgba(0,0,0,.08)}
.logo svg {fill: var(--black); width: 550px; margin: auto; margin-bottom: 10px}
header tag {display: none}
header a {color: var(--gray01)}
header a:hover {color: var(--red)}
.social {margin: 20px 0; width: 100%; float: left}
.social span {float: right; font-style: italic; font-weight: bold}
.social ul {list-style: none; padding: 0; margin: 0; margin-left: -20px; float: left}
.social li {margin-left: 20px; float: left; margin-right: 0}
.social li:last-child {margin-right: 0}
.social svg {height: 20px; float: left; fill: var(--black)}
.social-fb svg:hover {fill: #1877F2}
.social-twit svg:hover {fill: #1da1f2}
.social-insta svg:hover {fill: #b900b4}
.search svg:hover {fill: var(--red)}
.social-text {float: left; margin-right: 10px; display: none}
nav {display: table; margin: auto; padding: 10px 0; text-transform: uppercase; font-size: 17px; font-weight: bold}
header ul {list-style: none; padding: 0; margin: 0; display: table-cell}
header li {float: left; margin-right: 39px; margin-right: 50px}
header li:last-child {margin-right: 0}
.fbsotw {margin-top: 15px; float: left; width: 100%}
.fbsotw ul {width: 100%; float: left}
.fbsotw li.fbbox {margin-right: 15px; width: 66.5%}
.fbsotw li:last-child {margin-right: 0}
.facebookbox {background: #122e5c url(//www.mjworld.net/wp-content/themes/mjwn2017/images/facebookbox.jpg) no-repeat; display: block; color: var(--white); width: 100%; background-size: 100%; height: 121px; min-width: 455px; font-size: 47px}
.facebookbox:hover {color: var(--white)}
.facebookbox span {margin-top: 53px; margin-left: 143px; float: left; letter-spacing: -0.5px}
.sotw {width: 31.9%}
.sotw img {width: 100%; height: auto}
.fcimg {width: 100%; height: auto}
.sticky {width: 100%; float: left; border-bottom: 1px solid var(--gray05); border-top: 1px solid var(--gray05); border: none}
.sticky-wrapper {width: 100%}
.is-sticky .sticky {width: 984px; background: var(--white); z-index: 999; border-top: none; left: 0; width: 100%; box-shadow: 0 0.125rem 0.75rem 0 rgba(0,0,0,.08)}
.leaderboard {margin-top: 10px}
.mjwn20 {width: 100%; margin: auto; max-width: 1140px}
mjwn-anniversary {float: left; width: 100%; margin-bottom: -8px}
mjwn-anniversary img {width: 100%; height: auto}
header .main {padding-bottom: 0}
.search {float: left}
.search input {width: 0; border: 0px; transition: width 0.4s ease-in-out; margin-right: 5px; background: none; padding: 10px 0; box-sizing: border-box; font-size: 15px; margin-left: 35px; cursor: pointer; margin-top: -28px; float: left}
.search input:focus {width: 200px; outline: none; border-bottom: 1px solid var(--gray04); margin-right: 30px; cursor: text}
.search label svg {cursor: pointer; margin-right: 0} .page-home .nav-home a {color: var(--red)}
.category-news .nav-news a, .category-featured .nav-news a {color: var(--red)}
.category-videos .nav-videos a {color: var(--red)}
.page-music .nav-music a, .parent-pageid-12724 .nav-music a, .page-template-music-listing .nav-music a,.parent-pageid-13885 .nav-music a{color: var(--red)}
.page-fan-club .nav-fanclub a, .parent-pageid-13494 .nav-fanclub a {color: var(--red)}
.page-pictures .nav-pictures a, .parent-pageid-13548 .nav-pictures a {color: var(--red)}
.page-contact .nav-contact a {color: var(--red)} .home .left {margin-bottom: 40px; padding-left: 0; padding-right: 30px}
.home .left p {margin: 0; margin-bottom: 5px}
.home .left h3 {margin-bottom: 15px; font-size: 26px; line-height: 30px}
.home .left ul {list-style: none; margin: 0; padding: 0}
.home .left li {float: left; width: 100%; margin-bottom: 27px; padding-bottom: 0}
.home .left li:last-child {margin-bottom: 0}
.recentthumb {width: 28%; float: left; margin-bottom: -8px; margin-right: 2%}
.recentthumb img {width: 100%; height: auto}
.recentexcerpt {width: 60%; float: left; line-height: 25px; box-sizing: border-box}
.homemain {float: left; width: 100%}
.around {float: left; width: 100%}
.playme {position: absolute}
.playme img {width: 300px}
#sb_instagram #sbi_load, .sb_instagram_header {display: none}
.instagram {width: 100%; margin-bottom: 40px; box-sizing: border-box; padding: 20px 0; background: var(--white); float: left}
.instagram img {border-radius: 8px}
.instafollow {float: right}
.instatitle {float: left; width: 100%; margin-bottom: 5px}
.instatitle img {width: auto; height: 35px; float: left; margin-right: 10px; border-radius: 500px; border: 1px solid var(--gray04)}
.instafeed {width: 300px}
.instafeed a {margin-bottom: 24px !important}
.carousel-slider-outer.carousel-slider-outer-images.carousel-slider-outer-150105 {float: left; width: 100%}
.home .anniversary {margin-bottom: 10px}
.blockcontent {box-sizing: border-box; padding: 20px; background: var(--white); float: left; width: 100%; font-size: 13px; text-align: center; line-height: 20px; margin-top: -8px}
.trending {float: left; width: 100%; margin-bottom: 20px}
.trending .fouracross li {margin-bottom: 20px} .featured {float: left; margin-bottom: 10px; overflow: hidden; width: 100%; margin-bottom: 40px}
.homestoriesbig {float: left; width: 66.7%; float: none; width: auto; overflow: hidden; height: 561px}
.ui-tabs-panel {float: left; line-height: 24px; width: 100%; height: 563px; background-repeat: no-repeat; background-size: cover; background: center center}
.homestoriesthumbs {width: 320px; float: right; float: left; font-weight: 500}
.homestoriesbig h2 {margin-bottom: 5px; font-weight: bold}
.homestoriesbig p {margin: 0}
.ui-tabs-panel img{width: 100%; height: auto; height: 563px; position: absolute; top: -435px; object-fit: cover; left: 0; z-index: -1}
.homestoriesthumbs ul {padding: 0; margin: 0; list-style: none}
.homestoriesthumbs li {width: 100%; float: left; border-bottom: 1px dotted var(--gray05); padding: 10px; background: var(--white); box-sizing: border-box; line-height: 20px; font-size: 15px}
.homestoriesthumbs li:last-child {border-bottom: none}
.homestoriesthumbs .tiny {font-weight: normal}
.homestoriesthumbs img {float: left; margin-right: 10px; width: 162px; height: auto}
li.ui-tabs-active {background: var(--brand01); color: #fff; position: relative}
li.ui-tabs-active a {color: #fff}
.homestoriescontent {position: relative; bottom: -435px; z-index: 999}
.homestoriescontent a {color: var(--white)}
.homestoriestext {background: rgba(0,0,0,.7); padding: 20px; box-sizing: border-box; color: var(--white)} .newslist ul {list-style: none; margin: 0; padding: 0}
.newslist p {margin: 0}
.newslist h3 {margin-bottom: 0; font-size: 26px; line-height: 30px}
.newslist li {float: left; width: 100%; margin-bottom: 20px; border-bottom: 1px solid var(--gray05); padding-bottom: 10px}
.newslist li:first-child .newslistthumb {width: 100%; height: auto}
.newslist li:first-child .newslistexcerpt {width: 100%; height: auto}
.newslist .tiny {margin-bottom: 5px}
.newslistthumb {width: 47%; margin-right: 3%; float: left}
.newslistthumb img {width: 100%; height: auto}
.newslistexcerpt {width: 50%; float: left}
.pagination h2 {display: none}
.wp-pagenavi {float: left; width: 100%; text-align: center; margin-bottom: 20px}
.wp-pagenavi .current {background: var(--gray05); border: none; color: var(--gray02); padding: 8px 12px 8px; margin-right: 10px; font-size: 14px; font-weight: normal}
.wp-pagenavi .page {background: var(--white); border: none; font-weight: normal; padding: 8px 12px 8px; margin-right: 10px; font-size: 14px}
.wp-pagenavi .page:hover {border: none; background: var(--gray05); color: var(--gray02); cursor: pointer}
.wp-pagenavi .extend {display: none}
.wp-pagenavi .last {background: var(--white); border: none; font-weight: normal; padding: 8px 12px 8px; margin-right: 10px; font-size: 14px}
.wp-pagenavi .first {background: var(--white); border: none; font-weight: normal; padding: 8px 12px 8px; margin-right: 10px; font-size: 14px}
.wp-pagenavi .nextpostslink {background: var(--white); border: none; font-weight: normal; padding: 8px 12px 5px; margin-right: 10px; font-size: 14px}
.wp-pagenavi .previouspostslink {background: var(--white); border: none; font-weight: normal; padding: 8px 12px 5px; margin-right: 10px; font-size: 14px}
.category-videos .threeacross li {margin-bottom: 30px; font-size: 20px}
.singlevid {padding-right: 0 !important}
.page-pictures .latest, .page-template-music-listing .latest, .page-template-music-album .latest, .page-music .latest {margin-top: 0 !important} .parent-pageid-13885 main, .page-contact main, .page-fan-club main, .single-post main {line-height: 30px; font-size: 18px; background: var(--white); box-sizing: border-box; padding: 20px; float: left; width: 100%; margin-bottom: 30px}
.parent-pageid-13885 main a, .page-contact main a, .page-fan-club main a, .single-post main a {color: var(--brand01); font-weight: bold}
.parent-pageid-13885 main a:hover, .page-contact main a:hover, .page-fan-club main a:hover, .single-post main a:hover {color: var(--red)}
.page main img, .thumbnail img {width: 100%; height: auto}
.page h1, .single-post h1 {text-align: center; font-size: 80px; line-height: 80px; display: block; font-size: 60px; line-height: 60px}
time {text-align: center; color: var(--gray03); text-transform: uppercase; float: left; width: 100%}
.left {width: auto; overflow: hidden; padding-right: 30px}
.mashsb-container {max-width: 500px; float: none; width: auto; display: block}
iframe {width: 100%}
.embed-youtube,.embed-vimeo {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0}
.embed-youtube iframe,.embed-vimeo iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.single-post div.wp_rp_footer a.wp_rp_edit {display: none}
.wp_rp_title {font-size: 20px; line-height: 26px; font-weight: 500}
.category-videos .twoacross li {margin-bottom: 30px; font-size: 20px}
ul.related_post li img {margin-bottom: 5px}
ul.related_post a {color: var(--gray01); font-weight: normal}
.wp_rp_footer {display: none}
.single-post .thumbnail {padding: 10px 0; width: 100%}
.mashsb-count {text-align: center; color: var(--green)}
.wp-caption-text {font-size: 12px; line-height: 18px; color: var(--gray03)}
.single-post main img {clear: both; display: block; margin-left: auto; margin-right: auto; height: auto; max-width: 100%}
.category-videos main {line-height: 40px; font-size: 28px; text-align: center; margin-bottom: 40px; border-bottom: 1px solid var(--gray05); margin-top: 30px}
.category-videos main p {margin-top: 0}
.left main figure {width: 100% !important}
.wp-polls {background: var(--gray05); padding: 20px; box-sizing: border-box}
.wp-polls .Buttons {width: 130px; background: var(--brand01); color: var(--white); border: none; padding: 10px; text-transform: uppercase; cursor: pointer; box-sizing: border-box; padding: 10px 0; font-size: 17px; font-weight: bold; -webkit-appearance: none}
.wp-polls .Buttons:hover {background: var(--red)}
.wp-polls li {margin-bottom: 10px}
.wp-polls .pollbar {border: none; background: var(--brand01); height: 16px}
.latest {float: left; width: 100%; margin-bottom: 30px}
.category-news .latest, .page .latest {margin-top: 0}
.latest ul {list-style: none; margin: 0; padding: 0}
.latest p {margin: 0}
.latest a {height: 100%; background-size: cover; background-position: center top; display: table; width: 100%; transition:all 0.4s; -webkit-transition:all 0.4s ; -o-transition:all 0.4s ; -moz-transition:all 0.4s}
.latest a:hover {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.latest a:hover h3 {text-decoration: underline; color: var(--white)}
.latest h2 {margin-bottom: 10px}
.latestcontent {display: table-cell; vertical-align: bottom; padding: 10px; box-sizing: border-box; padding-left: 0; padding-bottom: 0; background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 75%)}
.latestexcerpt {color: var(--white); font-size: 17px; line-height: 23px; box-sizing: border-box; padding: 20px; margin-bottom: 10px; padding-top: 0; padding-bottom: 0}
.latestmeta {color: var(--white); font-size: 12px; line-height: 15px; box-sizing: border-box; padding-left: 20px; margin-bottom: 10px}
.blockone {width: 50%; float: left; margin-right: 2px}
.blockone li {width: 100%; height: 300px}
.blockone h3 {color: var(--white); font-size: 25px; line-height: 25px; padding: 20px; box-sizing: border-box; margin: 0; padding-bottom: 0; margin-bottom: 5px}
.blocktwo {width: calc(50% - 2px); float: left}
.blocktwo li {width: calc(50% - 2px); float: left; height: 149px; margin-right: 2px; margin-bottom: 2px}
.blocktwo h3 {color: var(--white); font-size: 17px; line-height: 20px; box-sizing: border-box; padding: 10px; margin: 0; padding-bottom: 2px}
.blocktwo .latestmeta {padding-left: 10px}
.blocktwo .latestcontent {background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 60%)}
.home .latest, .archive .latest, .page-anniversary .latest {display: none}
.share {width: 100%; float: left; font-size: 13px; font-weight: bold; border-top: 1px solid var(--gray05); padding-top: 10px}
.social-share {width: 44px; height: 44px; text-align: center; float: left; margin-right: 12px}
.social-share img {transition: transform .2s;}
.social-share img:hover {transform: scale(1.1)} .allalbums ul {margin-top: 20px}
.allalbums li {margin-bottom: 20px; text-align: center; margin-bottom: 15px}
.allalbums img {box-sizing: border-box; box-shadow: 4px 4px 6px -2px rgba(0, 0, 0, 0.3)}
.page-template-music-album .left img {box-sizing: border-box; box-shadow: 4px 4px 6px -2px rgba(0, 0, 0, 0.3)}
.allalbums h3 {font-size: 17px; line-height: 20px}
.page-template-music-listing .left, .page-template-music-album .left {width: 330px; float: left; padding: 0; box-sizing: border-box; padding: 15px; background: var(--white)}
.page-template-music-listing .left img, .page-template-music-album .left img {width: 100%; height: auto}
.page-template-music-listing main, .page-template-music-album main {margin-left: 360px}
.page-template-music-listing .tiled-gallery {clear: inherit}
.page-template-music-listing h1, .page-template-music-album h1 {text-align: center; font-size: 80px; line-height: 80px; display: block; margin-bottom: 30px}
.glance ul {list-style: none; padding: 0; margin: 0}
.glance li {border-bottom: 1px solid var(--gray05); padding: 10px 0}
.page-template-music-listing .glance {margin-bottom: 30px}
.tracklisting li {font-size: 15px; line-height: 20px; margin-bottom: 20px}
.tracklisting img {box-sizing: border-box; box-shadow: 4px 4px 6px -2px rgba(0, 0, 0, 0.3)}
.page-template-music-listing .allalbums p, .page-template-music-album .allalbums p {display: none}
.page-template-music-listing .allalbums h3, .page-template-music-album .allalbums h3 {font-size: 17px; line-height: 25px}
.page-template-music-listing .allalbums ul, .page-template-music-album .allalbums ul {margin-top: 0}
.page-template-music-listing main .collapseomatic {background: none; color: var(--brand01); font-weight: 500; padding: 0}
.page-template-music-listing main .collapseomatic_content {padding: 0; margin: 0}
.page-template-music-listing .allalbums {margin-top: 20px}
.albumlisting a {display: block; width: 100%}
.tours p {-webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px;}
.tours li {margin-bottom: 20px}
.albumlisting ul {list-style: none; padding: 0; margin: 0}
.albumlisting a {padding: 10px 0; border-bottom: 1px solid var(--gray05)}
.glance li:last-child, .albumlisting li:last-child a {border-bottom: none; padding-bottom: 0}
.musicmpu {margin-top: 20px} .page-pictures .fouracross li {margin-bottom: 20px}
.parent-pageid-13548 .thumbnail {display: none}  .wpcf7 input, .wpcf7 textarea {padding: 10px; border: 1px solid var(--gray04); margin-top: 5px; box-sizing: border-box; width: 70%; font-size: 17px; -webkit-appearance: none; border-radius: 4px}
.wpcf7 .wpcf7-submit {width: auto; background: var(--brand01); color: var(--white); border: none; text-transform: uppercase; cursor: pointer; box-sizing: border-box; padding: 15px 40px; border-radius: 8px}
.wpcf7 .wpcf7-submit:hover {background: var(--red)}
.compupload {margin-bottom: 30px; background: var(--gray05); padding: 5px 20px; box-sizing: border-box; border: 1px solid var(--gray04)}
.compupload textarea, .compupload input {padding: 10px; border: 1px solid var(--gray05); margin-top: 5px; box-sizing: border-box; width: 50%; font-size: 17px; -webkit-appearance: none; border-radius: 3px}
.compupload .wpcf7-submit {width: 200px; background: var(--brand01); color: var(--white); border: none; padding: 10px; text-transform: uppercase; cursor: pointer; box-sizing: border-box; padding: 15px 0; margin-top: 10px}
.compupload .drawing input {border: none}
.compupload .wpcf7-submit:hover {background: var(--red)}
.compupload input[type='radio'] {border: none; background: var(--gray04); width: auto; border-radius: 100px; margin-top: 4px; float: left}
.compupload input[type='radio']:checked {background: var(--brand01)}
.compupload .wpcf7-list-item-label {margin-left: 10px}
.compupload span.wpcf7-list-item {margin: 0; width: 100%; margin-bottom: 15px} .anniversarybox {background: var(--black); padding: 20px; color: var(--white); float: left; width: 100%; box-sizing: border-box; margin-top: -10px; margin-bottom: 20px}
.anniversary ul {list-style: none; padding: 0; margin: 0}
.anniversary li {width: 49%; float: left; margin-right: 2%}
.anniversary li:last-child {margin-right: 0}
.anniversary a {color: var(--white)}
.anniversary span {color: var(--red)}
.anniversary img {width: 100%; height: auto}
.page-anniversary .mainimg img {width: 100%; height: auto}
.page-celebrity-tributes .tribute img {width: 100px; height: auto; float: left; margin-right: 10px; border-radius: 100px}
.tribute {width: 100%; float: left; border-bottom: 1px solid var(--gray05); padding-bottom: 20px; margin-bottom: 20px}
.tribute h4 {margin: 0}
.tribute p {margin: 0} aside {float: right; max-width: 300px}
.home aside {float: right}
aside p {margin: 0}
aside ul {list-style: none; margin: 0; padding: 0}
aside li {float: left; width: 100%; margin-bottom: 25px; background: var(--white)}
aside img {width: 100%; height: auto}
.topmpu {margin-bottom: 20px}
aside h3 {text-align: center; padding: 5px 10px; font-size: 15px; line-height: 20px; color: var(--gray01)} footer {width: 100%; float: left; padding: 20px; box-sizing: border-box; background: var(--gray05)}
footer .main {background: none}
footer a {color: var(--gray01)}
.copyright {float: left; width: 100%; padding-top: 20px; margin-top: 10px; border-top: 1px solid var(--gray05); line-height: 20px}
.copyright img {float: left; margin-right: 20px; width: 75px; height: auto}
.benotalways {font-family: Georgia, serif; float: right; font-size: 16px; font-style: italic; margin-top: 15px; color: var(--gray02); line-height: 20px; padding-left: 30px; position: relative; top: -5px}
.wpp-views {display: none}
footer .fiveacross {line-height: 20px}
footer .fiveacross ul {margin-bottom: 0}
.splat {float: left; margin-right: 20px}
.splat svg {fill: var(--brand01); width: 75px}
footer .fouracross h3 {box-sizing: border-box; padding: 0 20px; padding-bottom: 0}
footer .fouracross li {text-align: center} .pagenotfound {background: URL("/wp-content/uploads/404.jpg") no-repeat fixed; background-size: cover; background-position: center center}
.table {display: table; margin: 0; padding: 0; height: 100%; width: 100%}
.table-cell {display: table-cell; margin: 0; padding: 0; text-align: center; vertical-align: middle}
.losttext {background: rgba(255, 255, 255, 0.75); font-size: 50px; line-height: 60px; padding: 15px 30px; box-sizing: border-box; border-radius: 5px; margin: auto; min-width: 300px; max-width: 700px}
.losttext .small {margin-top: 10px}
.losttext a {font-weight: 500}
@media (prefers-color-scheme: dark) {
body {background: #1C1C1E}
.logo svg {fill: var(--white);}
.splat svg {fill: var(--white)}
.featured, .blockcontent, aside li {background: var(--black)}
.social svg {fill: var(--white)}
header .collapseomatic {background-image: url(//www.mjworld.net/wp-content/themes/mjwn2017/images/search-dark.svg)}
header {background: var(--black)}
.homestories li {background: var(--black); border-bottom: 1px dotted var(--gray05)}
.homestories li a {color: var(--brand03)}
li.ui-tabs-active a {color: var(--gray01)}
li.ui-tabs-active {color: var(--gray01); background: var(--brand05)}
li.ui-tabs-active:after {border-right-color: var(--brand05)}
footer {background: var(--gray06)}
.wp-pagenavi .page, .wp-pagenavi .last, .wp-pagenavi .nextpostslink {background: var(--black)}
.wp-pagenavi a {color: var(--brand01)}
.is-sticky .sticky {background: var(--black)}
.single-post main {background: var(--black)}
.search input {background: url(//www.mjworld.net/wp-content/themes/mjwn2017/images/search-single-white.svg); color: var(--white); background-size: 20px; background-repeat: no-repeat; background-position: left center; }
.horizontal a {color: var(--white)}
.homestoriesthumbs li {background: var(--black); border-bottom: 1px dotted var(--gray05)}
.homestoriesthumbs a {color: var(--white)}
li.ui-tabs-active {background: var(--brand05);}
.instagram {background: var(--black); box-shadow: none}
.page-template-music-listing .left, .page-template-music-album .left, .page-contact main, .page-fan-club main, .single-post main {background: var(--black)}
}
}