/*
Theme Name:		Ken Child Theme
Theme URI:		http://themeforest.net/user/artbees
Description:	Child theme for the Ken theme 
Author:			Your name here
Theme URI:		http://themeforest.net/user/artbees
Template:		ken
Version:		3.1
*/


/************ GENERAL ************/


body {
font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased !important;
font-family: light;
}

@font-face {
	font-family:'light';
	src: url('fonts/GillSansMTPro-Light_gdi.eot');
	src: url('fonts/GillSansMTPro-Light_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/GillSansMTPro-Light_gdi.woff') format('woff'),
		url('fonts/GillSansMTPro-Light_gdi.ttf') format('truetype'),
		url('fonts/GillSansMTPro-Light_gdi.otf') format('opentype'),
		url('fonts/GillSansMTPro-Light_gdi.svg#GillSansMTPro-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'bold';
	src: url('fonts/GillSansMTPro-Bold_gdi.eot');
	src: url('fonts/GillSansMTPro-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/GillSansMTPro-Bold_gdi.woff') format('woff'),
		url('fonts/GillSansMTPro-Bold_gdi.ttf') format('truetype'),
		url('fonts/GillSansMTPro-Bold_gdi.otf') format('opentype'),
		url('fonts/GillSansMTPro-Bold_gdi.svg#GillSansMTPro-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

p, h1, h2, h3, h4, h5  {
font-family: light !important;
}

h1, h2, h3, h4, h5  {
margin: 0 auto;
}



h1 {
font-size: 5em;
letter-spacing: 0.4em;
text-align: center;
text-transform: uppercase;
padding-bottom: 100px;
}

h1.photos {
padding-bottom: 50px;
padding-top: 100px;
}


.extrapadding {
padding-bottom: 250px;
}

.bold {
font-family: bold !important;
}

.text-center {text-align: center !important}

a:hover {
cursor: pointer !important;
    -webkit-transition: all 0.2s ease  !important;
    -moz-transition: all 0.2s ease  !important;
    -o-transition: all 0.2s ease !important;
    transition: background-color all 0.2s ease !important;
}

a.mailinglist i {
display: inline-block;
width: 26px;
height: 19px !important;
background: url('images/mailinglist-icon-white.png');
background-repeat: no-repeat;
background-size: 100%;
}


p.dots {
background: url('images/dot.png');
background-repeat: repeat-x;
padding-top: 20px;
max-width: 600px;
margin: 0 auto;
}

.mk-light-logo, .mk-light-logo img {display: none !important}

.add-corner-margin #mk-header:not(.header-structure-vertical).header-offset-passed {background: rgba(0,0,0,0.9) !important;font-family: 'light', 'Helvetica', 'Arial Narrow', Arial, sans-serif !important;letter-spacing: 0.2em !important}

.add-corner-margin #mk-header:not(.header-structure-vertical).sticky-trigger-header {top: 8px !important; height: 50px;}

#mk-main-navigation > ul > li.menu-item > a, a.menu-item-link, .transparent-header.light-header-skin .dashboard-trigger, .transparent-header.light-header-skin .dashboard-trigger:hover, .transparent-header.light-header-skin .res-nav-active, .transparent-header.light-header-skin #mk-main-navigation > ul > li.menu-item > a, .transparent-header.light-header-skin #mk-main-navigation > ul > li.current-menu-item > a, .transparent-header.light-header-skin #mk-main-navigation > ul > li.current-menu-ancestor > a, .transparent-header.light-header-skin #mk-main-navigation > ul > li.menu-item:hover > a, .transparent-header.light-header-skin #mk-main-navigation > ul > li.menu-item > a:hover, .transparent-header.light-header-skin .res-nav-active:hover, .transparent-header.light-header-skin .header-searchform-input input[type=text], .transparent-header.light-header-skin .header-search-icon, .transparent-header.light-header-skin .header-search-close, .transparent-header.light-header-skin .header-search-icon:hover, .transparent-header.light-header-skin .mk-cart-link, .transparent-header.light-header-skin .mk-responsive-cart-link, .transparent-header.light-header-skin .mk-header-social a, .transparent-header.light-header-skin .mk-header-wpml-ls a, .transparent-header.dark-header-skin .dashboard-trigger, .transparent-header.dark-header-skin .dashboard-trigger:hover, .transparent-header.dark-header-skin .res-nav-active, .transparent-header.dark-header-skin #mk-main-navigation > ul > li.menu-item > a, .transparent-header.dark-header-skin #mk-main-navigation > ul > li.current-menu-item > a, .transparent-header.dark-header-skin #mk-main-navigation > ul > li.current-menu-ancestor > a, .transparent-header.dark-header-skin #mk-main-navigation > ul > li.menu-item:hover > a, .transparent-header.dark-header-skin #mk-main-navigation > ul > li.menu-item > a:hover, .transparent-header.dark-header-skin .res-nav-active:hover, .transparent-header.dark-header-skin .header-searchform-input input[type=text], .transparent-header.dark-header-skin .header-search-icon, .transparent-header.dark-header-skin .header-search-close, .transparent-header.dark-header-skin .header-search-icon:hover, .transparent-header.dark-header-skin .mk-cart-link, .transparent-header.dark-header-skin .mk-responsive-cart-link, .transparent-header.dark-header-skin .mk-header-social a, .transparent-header.dark-header-skin .mk-header-wpml-ls a {
font-family: 'light', 'Helvetica', 'Arial Narrow', Arial, sans-serif !important;letter-spacing: 0.1em !important;font-size: 13px !important;
}

#mk-header:not(.light-header-skin) {background-color: rgba(0,0,0,0.9) !important;}

.header-structure-margin #mk-main-navigation>ul>li.menu-item {
margin-top: -43px;
}

.header-offset-passed #mk-main-navigation>ul>li.menu-item {
margin-top: -20px;
}

.fb-like {margin-left: 20px; line-height: 21px; overflow: hidden !important; margin-bottom: -6px !important}
._56zz, #u_0_6, ._56-2, ._5op1, ._4xn5, ._4xn6, ._4xn4, ._4xn8, ._56zz div, ._56zz form {display: none !important}

#mk-header.full-header #mk-main-navigation {
  padding: 3px 45px;
}

.soundicontop {display: block; position: absolute;top: 38px; left: 90px;font-size: 25px;z-index: 9998}
.soundicontop a {color: #fbfbfb !important}
.header-offset-passed .soundicontop {top: 17px; left: 100px;}
.header-offset-passed .mk-header-logo {margin-left: 20px;}

.nomargin {margin: 0 auto !important;}

#top {padding-bottom: 40px;}

#top p a {
font-family: 'light', 'Helvetica', 'Arial Narrow', Arial, sans-serif !important;letter-spacing: 0.3em !important;font-size: 0.9em !important;
}

.mk-left-corner, .mk-right-corner, .mk-top-corner, .mk-bottom-corner{
display: none !important;
}

.add-corner-margin{
margin: 0 !important;
}

.add-corner-margin #mk-header.sticky-header, .add-corner-margin #mk-header.transparent-header-sticky {
left: 0 !important;
right: 0 !important;
}

.add-corner-margin #mk-header:not(.header-structure-vertical).sticky-trigger-header {
width: 100% !important;
top: 0 !important;
}

.header-offset-passed .mk-burger-icon {
margin-top: 2px !important;
}


/************ TOP SECTION ************/


div.spoonlogo img {
max-width: 70% !important;
}

.arrow.down {
  left: 50%;
  bottom: 40px;
  -webkit-transform: translateX(-16px);
  -ms-transform: translateX(-23px);
  -moz-transform: translateX(-23px);
  -o-transform: translateX(-23px);
  transform: translateX(-16px);
  display: inline;
}

