/* Webmech mods */


/* General */
.main-navigation-wrapper, #footer-menu, #copyright, .mobile-nav {background-color: #0f9fc9 !important;}
.ul-parent-main .active a {color: yellow !important;}
.w3-button:hover {background-color: transparent !important;}
/*h1, p, .block {font-family: webmech;}*/
.node__content {background: url('/sites/pix/magusback.jpg') no-repeat center #fff !important;} /* padding-left:40px !important;}
.field--name-field-sampler {width: auto; clear: right; margin-left:40px;}
.field--name-field-sampler .field__label {display: none;}
.field--name-body {margin-left: 30px;}*/

/* Jplayermods
.jp-play {width: 31px !important;}
.jp-controls-holder {width: 100% !important;}
.jp-volume-controls {left: 10px !important;}
.jp-controls {width: 222px !important; margin-left: 116px !important;}
.jp-previous, .jp-next {width: 20px !important;}
.jp-toggles button {width: 9px !important;}
.jp-volume-max {width: 3px !important;}
.jp-stop {width: 20px !important;}
.jp-video {width: 380px; !important}


/* Front */
.frontpage .field--name-body {padding: 0; background-color: transparent; border: none; margin-left: 15%;}
.frontpage .ftxt {position: absolute; margin-left: 40px; width: 40%; float: left; color: white;}
.frontpage .field--name-body .composerimg {float: left;}
.frontpage .field--name-field-cdimg {float: left; margin-top: 60px; /*margin-left: -15%;*/}



/* Album pages 
.field--name-field-cover .field__label {display: none !important;}
.field--name-field-cover img {
display: block; 
float: left;
 }*/
.field--name-field-sampler {margin-top: 15px;}
.jp-toggles {display: none;}
.field--name-field-sampler .field__label, .field--name-field-cover .field__label {display: none !important;}
.field--name-field-cover { float: right; margin-top: 15px; margin-right: 10%;}
.field--name-body {
display: block; 
float: left; 
border: 1px solid gray;
padding: 10px;
background-color: white;
color: gray;
text-align: justify;
margin-top: 15px;
margin-bottom: 10%;
margin-right:1%;
}
.field--name-body {vertical-align: middle; width:100%; max-width: 78%;}

.jp-video-270p .field--name-field-cover {width:auto; margin: 0;}

@media screen and (max-width: 500px) {
    .frontpage .field--name-body {margin-left: 0 !important;}
    /* jplayer */
    .jp-video video, .jp-audio, .jp-controls-holder {
        width: 100% !important;
    }

   .jp-video, .jp-video > div, .jp-video img {
       height: auto !important;
       width: 394px !mportant;
       /*width: 100% !important;*/
   }

   .jp-video-360p {
       max-width: 570px !important;
   }

   .jp-video-270p {
       max-width: 74% !important;
   }

   .jp-progress {
       width: 130px;
   }
}