/*================================================== * Website Header * ===============================================*/ 

#masthead .wp-block-image{
	margin-bottom: 0px !important;
}

#masthead .wp-block-image img{
  width: 100% !important;
	min-width: 100% !important;
}

#masthead .full-container{
	padding: 0px !important; 
}

#masthead .full-container{
	max-width: none !important;
}

#masthead{
	padding: 0px;
}

nav {
	padding-left: 35px;
	padding-right: 35px;
}

/*================================================== * Audio * ===============================================*/ 
audio {width:100% !important}

#audioboxlabel span {padding-left:5px;}
#audioboxlabel {postion:relative;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:100%;line-height:30px; color:#9f6e00; background:#ffffff;}
#audiobox {postion:relative; margin:0px; padding:0px; width:100%;}

/*********SLIDER*********/

/* Player background */
.mejs-container.mejs-container,
.mejs-container .mejs-controls,
.mejs-container .mejs-embed,
.mejs-container .mejs-embed body {
  background-color: #cea16d !important;
}

/* Player controls */
/*.mejs-container .mejs-button > button {
  background-image: url("images/mejs-controls-dark.svg");
}*/

.mejs-container .mejs-time {
  color: #ffffff;
}

/* Progress and audio bars */

/* Progress and audio bar background */
.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: #fff;
}

/* Track progress bar background (amount of track fully loaded)
  We prefer to style these with the main accent color of our theme */
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: rgba(215, 152, 11, 0.075);
}

/* Current track progress and active audio volume level bar */
.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #9f6e00;
}

/* Reduce height of the progress and audio bars */
.mejs-container .mejs-time-buffering,
.mejs-container .mejs-time-current,
.mejs-container .mejs-time-float,
.mejs-container .mejs-time-float-corner,
.mejs-container .mejs-time-float-current,
.mejs-container .mejs-time-hovered,
.mejs-container .mejs-time-loaded,
.mejs-container .mejs-time-marker,
.mejs-container .mejs-time-total,
.mejs-container .mejs-horizontal-volume-total,
.mejs-container .mejs-time-handle-content {
  height: 3px;
}

.mejs-container .mejs-time-handle-content {
  top: -6px;
}

.mejs-container .mejs-time-total {
  margin-top: 8px;
}

.mejs-container .mejs-horizontal-volume-total {
  top: 19px;
}




/*================================================== * Social Media * ===============================================*/ 
#ownFacebookbuttons, #ownYoutubebuttons, #facebookbuttons, #Facebooklinkbutton,  #Youtubelinkbutton, #Youtubebutton{display: inline;postion: relative;float: left;margin:0px 2px;}

#ownFacebookbuttons, #ownYoutubebuttons {margin-bottom:3px; margin-top:3px;}

#ownbuttons {display: inline;postion: relative;float: left;margin:2px 2px;}

.buttonFB:hover { background: #8b9dc3; border-width: 0px;}
.buttonFB:hover { background: #8b9dc3; border-width: 0px;}
.buttonFB { background: #3b5998; color: #ffffff; font-family:"Tahoma";  width: 24px; height: 24px; vertical-align: center; text-align: center; line-height: 0px; padding: 0px; border-width: 0px;}

#socialbox {float: right;}


/*================================================== * VideoBoxes * ===============================================*/ 
#SchattenBox{ background: #f5f5f5; border: 1px solid #DDD; box-shadow: 5px 5px 0px rgba(0,0,0, .2); margin-top:2px;margin-left:2px;margin-bottom:0px;margin-right:0px; padding:0px 0px 0px 0px; float:left;max-width: 100%;} 
#SchattenBox p {padding: 1.6em 0;margin:0px;} 
#SchattenBox:hover {
margin-top:0px;margin-left:0px;margin-bottom:2px;margin-right:2px;
box-shadow: 7px 7px 0px rgba(0,0,0, .2);
 -webkit-filter: grayscale(100%); /* For Webkit browsers */ 
/*-webkit-transition: .5s ease-in-out;  For Webkit browsers */ 
-moz-filter: grayscale(100%); /* For Firefox */ 
/*-moz-transition: .5s ease-in-out;  For Firefox */ 
-o-filter: grayscale(100%); 
/*-o-transition: .5s ease-in-out; */
filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,



#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE 6-9 */
}

/*================================================== * CookieAccept * ===============================================*/ 
#cookie-notice .cn-button {
color: white !important;
}

.cn-set-cookie .cn-button .cn-button-custom .button {
color: white;
}