.arrow {
  position: absolute;
  display: block;
  padding: 10px;
  cursor: pointer;
  font-size: 25px;
  color: #fff;
  z-index: 9999 !important;
}

#arrowsection {
margin-top: -200px;
}


/************ ALBUM SECTION ************/


#album  {
height: auto !important;
background: url('http://www.spoontheband.com/spoon/wp-content/uploads/2019/06/SPOON_GUITAR_GUN_TEE_960.jpg');
background-repeat: no-repeat !important;
background-position: top center !important;
background-size: cover !important;
}

.album-content {
display: block;
margin: 0 auto;
margin-top: 48%;
position: relative;
text-align: center;
min-height: 100px !important;
}

.album-line1 {
padding-top: 100px;
}

.album-line2 {
padding-bottom: 300px;
}

#album img.twmswriting {/*width: 550px !important;*/height: 93px !important;}


#album p {
line-height: 1.2em;
vertical-align: middle;
text-transform: uppercase;
letter-spacing: 0px;
font-family: light !important;
font-size: 1.1em;
color: #4475aa;
}


#album a {
font-size: 1.5em;
font-family: light;
color: #e92924 !important;
}


#album .smaller {
font-size: 1.2em;
font-family: light;
color: #fff;
padding-top: 20px;
}

#album .smaller a {
  /* FOR EVENING OUT THE BLOCKS */
  display: inline-block;
  min-width: 70px;

font-size: 0.9em;
font-family: light !important;
color: #e92924 !important;
padding: 10px 15px;
background: rgba(255,255,255,0.8);
    -webkit-transition: all 0.2s ease  !important;
    -moz-transition: all 0.2s ease  !important;
    -o-transition: all 0.2s ease !important;
    transition: background-color all 0.2s ease !important;
}

#album .smaller a:hover {
background: rgba(255,255,255,1);
}

#album a.hiddenlink {
font-size: 0px;
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
}

#album .shortline {
width: 50px;
margin: 0 auto;
border-top: 3px solid rgba(255,255,255,0.5);
padding-top: 15px;
}

#album span.separator {
font-size: 3em;
color: #e92924;
opacity: 0.3;
padding: 30px;
vertical-align: middle;
pointer-events: none;
}

#album span.separator2 {
font-size: 2em;
font-family: light;
color: #fff;
opacity: 0.0;
padding: 10px;
vertical-align: middle;
pointer-events: none;
}

.zeroopacity {opacity: 0 !important}

.mk-button {
letter-spacing: 0.1em;
}

.mk-button:hover a {
color: #4475aa !important;
}

.white, .white a {
color: #fff !important;
}

#album .white span.separator {
color: fff !important;
pointer-events: none;
}

.lyrics-container {
width: 60%;
margin: 0 auto;
}

.lyrics-content {
  margin-left: -20px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 60px;
  background: rgba(255,255,255,0.9);
  color: #222;
  text-transform: none;
  font-size: 14px;
  line-height: 1.6em;
  font-family: bold;
  text-align: left;
  -webkit-font-smoothing: subpixel-antialiased !important;
}

.lyrics-content p {
color: #222;
font-family: light !important
}



/************ TOUR SECTION ************/


#tour  {
height: auto !important;
/*min-height: 800px !important;*/
min-height: 1356px !important;
<!--/* SWITCH TO THIS WHEN THERE'S 20 TOUR DATES OR MORE background: url('images/tour-bg-1750.jpg') top center no-repeat, url('images/tour-bg-bottom-1750.jpg') bottom center no-repeat !important; */
/* background: url('images/tour-bg-1750.jpg') top center no-repeat; */
background: url('/spoon/wp-content/uploads/2019/02/Photo-Jun-08-21-34-52-small_noise.jpg') top center no-repeat;
/* background-size: 100% !important; */--!>
background-size: cover !important;
background-color: #E92428 !important;
}

.tour-content {
display: block;
margin: 0 auto;
margin-top: 100px;
position: relative;
text-align: center;
/*padding-bottom: 100px;*/
}

#tour ul {list-style-type: none;}
#tour li {list-style: none;}


a.trackbutton {display: inline-block; color: #222 !important; font-size: 1em !important; background: rgba(255,255,255,0.5) !important; padding: 10px 20px !important; text-align: center !important;margin: 0 10px}
a.trackbutton:hover {background: rgba(255,255,255,1) !important}
div.no-dates-new {font-family: light; text-transform: uppercase; color: #222; background: rgba(255,255,255,0.65);margin: 0 auto 30px auto; letter-spacing: 1px; padding: 20px 0px!important; padding-top: 10px!important; padding-bottom: 10px!important; text-align: center !important; font-size: 1em !important;text-align: center !important;width: 80%; display: block; font-weight: bold; }
div.no-dates-new a {float: none!important; margin-top: 15px!important; color: #222 !important}


/* OWL CAROUSEL  */

#spoon-instagram {
padding-top: 50px;
}

    #spoon-instagram .item{
        margin: 0px;
    }
    #spoon-instagram .item img{
        display: block;
        width: 100%;
        height: auto;
    }


/************ NEWS SECTION ************/



.news-section #container {
  float: none;
  width: 60%;
  position: relative;
  background: rgba(255,255,255,0.1);
  margin: 30px auto 30px auto;
  border-top: 0px solid rgba(255,255,255,1);
  padding: 50px;
}

.news-section iframe {
max-width: 100%;
}

.padding20 {
padding: 10px 0 10px 0;
}

.news-section h2 {font-family: light !important; font-size: 2em;text-transform: uppercase;letter-spacing: 3px;}
.news-section p {font-family: light;font-size: 1.2em;text-align: left;line-height: 1.6em;}
.news-section a {font-family: bold}
.news-section a:hover {text-decoration: underline}
.news-section ul, .news-section ul li, .news-section ol, .news-section ol li {font-family: light; font-size:1em;text-transform: uppercase;line-height: 2em;}
.news-section ul li {
background: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  list-style: none;
  text-align: left;
  list-style-type: none;
  }
  
  
.news-section ul {
  display: block;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
  border-top: 2px dotted #555;
  border-bottom: 2px dotted #555;    
  padding-top: 20px;
  padding-bottom: 20px;
  }
  
.news-section img {
width: 100%;
height: auto;
}  
  
.news-section span.date {font-family: bold;font-size: 0.8em;text-transform:uppercase;padding-bottom: 20px;text-align: center !important}

.news-section ol {
margin-top: 30px;
}

.loadmorebutton {

}

a.loadmorebutton:hover {background-color: #000;color: #fff;}


/** "AJAX LOAD MORE" PLUGIN HACKS **/

button.alm-load-more-btn, .ajax-load-more-wrap.white button.alm-load-more-btn {
text-transform: uppercase; display: block; font-family: bold; margin: 0 auto;  font-size: 1em; letter-spacing: 0px; background: #fff;color: #000;text-align: center;float: none;    -webkit-transition: all 0.2s ease  !important; -moz-transition: all 0.2s ease  !important; -o-transition: all 0.2s ease !important; transition: background-color all 0.2s ease !important;text-decoration: none;
border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  }

button.alm-load-more-btn:hover, .ajax-load-more-wrap.white button.alm-load-more-btn:hover {
background: #252525;color: #fff;}




/************ NEWS & MEDIA SECTION ************/


#news  {
height: auto !important;
background: url('images/grainy-bg-1920.jpg') top center no-repeat, url('images/grainy-bg-flipped-1920.jpg') bottom center no-repeat;
background-repeat: no-repeat !important;
background-size: 100% !important;
background-color: #000000;
}

#news .mk-grid {
max-width: 100% !important;
}

#news .mk-grid .mk-padding-wrapper, #news .mk-grid .vc_col-sm-12 {
padding-left: 0 !important;
padding-right: 0 !important;
}

