/**
 * @file
 * Overall specifications for W3CSS Theme.
 */

/* Reset Links. */
*,
*:before,
*:after {
  box-sizing: border-box;
  outline: none;
}

html,
body {
  min-height: 100%;
  overflow-wrap: break-word;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.8;
  font-weight: normal;
  font-style: normal;
}

img,
object,
embed,
video {
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  border: none;
  text-align: center;
  max-width: 100%;
  height: auto;
}

a img {
  border: none;
  outline: none;
}

svg:not(:root) {
  overflow: hidden;
}

h1,
h2,
h3 {
  font-weight: 600;
}

h4,
h5,
h6 {
  font-weight: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
li a {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  text-decoration: none;
  color: inherit;
  outline: none;
}

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}

a,
input,
button,
textarea,
a:visited,
input:visited,
button:visited,
textarea:visited,
a:focus-within,
input:focus-within,
button:focus-within,
textarea:focus-within,
a:hover,
input:hover,
button:hover,
textarea:hover,
a:focus,
input:focus,
button:focus,
textarea:focus,
a:active,
input:active,
button:active,
textarea:active {
  border-radius: 0;
  outline: none;
}

input[type=textarea],
input[type=button],
input[type=search],
input[type=textfield] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

.w3-ul li,
nav.action-links li {
  border: none;
  border-width: 0 !important;
}

.main-navigation-inner-v li .w3-button {
  white-space: normal;
}
 /* Webmech mods */
/* Webmech addition of custom font
@font-face {
 font-family: webmech;
 src: url("/sites/pix/webmech.eot") /* EOT file for IE */
}
/*@font-face {
 font-family: webmech;
 src: url("/sites/pix/webmech.ttf") /* TTF file for CSS3 browsers */
}*/

/* General
.main-navigation-wrapper, #footer-menu, #copyright {background-color: #0f9fc9;}
.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:126px !important;}
.field--name-field-sampler {width: auto; clear: right; margin-left:50px;}
.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 {width: 100% !important; padding: 0; background-color: transparent; border: none;}
.frontpage .ftxt {position: absolute; margin-left: 40px; width: 300px; float: left; color: white;}
.frontpage .field--name-body .composerimg {float: left;}
.frontpage .field--name-body .cdimg {float: right; margin-left: 200px;}


/* Album pages 
.field--name-field-cover .field__label {display: none;}
.field--name-field-cover img {
display: block; 
float: left; 
border: 1px solid gray;}
.field--name-field-sampler {display: block; float:left;}
.field--name-field-cover {display: block; float:left;width:280px;}
.field--name-body {
display: block; 
float: left; 
width:400px !important;
border: 1px solid gray;
margin: 0 10px;
padding: 10px;
background-color: white;
color: gray;
border: 1px solid gray;
text-align: justify;}*/