h1#media {
padding-top: 100px;
}

.newsandmedia-content {
display: block;
margin: 0 auto;
margin-top: 300px;
position: relative;
text-align: center;
padding-bottom: 200px; 
}

.fullwidth {
width: 100% !important;
}

#fancybox-content {
border-width: 0px !important;
}

#fancybox-close {
top: -25px !important;
right: -10px !important;
}

.tumblrlink a, .youtubelink a, .instagramlink a, .itunes a, .amazon a, .spoon a {
color: #8892a4;
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
-moz-opacity: 0.7!important; opacity: 0.7!important; 
font-size: 1em;
line-height: 30px;
vertical-align: middle;
letter-spacing: 0.1em;
font-family: bold;	
padding: 0px;
}

.tumblrlink a:hover, .youtubelink a:hover, .instagramlink a:hover, .itunes a:hover, .amazon a:hover, .spoon a:hover {
-moz-opacity: 1!important; opacity: 1!important; 
color: #8892a4 !important; 
}


span.tumblr {
background: url('images/tumblr.png');
background-repeat: no-repeat;
background-size: 100%;
	width: 82px;
	height: 29px;
	display: inline-block;
	background-position: top left;
	margin-right: 2px;
	margin-bottom: -10px;
}


span.youtube {
background: url('images/youtube.png');
background-repeat: no-repeat;
background-size: 100%;
	width: 65px;
	height: 29px;
	display: inline-block;
	background-position: top left;
	margin-right: 5px;
	margin-bottom: -10px;
}


span.instagram {
background: url('images/instagram.png');
background-repeat: no-repeat;
background-size: 100%;
	width: 80px;
	height: 29px;
	display: inline-block;
	background-position: top left;
	margin-right: 5px;
	margin-bottom: -10px;
}


span.amazon a {
background: url('images/amazon.png');
background-repeat: no-repeat;
background-size: 100%;
	width: 78px;
	height: 35px;
	display: inline-block;
	background-position: top left;
}

span.itunes a {
background: url('images/itunes.png');
background-repeat: no-repeat;
background-size: 100%;
	width: 87px;
	height: 35px;
	display: inline-block;
	background-position: top left;
	margin-right: 30px;	
}

span.spoon a {
background: url('images/spoon.png');
background-repeat: no-repeat;
background-size: 100%;
	width: 69px;
	height: 35px;
	display: inline-block;
	background-position: top left;
	margin-right: 30px;
}


.es-navigation .es-next {
margin-right: 24px;
}

.es-navigation .es-prev {
margin-left: 24px;
}



/************ DISCOGRAPHY SECTION ************/


#discography  {
background: url('images/spoon-bg-top-1750.jpg');
background-repeat: no-repeat !important;
background-position: top center !important;
background-size: cover !important;
height: 1430px;
}

.discography-content {
display: block;
margin: 0 auto;
padding-top: 300px;
position: relative;
text-align: center;
padding-bottom: 100px;
}



#discography h2 {
font-size: 1.2em;
letter-spacing: 1px;
font-style: italic;
margin-top: 10px;
}

#discography h2 span {
font-size: 1.4em !important;
font-style: normal !important;
}


.discography-box {
width: 900px;
margin: 0 auto;
}


body#iframe {background: transparent;color: #fff;height: 100%;width: 100%;margin: 0;padding:0;overflow: scroll;}
body.lyrics-iframe {width: 600px !important; margin: 0 auto !important}

html {overflow: auto !important;}

#iframe #wrapper {
  clear: left;
  float: left;
  width: 100%;
  overflow: hidden;
  background: transparent;
  position: relative;
  top: 50%;
  transform: translateY(-50%);  
}

#iframe #wrapper2 {
  clear: left;
  float: none;
  background: transparent;
  position: relative;
  overflow: scroll !important;
margin: 5% auto 0 auto;
}

#iframe #wrapper #container {
  float: left;
  width: 100%;
  position: relative;
  background: transparent;
}

#iframe #wrapper2 #container2 {
  position: relative;
  background: transparent;
}

#iframe .column1 {
  float: left;
  width: 46%;
  position: relative;
  overflow: hidden;
}

#iframe .column2 {
float: left;
  width: 46%;
  padding-left: 50px;
  position: relative;
  overflow: hidden;
}

#iframe .columnfull {
float: left;
  width: 100%;
  padding-left: 0px;
  position: relative;
}

#iframe .column2a {
float: left;
  width: 46%;
  padding-left: 50px;
  position: relative;
  overflow: scroll;
}


#iframe h2 {font-family: light !important; font-size: 3em;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 15px;}
#iframe h2.margin {margin-bottom: 30px}
#iframe p {font-family: light;font-size: 1.2em;}
#iframe ul, #iframe ul li, #iframe ol, #iframe ol li {font-family: bold; font-size:1em;line-height: 2.5em;}
#iframe img {display: block; width: 100%; height: auto;}

#iframe ol {
margin-top: 30px;
}

span.videotitle {position: fixed;z-index: 10000 !important;font-family: bold;font-size: 0.9em;text-transform:uppercase;margin: 0 auto; text-align: center;}
span.albuminfo, span.date {font-family: light;font-size: 1.1em;text-transform:uppercase;margin-right: 15px;}

.video-wrapper, .video-container {margin-bottom: 0px !important;}


.collapseomatic, .colomat-close, .colomat-visited {
background-image: none;
}

.collapseomatic {
  color: #fff;
background: rgba(150,150,150,0.3);
  padding: 5px 7px;
  font-family: light;
  letter-spacing: 1px;
  font-size: 0.8em;
  margin-left: 10px;
  text-decoration: none;
}

.colomat-close {
background: rgba(255,255,255,0.9);
color: #222;
}

.collapseomatic:hover {
background: rgba(255,255,255,1);
color: 222;
 -webkit-transition: all 0.2s ease  !important; -moz-transition: all 0.2s ease  !important; -o-transition: all 0.2s ease !important; transition: background-color all 0.2s ease !important;
}

.discobutton {
  color: #222;
background: rgba(255,255,255,1);
  padding: 7px 10px;
  font-family: bold;
  font-size: 0.9em;
  margin-left: 5px;
}

.discobutton:hover {
background: rgba(0,0,0,1);
color: #fff;
 -webkit-transition: all 0.2s ease  !important; -moz-transition: all 0.2s ease  !important; -o-transition: all 0.2s ease !important; transition: background-color all 0.2s ease !important;  
  }

.collapseomatic_content {
margin-left: -20px;
margin-top: 20px;
margin-bottom: 20px;
padding: 30px;
background: rgba(255,255,255,0.9);
color: #222;
text-transform: none;
font-size: 14px;
line-height: 1.6em;
font-family: light;
-webkit-font-smoothing: subpixel-antialiased !important;
}

.collapseomatic_content p {
font-size: 14px !important;
color: #222;
font-family: light;
line-height: 1.6em;
-webkit-font-smoothing: subpixel-antialiased !important;
}


/** "RESPONSIVE LIGHTBOX" WP PLUGIN HACK **/


.nivo-lightbox-theme-default .nivo-lightbox-close {
  display: block;
  background: url(images/lightbox-close.png) no-repeat 5px 5px !important;
  width: 32px !important;
  height: 32px !important;
  text-indent: -9999px;
  padding: 5px;
  opacity: 0.5;
  background-size: 100% !important;
    background-position: top left !important;
}

@media (-webkit-min-device-pixel-ratio: 1.3), not all, not all, not all, (min-resolution: 1.3dppx) {
.nivo-lightbox-theme-default .nivo-lightbox-close {
  background: url(images/lightbox-close.png) no-repeat 5px 5px !important;
  background-size: 100% !important; 
  width: 32px !important;
  height: 32px !important;
  background-position: top left !important;   
}
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
  background: #666;
  background: rgba(0,0,0,0.8) !important;
}

.nivo-lightbox-content, .nivo-lightbox-content body, .nivo-lightbox-content#greybanner, .nivo-lightbox-content .container {
background: transparent !important;
background-color: transparent !important;
}


/** "QUICKSAND JQUERY POST FILTER" PLUGIN HACKS **/
/** CODE ITSELF FOUND IN THE QUICKSAND-VIEW.PHP FILE IN PLUGINS DIRECTORY **/

ul.ourHolder {
  margin-left: 0px !important;
  margin-top: 30px;
  width: 100%;
  }

ul.ourHolder li.item img {
  width: 100%;
  height: 100% !important;
  	border-radius: 50%  !important;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;  

}

ul.ourHolder li.item {
width: 150px !important;
height: 150px !important;
padding: 20px !important;
}

ul#filterOptions li a {
  height: auto;
  padding: 12px 16px;
  color: #fff !important;
  font-family: light !important;
font-size: 1.1em !important;
letter-spacing: 0.1em !important;
  line-height: 20px;
  text-decoration: none;
  display: block;
  text-transform: uppercase !important;
      -webkit-transition: all 0.2s ease  !important;
    -moz-transition: all 0.2s ease  !important;
    -o-transition: all 0.2s ease !important;
    transition: background-color all 0.2s ease !important;
}

ul#filterOptions li.active a, ul#filterOptions li.active a:hover, ul#filterOptions li a:hover {
color: #222 !important;
}

span.text-content {
font-size: 1em;
font-family: light;
text-transform: uppercase;
letter-spacing: 1px;
  background: rgba(0,0,0,0.8);
  color: white;
  cursor: pointer;
  display: table;
  height: 150px;
  left: 0;
  position: relative;
  top: 0;
  width: 150px;
    opacity: 1;
margin-top: -150px;    
    -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;     
}

 
span.text-content span.vertical {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
padding: 0 15px 0 15px;
line-height: 1.2em;
}

span.text-content span.year {
padding-top: 10px;
font-size: 0.8em;
}
 
li.item:hover span.text-content {
  opacity: 0;
}
 


/************ FOOTER SECTION ************/


#footer  {
min-height: 1500px;
height: auto !important;
background: url('/spoon/wp-content/uploads/2018/09/Spoon-Site-Promo-Photo.jpg');
background-repeat: no-repeat !important;
background-position: top center !important;
background-size: cover !important;
margin-top: -10px;
}





#mobilefooter {
padding-top: 50px;
font-family: light !important;
text-transform: uppercase;
font-size: 1.4em !important;
letter-spacing: 1px;
color: #fff;
line-height: 1.5em;
}

#mobilefooter .mobilefooter-line1, #mobilefooter .mobilefooter-line2, #mobilefooter .mobilefooter-line3 {
padding: 20px 0 20px 0;
}

#mobilefooter a {
color: #fff;
}

#mobilefooter i {
padding: 5px;
font-size: 1.2em;
}

#mobilefooter img {
width: 50%;
height: 50%;
}


.footer-content {
display: block;
margin: 0 auto;
padding-top: 300px;
position: relative;
text-align: center;
padding-bottom: 0px; 
}



.footer-content {
display: block;
margin: 0 auto;
padding-top: 300px;
position: relative;
text-align: center;
padding-bottom: 0px; 
}


#fixedfooter {
position: absolute !important;bottom: 0px !important;left: 0px !important;width: 100%;
}


#fixedfooter .fixedleft {
position: absolute;
bottom: 20px;
left: 0px;
padding: none !important;
margin: none !important;
z-index: 99999 !important
}

.wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
margin-bottom: 0px !important;
}

#fixedfooter .fixedleft img {
width: 70%;
height: 70%;
}

#fixedfooter .fixedrightverytop {
position: absolute;
bottom: 100px;
right: 30px;
z-index: 999991 !important
}

#fixedfooter .fixedrightverytop .footericon {
float: left;
margin-left: 20px;
font-size: 1.5em;
}

#fixedfooter .fixedrighttop {
position: absolute;
bottom: 95px;
right: 30px;
letter-spacing: 0.3em;
z-index: 999991 !important
}

#fixedfooter .fixedrightmiddle {
font-family: light;
letter-spacing: 0.3em;
color: #222;
position: absolute; 
bottom: 55px;
right: 30px;
z-index: 999992 !important;
font-size: 15px;
}


#fixedfooter .fixedrightbottom {
position: absolute;
bottom: 30px;
right: 30px;
z-index: 999993 !important;
font-family: light;
letter-spacing: 0.3em;
color: #222;
text-transform: uppercase;
font-size: 15px;
}


#fixedfooter .fixedrightbottom a, #fixedfooter .fixedrightmiddle a,  #fixedfooter .fixedrighttop a {
font-family: light;
letter-spacing: 0.3em;
color: #fff;
text-transform: uppercase;
    -webkit-transition: all 0.2s ease  !important;
    -moz-transition: all 0.2s ease  !important;
    -o-transition: all 0.2s ease !important;
    transition: background-color all 0.2s ease !important;
}

#fixedfooter .fixedrightbottom a:hover, #fixedfooter .fixedrightmiddle a:hover,  #fixedfooter .fixedrighttop a:hover {
opacity: 0.8;
}


/************ BANDSINTOWN HACKS ************/

tr.bit-header, a.bit-track-artist-header, tr.bit-header td, th.bit-description-links, th.bit-date, th.bit-venue, th.bit-location, th.bit-artist-event-link, th.bit-tickets {
display: none !important;
}

.bit-widget-container {width: 80% !important;margin: 0px auto 150px auto !important;font-family:light,arial,helvetica,sans-serif!important; font-size:1.5em!important; color: #222!important;text-transform: uppercase !important; letter-spacing: 1px !important;}
.bit-events, .bit-events-narrow {overflow: hidden!important;}
.bit-events th, .bit-events td {width: auto!important;text-align: left!important; vertical-align:middle!important;}
.bit-events td {min-height: 40px !important; background:none!important; height: auto !important;}
.bit-events-narrow td {width:auto!important; height:57px!important; background:none!important;padding:4px!important;vertical-align:middle!important;}

#bit-events td.bit-artist-event-link { text-align: right!important; }
#bit-events td.bit-artist-event-link a { float: right!important;}
#bit-events td.bit-actions a, #bit-events td.bit-rsvp a { float: right!important; }
#bit-events td.bit-rsvp {display: none !important;}
#bit-events td.bit-comment { width: 21px!important; padding-left: 8px!important; padding-right: 8px!important; }
#bit-events td .bit-uiButton { display:inline-block!important; padding: 1px 6px!important; height: 16px!important; line-height: 2em !important; cursor: pointer!important; font-family: light,arial,tahoma,verdana,arial,sans-serif !important}
#bit-events td .bit-uiButton { background: transparent !important; border none!important; border-bottom-color: none !important; box-shadow:none!important; -moz-box-shadow:none!important; font-size:0.7px!important; font-weight:bold!important; text-align:center!important; text-decoration:none!important; vertical-align:top!important; white-space:nowrap }
#bit-events td .bit-uiButton:active{background: transparent important;border-bottom-color:transparent!important;box-shadow:none!important;-moz-box-shadow:none !important)}
#bit-events td .bit-uiButtonSpecial{background-image:url("http://d38hmgjgf0kofx.cloudfront.net/images/facebook/silver-blue-bg.png")!important; background-repeat:no-repeat!important;background-position:0px -96px!important;background-color:#69a74e!important;border-color:#3b6e22 #3b6e22 #2c5115!important;}
#bit-events td .bit-uiButtonSpecial:active{background: transparent !important;border-bottom-color:transparent!important;}
#bit-events td .bit-uiButton a, .bit-uiButton a:hover { text-decoration: none!important; display: inline-block!important; }
#bit-events td .bit-uiButtonSpecial a { color: #FFFFFF!important; }
#bit-events td .bit-uiButtonDefault a { color: #333333 !important; }
#bit-events td.bit-comment a.bit-comment { background: transparent url('http://d38hmgjgf0kofx.cloudfront.net/images/facebook/comments_icon.gif') 0px 0px no-repeat!important; width: 15px!important; height: 16px!important; display: inline-block!important; margin-top: 2px!important; float: right!important; }
#bit-events td.bit-comment a:hover, #bit-events td.bit-comment a.bit-comment-open { background-position: 0px -16px!important; }
#bit-events td.bit-location {font-weight:normal!important;}
#bit-events td.bit-description, #bit-events th.bit-description {font-size: 85%!important; left: 8px 4px!important; }
#bit-events td.bit-description-links, #bit-events th.bit-description-links {padding-left: 8px!important; width: 6px!important;}
#bit-events td.bit-description-links {display: none !important;}
#bit-events .bit-hidden {display:none!important;}
#bit-events .bit-bottom td {padding-left:8px!important;height:36px!important;}
#bit-events .bit-bottom td.concerts-by-bandsintown {text-align:right!important;}
#bit-events .bit-bottom a { vertical-align: middle!important; border: none!important; display: inline-block!important; }
#bit-events table a { text-align: left!important; float: left!important; width:auto!important; }
#bit-events table a:hover { -webkit-transition: none!important; -moz-transition: none!important; -o-transition: none!important; transition: none!important; }
#bit-events td.bit-description a { float: none!important; }
#bit-events a.bit-event-description-link { text-decoration: none!important; margin: 0!important; padding: 0!important; display: inline-block!important; height: 9px!important; width: 9px!important; line-height: 9px!important; font-size: 9px!important; text-align: center!important; vertical-align: middle!important; border: none!important;}
.bit-events tr.bit-dashed-border td.bit-description-links, .bit-events tr.bit-dashed-border td.bit-date, .bit-events-narrow tr.bit-dashed-border td { border-top: 1px solid transparent!important;}
#bit-events td.bit-concert a { float: none!important; }
tr.bit-header th, tr.bit-header-narrow { line-height: 26px!important; }
#bit-events tr.bit-header a, #bit-events tr.bit-header-narrow a { float: none!important; font-weight: normal!important; }
#bit-events tr.bit-header-narrow th { text-align: left!important; padding: 4px!important;}
#bit-events .bit-header-links { margin-right: 15px!important; }
#bit-events .bit-share-text { float:right!important; }
#bit-events .bit-share-links { float: right!important; }
#bit-events .bit-share-links a { display: inline-block!important; width: 26px!important; height: 26px!important; vertical-align: middle!important; }
#bit-events .bit-fb-share { background: transparent url('http://d38hmgjgf0kofx.cloudfront.net/images/facebook/icons/fb_share.gif') top left no-repeat!important; margin-left: 4px!important; display: inline-block!important; width: 26px!important; height:26px!important; vertical-align: middle!important;}
#bit-events .bit-twitter-share { background: transparent url('http://d38hmgjgf0kofx.cloudfront.net/images/facebook/icons/twitter_share.gif') top left no-repeat!important; display: inline-block!important; width: 26px!important; height:26px!important; vertical-align: middle!important;}
.bit-header-overflow-fix { height: 26px!important; overflow: hidden!important; }
#bit-events iframe { border: none!important; }
#bit-events .comments-title, #bit-events .description-title { color: #323232!important; font-size: 11px!important; font-weight: bold!important; margin: 0px 0px 4px 0px!important;}
#bit-events .bit-event-details { color: #000000!important; }
#bit-events .bit-details-title { background-color: #ffffff!important; font-weight: bold!important; padding: 4px 8px 0px 20px!important; color: #0e0e0e!important; font-size: 11px!important; }
#bit-events .bit-details-title a { float: right!important; color: #8296cc!important; text-decoration: none!important; }
#bit-events .bit-details-title a:hover { color: #ffffff!important; text-decoration: none!important; }
#bit-events .bit-details-text { background-color: #ffffff!important; margin-bottom: 1px!important; padding: 5px 8px 5px 20px!important; color: #1A1A1A!important; }
#bit-events .bit-details-comments { background: transparent!important; padding: 0px!important; margin: 0px!important; }
#bit-events .bit-details-text a { color: #3857a0!important; float: none!important; }
#bit-events a.bit-fb-event-link { font-weight: bold!important; display: block!important; text-decoration: none!important; margin: 4px 0px!important; }
#bit-events tr td.bit-details { padding: 0px!important; }
#bit-events .venue, #bit-events .location, #bit-events .lineup { display: block!important; clear: left!important; font-size: smaller!important; line-height: 100%!important; width: 100% !important;}
#bit-events .venue, #bit-events .location, #bit-events .lineup a {font-size: 1em !important; width: 100% !important;}
#bit-events .location { font-weight: bold }
#bit-events a.bit-track-artist-header .bit-invert { display: none!important;}
#bit-events tr[data-bit-event-id] td { cursor: pointer!important; }
.bit-events tr td {padding: 20px 25px 20px 0 !important; line-height: 1em !important;}
.bit-events tr td.bit-date {padding-right: 30px !important; width: 45px!important; text-align: center !important;}
.bit-events tr td.bit-date a {vertical-align: top !important; text-align: center !important;}
#bit-widget-dialog-container { position: fixed!important; width: 100%!important; height: 100%!important; margin: auto!important; }
#bit-widget-dialog { color: #333333!important; direction: ltr!important; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif!important; font-size: 11px!important; text-align: left!important; }
#bit-widget-dialog label { color: #666666!important; cursor: pointer!important; font-weight: bold!important; vertical-align: middle!important; }
body#bit-widget-dialog { margin: 0px!important; padding: 0px!important; }
#bit-widget-dialog-loading .loading { height: 32px!important; width: 100%!important; background: transparent url('http://d38hmgjgf0kofx.cloudfront.net/images/facebook/ajax-loader-large.gif') no-repeat scroll center center!important; }
#bit-widget-dialog .pop_content{direction:ltr}
#bit-widget-dialog {height:0!important;left:0!important;overflow:visible!important;outline:none!important;position:absolute!important;top:0!important;width:100%!important;z-index:250}
#bit-widget-dialog .generic_dialog_popup{height:0!important;overflow:visible!important;position:relative!important;width:520px!important;margin:auto}
#bit-widget-dialog .pop_content h2.dialog_title{background:#6d84b4!important;border:1px solid #3b5998!important;border-bottom:none!important;color:#fff!important;font-size: 14px!important;font-weight:bold!important;margin:0!important;}
#bit-widget-dialog .pop_content h2 span{display:block!important;padding:5px 10px}
#bit-widget-dialog .pop_content .dialog_content{background:#fff!important;border:1px solid #555!important;border-top-width:0}
#bit-widget-dialog .pop_content .dialog_body{padding:10px!important;border-bottom:1px solid #ccc}
#bit-widget-dialog .pop_content .dialog_buttons{background:#f2f2f2!important;padding:8px 10px 8px 10px!important;position:relative!important;text-align:right}
#bit-widget-dialog .pop_container_advanced{border-radius:8px!important;-webkit-border-radius:8px!important;-moz-border-radius:8px!important;padding:10px}
#bit-widget-dialog .uiButton,#bit-widget-dialog .uiButtonSuppressed:active,#bit-widget-dialog .uiButtonSuppressed:focus,#bit-widget-dialog .uiButtonSuppressed:hover{background:#eee url('http://d38hmgjgf0kofx.cloudfront.net/images/facebook/silver-blue-bg.png') repeat 0 0!important;border:1px solid #999!important;border-bottom-color:#888!important;box-shadow:0 1px 0 rgba(0, 0, 0, .1)!important;-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1)!important;cursor:pointer!important;display:-moz-inline-box!important;display:inline-block!important;font-size:11px!important;font-weight:bold!important;line-height:normal !important!important;padding:2px 6px!important;text-align:center!important;text-decoration:none!important;vertical-align:top!important;white-space:nowrap}
#bit-widget-dialog .uiButtonConfirm{background-color:#5b74a8!important;background-position:0 -48px!important;border-color:#29447e #29447e #1a356e}
#bit-widget-dialog .uiButton:active,#bit-widget-dialog .uiButtonDepressed{background:#ddd!important;border-bottom-color:#999!important;box-shadow:0 1px 0 rgba(0, 0, 0, .05)!important;-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .05)}
#bit-widget-dialog .uiButton .uiButtonText,#bit-widget-dialog .uiButton input{background:none!important;border:0!important;color:#333!important;cursor:pointer!important;display:-moz-inline-box!important;display:inline-block!important;font-family:'Lucida Grande', Tahoma, Verdana, Arial, sans-serif!important;font-size:11px!important;font-weight:bold!important;margin:0!important;outline:none!important;padding:1px 0 2px!important;white-space:nowrap}
#bit-widget-dialog .uiButtonLarge,#bit-widget-dialog .uiButtonLarge .uiButtonText,#bit-widget-dialog .uiButtonLarge input{font-size:13px}
#bit-widget-dialog .uiButtonSpecial .uiButtonText,#bit-widget-dialog .uiButtonSpecial input,#bit-widget-dialog .uiButtonSpecial.uiButtonDisabled .uiButtonText,#bit-widget-dialog .uiButtonSpecial.uiButtonDisabled input,#bit-widget-dialog .uiButtonConfirm .uiButtonText, #bit-widget-dialog .uiButtonConfirm input, #bit-widget-dialog .uiButtonConfirm.uiButtonDisabled .uiButtonText, #bit-widget-dialog .uiButtonConfirm.uiButtonDisabled input { color: #FFFFFF!important; }
#bit-widget-dialog .uiButtonConfirm:active{background:#4f6aa3!important;border-bottom-color:#29447e}
#bit-widget-dialog .popup-border-outer { z-index: 1!important; background: none!important; position: relative!important; }
#bit-widget-dialog .popup-border-inner { background-color: #525252!important; -moz-opacity: 0.7!important; opacity: 0.7!important; position: absolute!important; top: 0!important; left: 0!important; width: 100%!important; height: 100%!important; z-index: 1!important; padding: 0!important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70)!important; }
#bit-widget-dialog .popup-content { position: relative!important; z-index: 2!important; }
#bit-widget-dialog h2 { padding: 0px!important; }
#bit-widget-dialog .clear { clear: both!important; }
* html #bit-widget-dialog .popup-border-inner  { display: none!important; }
* html #rsvp-dialog-container { position: absolute!important; }
#bit-events[data-bit-widget-id='1425608886816'] { width:100%!important;}
#bit-events[data-bit-widget-id='1425608886816'] {}
#bit-events[data-bit-widget-id='1425608886816'] .bit-events, .bit-events-narrow { width:100%!important;}
#bit-events[data-bit-widget-id='1425608886816'] .bit-events td { border-top: 1px solid #E9E9E9!important;}
#bit-events[data-bit-widget-id='1425608886816'] .bit-events-narrow td { border-top: 1px solid #E9E9E9!important;}
#bit-events[data-bit-widget-id='1425608886816'] td{}
#bit-events[data-bit-widget-id='1425608886816'] th{}
#bit-events[data-bit-widget-id='1425608886816'] td{}
#bit-events[data-bit-widget-id='1425608886816'] th{}
#bit-events[data-bit-widget-id='1425608886816'] a{}
#bit-events[data-bit-widget-id='1425608886816'] .bit-events tr.bit-dashed-border td { border-top: 1px dashed #E9E9E9!important;}
#bit-events[data-bit-widget-id='1425608886816'] .bit-events-narrow tr.bit-dashed-border td.bit-description { border-top: 1px dashed #E9E9E9!important;}
#bit-events[data-bit-widget-id='1425608886816'] table { border-bottom: 1px solid #E9E9E9!important;}
#bit-events[data-bit-widget-id='1425608886816'] a.bit-track-artist-header {border-top: 1px solid #E9E9E9!important; border-bottom: 1px solid #E9E9E9; }
.bit-events tr td.bit-date a {vertical-align: top !important; text-align: center !important;}
#bit-events td.bit-tickets {padding: 20px 0px 20px 0 !important}
#bit-events td.bit-concert a.bit-buy-tix, #bit-events td.bit-concert a, #bit-events td.bit-tickets a  {color: #fbfbfb !important; font-size: 0.8em !important; background: #5f7a98 !important; padding: 15px 40px !important; text-align: center !important;}
#bit-events td.bit-concert a.bit-buy-tix, #bit-events td.bit-concert a:hover , #bit-events td.bit-tickets a:hover {background: #46617f !important;}
#bit-events[data-bit-widget-id='1425621096080'] .bit-events td {border-top: none !important;}
#bit-events[data-bit-widget-id='1425621096080'] {border: none !important;}
#bit-events[data-bit-widget-id='1425621096080'] a.bit-track-artist-header {border: none !important;border-top: none !important; border-bottom: none !important;}
#bit-events a .bit-notify {color: #222 !important;}
#bit-events a.bit-track-artist-header .bit-invert {padding: 10px 20px !important;}
#bit-events a.bit-track-artist-header, #bit-events[data-bit-widget-id='1425672439346'] a.bit-track-artist-header {border-top: none !important; border-bottom: none !important;padding-bottom: 20px !important;}
.no-dates {display: none !important}



/************ MEDIA QUERIES ************/


/************ SUPER LARGE DESKTOPS ************/

@media (min-width: 2560px) {

#top p {
font-size: 20px;
}

.album-content {
margin-top: 80%;
min-height: 400px !important;
}

.album-line1 {
padding-top: 0px;
}


#album a {
font-size: 1.9em;
font-family: light;
color: #e92924 !important;
}

#album .smaller a {
font-size: 1.1em;
}

.tour-content {
display: block;
margin: 0 auto;
margin-top: 600px;
position: relative;
text-align: center;
/*padding-bottom: 100px; */
}

}


/************ LARGE DESKTOPS ************/

@media (min-width: 1920px) {
#discography  {
background: url('images/spoon-bg-top-2600.jpg');
background-size: 100% !important;
height: 1500px;
}

#album  {
height: auto !important;
background: url('/spoon/wp-content/uploads/2018/09/Spoon-Skull-BW.jpg');
background-size: 100% !important;
}

.album-content {
margin-top: 53%;
min-height: 400px !important;
}

.album-line1 {
padding-top: 200px;
}

div.no-dates-new {font-family: light; text-transform: uppercase; /* color: #fff; background: rgba(0,0,0,0.15) */;margin: 0 auto 30px auto; letter-spacing: 1px; padding: 20px 0px!important; padding-top: 10px!important; padding-bottom: 10px!important; text-align: center !important; font-size: 1em !important;text-align: center !important;width: 80%; display: block;  }

.everslider {margin: 0 auto 20px auto !important; max-width: 100% !important;}


#footer  {
min-height: 2050px;
height: auto !important;
background: url('/spoon/wp-content/uploads/2018/09/Spoon-Site-Promo-Photo.jpg');
background-repeat: no-repeat !important;
background-position: top center !important;
background-size: 100% !important;
margin-top: -10px;
}
}


/************ NON-MOBILE ************/

@media (min-width: 979px) {

.hidden-desktop {
display: none !important;
}

#mk-header:not(.header-structure-vertical).sticky-trigger-header #mk-main-navigation > ul > li.menu-item, #mk-header:not(.header-structure-vertical).sticky-trigger-header #mk-main-navigation > ul > li.menu-item > a, #mk-header:not(.header-structure-vertical).sticky-trigger-header .mk-header-search, #mk-header:not(.header-structure-vertical).sticky-trigger-header .mk-header-search a, #mk-header:not(.header-structure-vertical).sticky-trigger-header .mk-cart-link, #mk-header:not(.header-structure-vertical).sticky-trigger-header .mk-responsive-cart-link, #mk-header:not(.header-structure-vertical).sticky-trigger-header .dashboard-trigger, #mk-header:not(.header-structure-vertical).sticky-trigger-header .responsive-nav-link, #mk-header:not(.header-structure-vertical).sticky-trigger-header .mk-header-social a, #mk-header:not(.header-structure-vertical).sticky-trigger-header .mk-margin-header-burger, #mk-header:not(.header-structure-vertical).sticky-trigger-header .mk-header-wpml-ls, #mk-header:not(.header-structure-vertical).sticky-trigger-header .mk-header-wpml-ls a {
height: 27px;
line-height: 43px;
}
}




/************ GENERAL MOBILE ************/

@media (max-width: 979px) {

#mk-header {
position: fixed !important;
}

.mk-video-section-touch {
background-position: right top;
}

.mk-header-logo {
margin-top: 7px !important;
}

.mk-header-logo, .mk-header-logo img {
max-height: 80% !important
}

.header-align-left .mk-header-logo {
float: right !important;
}

.mk-burger-icon {
top: 55% !important;
}

div.spoonlogo img {
max-width: 100% !important;
}

#top p a {
font-size: 1em !important;
}

#top p {
line-height: 17px !important;
margin-top: 20px;
}

.soundicontop {
top: 18px !important;
}

#menu-main-navigation .mk-header-logo {
margin-bottom: 0px !important;
}

#mk-header:not(.header-structure-vertical) #mk-main-navigation > ul > li.menu-item, #mk-header:not(.header-structure-vertical) #mk-main-navigation > ul > li.menu-item > a, #mk-header:not(.header-structure-vertical) .mk-header-search, #mk-header:not(.header-structure-vertical) .mk-header-search a, #mk-header:not(.header-structure-vertical) .mk-header-wpml-ls, #mk-header:not(.header-structure-vertical) .mk-header-wpml-ls a, #mk-header:not(.header-structure-vertical) .mk-cart-link, #mk-header:not(.header-structure-vertical) .mk-responsive-cart-link, #mk-header:not(.header-structure-vertical) .dashboard-trigger, #mk-header:not(.header-structure-vertical) .responsive-nav-link, #mk-header:not(.header-structure-vertical) .mk-header-social a, #mk-header:not(.header-structure-vertical) .mk-margin-header-burger {
height: 50px !important;
}

.mk-responsive-nav a, .mk-responsive-nav .has-mega-menu .megamenu-title {
background-color: rgba(255,255,255,0.9) !important;
}

.mk-responsive-nav li a {
text-align: center !important;
border-top: none !important;
padding: 10px 20px !important;
font-size: 20px !important;
}

.mk-responsive-nav a {
color: #222 !important;
}

.mk-responsive-nav>li {
border-bottom: none !important;
}

#top {
  padding-bottom: 60px;
  padding-top: 75px;
}

.spoonlogo {
padding-top: 15%;
}

.mk-responsive-nav li a>i {
display: inline-block !important;
}

#mk-responsive-wrap #menu-item-24612, #mk-responsive-wrap #menu-item-24611, #mk-responsive-wrap  #menu-item-24613, #mk-responsive-wrap #menu-item-24615 {
float: left !important;
display: inline-block !important;
width: 25% !important;
}

i.mobileicon {
font-size: 28px !important;
}

#album  {
height: auto !important;
background: url('http://www.spoontheband.com/spoon/wp-content/uploads/2019/06/SPOON_GUITAR_GUN_TEE_960.jpg');
background-repeat: no-repeat !important;
background-position: top center !important;
background-size: cover !important;
}

#tour  {
height: auto !important;
/*min-height: 800px !important;*/
min-height: 1240px !important;
background-position: center top !important;
/* background-size: 100% !important; */
background-color: #e92428 !important;
}

#news  {
height: auto !important;
background: url('images/grainy-bg-979.jpg') !important;
background-repeat: no-repeat !important;
background-position: top center !important;
background-size: auto !important;
background-color: #000000 !important;
}

#discography  {
background: url('images/spoon-bg-top-979.jpg');
background-repeat: no-repeat !important;
background-position: top center !important;
background-size: 100% !important;
height: auto !important;
background-color: #d5d5d4;
}

#footer  {
min-height: 900px;
height: auto !important;
background: url('/spoon/wp-content/uploads/2018/09/Spoon-Site-Promo-Photo.jpg');
background-repeat: no-repeat !important;
background-position: top center !important;
background-size: 100% !important;
margin-top: -10px;
background-color: #d5d5d4;
}

.footer-content {
display: block;
margin: 0 auto;
padding-top: 0px;
position: relative;
text-align: center;
padding-bottom: 0px; 
padding-top: 100px;
}

.discography-content {
display: block;
margin: 0 auto;
padding-top: 150px;
position: relative;
text-align: center;
padding-bottom: 0px;
}

.tour-content {
display: block;
margin: 0 auto;
margin-top: 150px;
position: relative;
text-align: center;
/*padding-bottom: 100px;*/
}

.newsandmedia-content {
display: block;
margin: 0 auto;
margin-top: 150px;
position: relative;
text-align: center;
padding-bottom: 200px; 
}

.news-section ul {
  display: block;
  list-style-type: none;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
  border-top: 4px dotted #555;
  border-bottom: 4px dotted #555;  
  padding-top: 20px;
  padding-bottom: 20px;
  }

  
#album img {
max-width: 80% !important;
}
  
.news-section ul li {  
line-height: 1em !important;
margin-bottom: 1em !important
}

#tour h1 {
/* color: #222222 !important; */
}

#discography h1 {
padding-bottom: 20px !important;
}

.extrapadding {
padding-bottom: 0px;
}

h1 {
font-size: 4em;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
padding-bottom: 100px;
}

#tour h1.extrapadding {
padding-bottom: 50px;
}

#album img.twmswriting {
width: 100% !important;height: auto !important;
}

.album-content {
margin-top: 300px;
min-height: 400px !important;
}

.album-line1 {
padding-top: 30px;
}

.album-line2 {
padding-bottom: 150px;
}

#album a {
font-size: 1.5em;
font-family: light;
color: #e92924;
padding: 10px;
}

#album span.separator {
display: none; 
pointer-events: none;
}


#album .smaller a {
  font-size: 0.8em;
  font-family: bold !important;
  color: #e92924;
  padding: 10px 15px;
  text-transform: uppercase;
  margin: 0 auto;
  display: block;
  background: rgba(255,255,255,0.2);
}

.news-section #container {
  float: none;
  width: 100%;
  position: relative;
  background: rgba(255,255,255,0.13);
  margin: 30px auto 30px auto;
  border-top: 0px solid rgba(255,255,255,1);
  padding: 50px;
}

.news-section h2 {font-family: bold !important; font-size: 1.6em;text-transform: uppercase;letter-spacing: 0px;}

#spoon_videos .es-custom-slider span p {font-size: 1.8em;}

.swipe {
display: block;
margin: 0 auto 10px auto;
text-align: center;
color: #a2a2a2;
font-size: 1em;
letter-spacing: 2px;
text-transform: uppercase;
font-family: bold;
}

.swipe i {
font-size: 1.5em;
}

#spoon-instagram {
padding-top: 0px;
}

.discography-box {
width: auto !important;
margin: 0 auto;
}

#iframe .column1 {
  float: none !important;
  width: 100% !important;
  position: relative;
  overflow: auto !important;
}

#iframe .column2 {
float: none !important;
  width: 100% !important;
  padding-left: 0px;
  position: relative;
  overflow: auto !important;
}

#iframe .column2a {
float: none !important;
  width: 100% !important;
  padding-left: 0px !important;
  position: relative;
  overflow: scroll;
}

#iframe h2 {
margin-top: 20px;
margin-bottom: 0px !important;
text-align: center !important;
}

.discobutton {
  color: #222;
  background: rgba(255,255,255,0.9);
  padding: 7px 10px;
  font-family: bold;
  font-size: 1.1em;
  margin-left: 0px;
  margin-top: -15px;
  display: block;
  text-align: center !important;
}

#iframe ol {
  margin-bottom: 1em;
  margin-left: 1.5em !important;
  list-style-position: outside;
  list-style-type: decimal;
}

#iframe ul, #iframe ul li, #iframe ol, #iframe ol li {
  font-family: light;
  font-size: 1em;
  line-height: 1.3em;
}

#iframe ul li, #iframe ol li {
margin-top: 10px !important;
margin-bottom: 10px !important;
}

span.albuminfo  {display: block;font-family: light;font-size: 1.1em;text-transform:uppercase;margin-right: auto !important;margin-left: auto !important;margin-bottom: 25px;text-align: center !important;margin-top: 15px !important}

.wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
margin-bottom: 0px !important;
}

#footer .mk-padding-wrapper, #album .mk-padding-wrapper  {
padding-left: 0px;
padding-right: 0px;
padding: 0px;
}

#spoon_videos .es-custom-slider span {
background: rgba(0,0,0,0.3);
}

.bit-widget-container {
width: 100% !important;
}
}



/************ PHONE ************/


@media (min-width: 481px) {

.visible-phone {
display: none !important;
}
}


@media (max-width: 480px) {
.bit-widget-container td{
display: inline-block !important;
}

.visible-phone {
display: block !important;
}

.hidden-phone {
display: none !important;
}

#spoon_videos .es-custom-slider span p {
  top: 40% !important;
  font-size: 2em !important;
}

.bit-widget-container,  .bit-events, .bit-events-narrow, .bit-events td, .bit-events-narrow td {
width: 100% !important;
display: inline-block !important;
text-align: center !important;
padding: 0px !important;
border-top: none !important;
border-bottom: none !important;
min-height: 0px !important;
font-size: 15px !important;
text-transform: uppercase !important
}

#tour {    
    /* background-size: 100% !important; */
}


.bit-events tr td {
padding: 18px 0px 0px 0px !important;
min-height: 0px !important;
}

.bit-date, .bit-venue {
width: auto !important;
display: inline-block !important;
text-align: left !important;
}

td.bit-artist-event-link {
display: none !important;
}

.bit-events tr td.bit-date {
width: 100% !important;
min-height: 0px !important;
padding-top: 10px !important;
border-top: 2px solid #b6b6b6 !important;
}

.bit-events tr td.bit-tickets {
padding-bottom: 25px !important;
letter-spacing: 0px !important;
} 	

#bit-events td.bit-concert a.bit-buy-tix, #bit-events td.bit-concert a, #bit-events td.bit-tickets a  {color: #fbfbfb !important; background: transparent !important;}
#bit-events td.bit-concert a.bit-buy-tix, #bit-events td.bit-concert a:hover , #bit-events td.bit-tickets a:hover {background: transparent !important;}

.bit-events tr td.bit-date a {
  font-family: bold !important;
  font-size: 1em !important;
  letter-spacing: 0px !important;
}

.bit-events th {
display: none !important;
}

.bit-events tr {
padding-top: 20px !important;
}

#bit-events td.bit-concert a.bit-buy-tix, #bit-events td.bit-concert a, #bit-events td.bit-tickets a {
  color: #5f7a98 !important;
  font-size: 1em !important;
  font-family: bold !important;
  background: transparent !important;
  padding: 0px !important;
  text-align: center !important;
}

div.no-dates-new {
width: 100% !important;
}

.bit-widget-container {
text-transform: none !important;
margin: 0px auto 50px auto !important;
}
}

@media (max-width: 767px) {



.album-content {
    margin-top: 350px;   
}

#mobilefooter {
background: rgba(0,0,0,0.3)
}
}


/************ TABLETS ************/

@media (max-width: 1024px) {

#album .smaller a {
color: #e92924 !important;
}

#news .responsive-align-center p {
text-align: left !important;
}

#news p.youtubelink, #news  p.instagramlink, #news .responsive-align-center p.youtubelink, #news .responsive-align-center p.instagramlink {
text-align: center !important;
}

}


@media (min-width: 768px) and (max-width: 1024px) {

#mk-header {background-color: rgba(0,0,0,0.9) !important;}

.twmswriting.alignnone.size-full.wp-image-24468 {
    margin-top: 300px !important;
}

.tour-content {
margin-top: 200px
}

#tour h1 {
color: #222;
}

.extrapadding {
padding-bottom: 100px;
}

#news h1 {
color: #222;
}

#discography {
height: 1600px;
}

#discography h1 {
color: #fff;
}

.mobilefooter-line1 {
display: none !important;
}

#mobilefooter {
font-size: 1.2em;
background: rgba(0,0,0,0.8);
}

#mk-header:not(.header-structure-vertical) #mk-main-navigation > ul > li.menu-item, #mk-header:not(.header-structure-vertical) #mk-main-navigation > ul > li.menu-item > a, #mk-header:not(.header-structure-vertical) .mk-header-search, #mk-header:not(.header-structure-vertical) .mk-header-search a, #mk-header:not(.header-structure-vertical) .mk-header-wpml-ls, #mk-header:not(.header-structure-vertical) .mk-header-wpml-ls a, #mk-header:not(.header-structure-vertical) .mk-cart-link, #mk-header:not(.header-structure-vertical) .mk-responsive-cart-link, #mk-header:not(.header-structure-vertical) .dashboard-trigger, #mk-header:not(.header-structure-vertical) .responsive-nav-link, #mk-header:not(.header-structure-vertical) .mk-header-social a, #mk-header:not(.header-structure-vertical) .mk-margin-header-burger {
line-height: 50px !important;
}



#album .smaller a {
font-size: 1em;
  font-family: bold !important;
  color: #e92924 !important;
  padding: 15px 15px;
  text-transform: uppercase;
  margin: 0 auto;
  display: block;
  background: rgba(255,255,255,0.2);
  width: 300px;
}

#album .smaller {
padding-top: 60px;
}

#album a {
padding: 30px;
font-size: 2.4em;
}

.album-line1 {
padding-top: 100px;
}

.news-section p {
font-size: 1.4em;
}

.news-section ul li {
font-size: 1.1em;
}

.news-section h2 {
font-size: 2em;
}

#iframe ul, #iframe ul li, #iframe ol, #iframe ol li {
  font-family: light;
  font-size: 1.2em;
  line-height: 1.3em;
}

#news  {
height: auto !important;
background: url('images/grainy-bg-979.jpg') !important;
background-repeat: no-repeat !important;
background-position: top center !important;
background-size: 100% !important;
background-color: #000000 !important;
}

}


@media (min-width: 769px) {

.visible-sm {
display: none;
}

}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

.footer-content {
padding-top: 570px !important;
width: 400px !important;
text-align: left !important;
}

}

@media only screen and (min-device-width: 940px) and (max-device-width: 1140px) {
.mk-dark-logo {   
    margin-left: 51px !important;
}


}