/* 
Theme Name:  Soundboard
Description: Wordpress Theme
Author: red_sun (Gerda Gimpl)
Author URI: http://www.red-sun-design.com
Theme URI: http://themes.red-sun-design.com/soundboard
Text Domain: soundboard
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 5.07


 
-------------------------------------------
	INDEX 
-------------------------------------------
	- CSS RESET
	- MISC
	- FONTS / TEXT ELEMENTS
	- LAYOUT
	- AUDIO
	- TOURDATES
	- VIDEO
	- GALLERY
	- NAVIGATION
	- SIDEBAR AND WIDGETS
	- FOOTER
	- IMAGES
	- PAGINATION
	- COMMENTS
	- FORMS
	- BUTTONS
	- RESPONSIVE LAYOUT
    	  1. Tablet Portrait
    	  2. Mobile (Landscape)
    	  3. Mobile (Portrait)
-------------------------------------------
*/



/* CSS RESET --------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	}

body    {
	line-height: 1;
	}

ol, ul  {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

table   {
	border-collapse: collapse;
	border-spacing: 0;
	}

:focus  {
	outline: 0;
	}

/* END CSS RESET -------------------------------------------------------------*/



/* MISC ------------------------------------------------------------------ */

.clear  {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
		}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
	}	
	
.left   {
	float: left;
	display: inline;
	}

.right  {
	float: right;
	display: inline;
	}

.center {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
	}

.hidden  { display: none }

/*  END MISC ---------------------------------------------------------------- */



/* FONTS / TEXT ELEMENTS ------------------------------------------------- */

body    {
	font: 12px/20px "Helvetica neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	}

p       {
	margin: 20px 0;
	line-height: 20px;
	}

a       {
	text-decoration: none;
	}

a:link,
.content a:visited,
.content a:active,
.music-link,
button,
.button,
.reply-button a,
.comment .reply,
a:hover.nivo-nextNav ,
a:hover.nivo-prevNav,
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu ul a:hover,
.sf-menu li:hover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu ul li:hover,
.sf-menu ul li a:hover,
.sf-menu ul a:hover,
.sf-menu li.selected,
.sf-menu li.current-cat,
.sf-menu li.current-cat-parent,
.sf-menu li.current_page_item,
.sf-menu li.current_page_ancestor,
#topnavi .current-menu-item, {
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}

ul, ol, dl, dd, blockquote, address,
table, fieldset, form, .gallery-row {
	margin: 20px 0;
	}


h1, h2, h3, h4, h5, h6,
button,
.button1,
.buttonS,
.button2,
.cancelled,
.soldout,
.sf-menu a,
input.submit,
input[type='submit'],
.slicknav_menu ul li a,
.details,
.dropcap,
.tabs li a {
	font-family: "Francois One", "Helvetica neue", Helvetica, Arial, sans-serif;
	}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: bold;
	position: relative;
	margin: 20px 0;
	padding: 0;
	}

h1      {
	font-size: 32px;
	top: 4px;
	line-height: 40px;
	}

h2      {
	font-size: 24px;
	top: -4px;
	}

h3      {
	font-size: 20px;
	top: -3px;
	}

h4      {
	font-size: 16px;
	top: -2px;
	}

h5      {
	font-size: 14px;
	font-weight: lighter;
	top: -1px;
	}

h6      {
	font-size: 12px;
	font-weight: lighter;
	}

.title,
.pagetitle {
	margin-top: 0;
	}

.pagetitle {
	text-transform: uppercase;
	margin-top: 0;
	}

.entry-title {
	font-size: 32px;
	top: 4px;
	margin-top: 0;
	line-height: 40px;
	}


.news-home-title {
	font-size: 14px;
	top: -1px;
	font-weight: normal;
	line-height: 20px;
	text-transform: uppercase;        
	margin-top: 0;
	}        

.infotitle {
	font-family: "Helvetica neue", Helvetica, Arial, sans-serif !important;
	font-size: 12px;
	text-transform: uppercase;  
	font-weight: bold;
	line-height: 20px;     
	margin: 20px 0 0 0;
	clear: both;
	}  

.date-h {
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;        
	margin-top: 0;
	} 

.right-sidebar .widgettitle,
#footer .widgettitle {
	font-size: 14px;
	top: 0px;
	margin-top: 0;
	font-weight: lighter;      
	}
	
.home-content .widgettitle { 
	font-size: 32px;
	top: 4px;
	line-height: 40px;
	margin-top: 0px;
	text-transform: none;
	text-transform: uppercase;
	}       
	
.small  { font-size: 10px; }

strong  { font-weight: bold; }

address { font-style: italic; }

em, dfn, cite { font-style: italic; }

dfn     { font-weight: bold; }

del     { text-decoration: line-through; }

ins     { text-decoration: underline; }

sup     {
	font-size: 11px;
	vertical-align: top;
	}

sub     {
	font-size: 11px;
	vertical-align: bottom;
	}
	
blockquote {
	margin: 0 0 15px 15px;
	padding: 0 0 0 35px;
	font-style: italic;
	color: #888;
	}
	
textarea, input {
	font-size: 12px;
	font-family: "Droid Sans", "Helvetica neue", Helvetica, Arial, sans-serif;
	}        
	
pre, code {
	font-family: Courier, serif ;
	display: block;
	font-size: 12px;
	margin: 20px 0;
	padding: 10px 15px;
	white-space: pre-wrap;
	word-wrap: break-word;    
	}

ul, ol  {margin: 0 0 20px 18px;}
ul li   {list-style-type: disc;}
ol li   {list-style-type: decimal;}
ul      {list-style-type: square;}

table   {
	margin: 0 0 10px 0;
	width: 100%;
	}

table th,
table td {
	padding: 10px;
	line-height: 19px;
	text-align: center;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	}

table th {
	font-weight: bold;
	}

/*  END FONTS / TEXT ELEMENTS ----------------------------------------------- */



/*  LAYOUT --------------------------------------------------------------- */
html, body {
	height: 100%;
	}

/* sticky footer */
#wrapall {
	height: 100%;
	display: flex;
	flex-direction:column;
	}

/* sticky footer fix for IE11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	#wrapall {
		display: block;
	} 
}


#top-bar {
	flex-shrink: 0;
	}

#wrap-main {
	flex: 1 0 auto;
	}

#footer {
	flex-shrink: 0;
	}

/* top bar */
#top-bar {
	width: 100%;
	height: auto;
	overflow: hidden;    
	}   

/* main content */
#wrap-main {
	width: 1020px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	}

/* header */
#logo-navi-wrap {
	position: relative;
	}

#logo   {
	margin-top: 50px;
	display: block;
	}

#topnavi   {
	margin-top: 50px;
	}

.logoimage { 
	vertical-align: top;
	}


/* slider */
#slide-bg,
#slider {
	position:relative;
	}

#slide-bg {
	margin-top: 20px;
	padding: 20px;
	margin-bottom: 20px;
	}

#slider {
	width: 100%;
	overflow: hidden;
	}

#sliderspeed {
	display: none;
	}

.nivo-caption {
	max-width: 280px;
	}
       
.nivo-caption p {
	display: inline;	
	font-size: 26px;
	line-height: 34px;
	}


/* content */
#content-wrap {
	margin: 20px auto 0;
	}

#content {
	background: rgba(34, 34, 34, 0.97);
	padding: 20px;	
	overflow: hidden;
	box-sizing: border-box;
	}

.page-template-template-home #content {
	display: flex;
	}

.container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	}

.primary {
	width: 100%;
	}

.primary.has-sidebar {
	width: calc(100% - 220px - 40px);
	}

.right-sidebar {
	position: relative;
	max-width: 220px;
	flex: 0 0 220px;
	}


/* blog */
.primary article {
	padding: 20px 0;
	}

.primary article:first-child {
	padding-top: 0;
	}

.primary article,
.blogentry {
	display: flex;
	overflow: hidden;
	}

.primary article.sticky {
	border-bottom: 1px dashed;
	}

.post-right {
	width: calc(100% - 120px - 20px);
	flex-basis: calc(100% - 120px - 20px);
	}

/* post info */        
.postinfo {
	margin: 20px 40px 0 0;
	padding-bottom: 20px;
	float: left;
	width: 120px;
	text-transform: none;
	text-align: right;
	}
	      
.post-date   {
	font-family: Ruda, "Helvetica neue", Helvetica, Arial, sans-serif;        
	float: right;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 800;
	}
	
.date-right {
	float: right;
	}
	
.d, .m, .y {
	position: relative;        
	}

.d      {
	float: left;
	font-size: 43px;
	line-height: 43px;
	top: -10px;
	display: inline;
	}
	
.m      {
	float: right;
	text-transform: uppercase;
	font-size: 16px;
	top: -8px;
	margin-left: 5px;
	}

.y      {
	float: right;
	font-size: 10px;
	top: -8px;     
	margin-left: 5px;   
	clear: both;
	}      

.post-share a {
	font-size: 14px;
	padding-left: 4px;
	}

   
/* 404 error */
#error  {
	text-align: center;
	}


/* home */
.home-content .widget-area {
	flex: 0 0 220px;
	}

#home-news {
	margin: 0 30px;
	}

.headlines {        
	overflow: hidden;
	margin-bottom: 20px;
	}

.news-home-title {
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
.time-ago,
.comment-nr {
	margin: 0;
	padding: 0;
	display: inline;        
	font-size: 10px;
	}

.entry-h p {
	margin: 0;
	}
 
.home-post-content {
	margin-top: 5px;
	}
 
.tnail-h {
	float: left;
	margin-right: 10px;
	} 
 
.entry-ht p {
	margin: 0;
	} 
	
a.more-link  {
	text-transform: uppercase;
	font-size: 10px;
	display: block;
	margin-top: 20px;        
	}
	
.homenewsbutton {
	display: inline-block;
	margin-bottom: 20px;
	}

/* social icons */
.socialicons {
	margin: 0;
	}

.socialicons li {
	display: inline-block;
	}

#top-bar .socialicons {
	font-size: 16px;
	text-align: right;
	}

#top-bar .socialicons {
	max-width: 980px;
	margin: 0 auto;
	font-size: 16px;
	text-align: right;
	}

#top-bar .socialicons li {
	padding: 10px 0 10px 20px;
	}

#top-bar .socialicons img {
	height: 14px;
	}

#footer .socialicons {
	font-size: 32px;
	text-align: center;
	}

#footer .socialicons li {
	padding: 20px;
	}

#footer .socialicons img {
	height: 28px;
	}


/* items */
.two-items,
.three-items,
.four-items,
.five-items,
.six-items {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	}

.two-items .item,
.three-items .item,
.four-items .item,
.five-items .item,
.six-items .item {
	position: relative ;
	margin-right: 20px;
	margin-bottom: 20px;
	}

.two-items .item { 
	width: 50%;
	width: calc(100%/2 - 10px);
	flex-basis: calc(100%/2 - 10px);
	}

.two-items .item:nth-child(2n+2) {
	margin-right: 0;
	}

.three-items .item { 
	width: 33.33%;
	width: calc(100%/3 - 14px);
	flex-basis: calc(100%/3 - 14px);
	}

.three-items .item:nth-child(3n+3) {
	margin-right: 0;
	}

.four-items .item { 
	width: 25%;
	width: calc(100%/4 - 15px);
	flex-basis: calc(100%/4 - 15px);
	}

.four-items .item:nth-child(4n+4) {
	margin-right: 0;
	}
	
.five-items .item { 
	width: 20%;
	width: calc(100%/5 - 16px);
	flex-basis: calc(100%/5 - 16px);
	}

.five-items .item:nth-child(5n+5) {
	margin-right: 0;
	}
	
.six-items .item { 
	width: 25%;
	width: calc(100%/6 - 17px);
	flex-basis: calc(100%/6 - 17px);
	}

.six-items .item:nth-child(6n+6) {
	margin-right: 0;
	}


/* masonry */
.gallery-imagesitem.item {
	margin-right: 0 !important;
	}


/* item overlay */
.overlay {
	width: 100%;
	height: 100%;
	}
	
.overlay .mask, 
.overlay .content {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	bottom: 0;
	left: 0;
	}
	
.overlay img {
	display: block;
	position: relative;
	}

.overlay h2 {
	height: 100%;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	transform: translateY(-100px);
	transition: all 0.2s ease-in-out;
	opacity: 0;   	
	position: relative;
	padding: 12px;
	background-color: rgba(0,0,0,0.5);                
	}
	
.overlay .mask {
	opacity: 0;
	transition: all 0.4s ease-in-out;
	}

.overlay:hover .mask {
	opacity: 1;	
	}
	
.overlay:hover h2 {
	opacity: 1;
	transform: translateY(0);
	}




/*  END LAYOUT -------------------------------------------------------------- */



/*  AUDIO ------------------------------------------------------------------ */

/* album */
.album-left,
.album-center,
.album-right {
	float: left;
	}

.album-left,
.album-right  {
	width: 220px;
	}
	
.album-center {
	width: 420px;
	margin: 0 40px 0 40px;
	}

.buy-amazon,
.buy-itunes,
.buy-other {
	text-transform: none !important;
	margin-top: 10px;
	margin-right: 5px;
	display: inline-block;
	}       

.release-date {
	margin-top: 9px;
	font-weight: bold;
	}

.album-tracks ul {
	margin: 0;
	}

.album-tracks li {
	list-style-type: none;
	}
	
/* music links */
.music-links {
	margin-top: 40px;
	}

.music-link {
	padding: 20px 0;
	}

.music-link-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	}

.button.music-link-button {
	display: flex;
	align-items: center;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
	}

.music-link-button i {
	font-size: 10px;
	padding-right: 6px;
	}

.music-link .fab {
	font-size: 42px;
	}

/* self hosted playlist*/
.wp-playlist {
	border: 0 !important;
	padding: 20px 0 !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	}

.album-center .wp-playlist {
	margin: 0 !important;
	}

.wp-playlist-dark {
    color: inherit !important;
    background: transparent !important;
}

.wp-playlist .wp-playlist-current-item {
	display: none !important;
	}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
	background: #000 !important;
	}

.wp-playlist-item {
	padding: 8px 6px !important;
	border-bottom: 0 !important;
	}

.wp-playlist-item-length {
	top: 6px !important;
	}

/*  END AUDIO ------------------------------------------------------- */


/*  TOUR DATES -------------------------------------------------------*/
.upcoming,
.past   {
	margin-bottom: 20px;
	}
	
.tour table   {
	margin: 0;
	}
	
.tour table td,
.tour table th {
	text-align: left;  
	padding: 20px 0;
	}
	
.tour form,
.tour input {
	margin: 0;
	}

.tour-date {
	width: 200px;
	}
       
.tour-weekday,        
.tour-day,       
.tour-month,        
.tour-year,
.tour-time {
	display: inline;
	}
	
.tour-time {
	padding-left: 10px;
	font-weight: bold;
	}
	
.tour-weekday {
	text-transform: uppercase;
	}
	
.tour-city {
	width: 160px;
	}     

.tour table td.tour-city {
	padding-right: 40px;
	}  

.tour-venue {
	width: 140px; 
	}

.tour-url {
	width: 120px;
	}

.tour-button {
	float: right;
	margin-top: -9px;
	margin-bottom: -10px;
	}
	
.cancelled,
.soldout,
.img-link {
	display: inline-block;
	font-weight: normal;
	line-height: 14px;
	padding: 8px 10px 9px 10px;
	text-decoration: none;     
	margin: 0;
	float: right;
	}

.tour input,
.cancelled,
.soldout,
.img-link {
	margin-bottom: -10px;
	margin-top: -8px;
	}

.tour-more {
	text-transform: uppercase;
	font-weight: bold;
	}

.past-dates {
	margin-top: 60px;
	}

.pastdates-year{
	margin-bottom: 0;
	margin-top: 40px;
	}

.no_dates {
	margin-top: 20px;
	}


/* tour single */
.tour-single .title {
	text-transform: uppercase;
	}
	
.tour-single .tour-date {
	width: 100%;
	position: relative;
	font-size: 20px;
	top: -3px;
	font-weight: bold;
	}
	
.tour-single .tour-time {
	padding-left: 0;
	}

.tour-single .tour-venue,
.tour-single .tour-city {
	font-weight: bold;
	width: 100%;
	}
	
.tour-single .tour-venue {
	margin-top: 20px;
	}
	
.tour-single .tour-url {
	width: auto;
	}
	
.tour-single .tour-button,
.tour-single .cancelled,
.tour-single .soldout,
.tour-single .img-link {
	float: none;
	margin-top: 20px;
	margin-bottom: 0;
	}
	
.tour-single .tour-more {
	text-transform: none;
	font-weight: normal;
	}
	

/*  VIDEO ------------------------------------------------------------------*/
.video,
.video .item {
	position: relative;
	}

.videoicon {
	font-size: 50px !important;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	color: rgba(255,255,255,0.7);
	}

/*  END VIDEO ----------------------------------------------------------------*/


/*  GALLERY ------------------------------------------------------------------*/
.gallery .gallery-item {
	float: left;
	width: 140px;
	margin: 0 20px 0 0;
	text-align: center;
	position: relative;
	}

/*  END GALLERY ---------------------------------------------------------------*/



/*  NAVIGATION ----------------------------------------------------------------*/

.menu-regular {display: block;}
.menu-responsive {display: none;}


#topnavi  {
	height: 42px;
	}

.sf-menu,
.sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.sf-menu {
	line-height: 1.0;
	}

.sf-menu a {
	font-weight: normal;
	padding: 15px 15px;
	font-size: 12px;
	text-decoration:none;
	}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
	outline: 0;
	}

.sf-sub-indicator {
	font-size: 8px;
	padding-left: 2px;
	}

.sf-menu ul { /* dropdown */       
	width: 135px;
	left: 25px;
	padding: 0px;
	text-align: left;
	z-index: 20000;
	margin-top: 14px;
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
	}

.sf-menu ul a {
	padding: 15px 10px;
	height: auto;
	text-align: left;
	display: block;
	}

.sf-menu ul li {
	width: 100%;
	}

.sf-menu li {
	float: left;
	position: relative;        
	margin-right: 2px;
	}

.sf-menu li,
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	z-index: 999;
	}

.sf-menu a {
	display: block;
	position: relative;
	}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* match top ul list item height */
	z-index: 99;
	}

.sf-menu li:hover li ul,
.sf-menu li.sfHover li ul {
	top: -999em;
	}

.sf-menu li li:hover ul,
.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
	}

.sf-menu li li:hover li ul,
.sf-menu li li.sfHover li ul {
	top: -999em;
	}

.sf-menu li li li:hover ul,
.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
	}

/*  END NAVIGATION ---------------------------------------------------------- */


/*  SIDEBAR AND WIDGETS -------------------------------------------------- */
#wrapper .widget-area {
	margin-bottom: 20px
	}

.widget-area ul,
.widget-area p {
	margin: 0;
	}

.widget-area ul li {
	list-style-type: none;
	}

.widget {
	margin-top: 40px;
	overflow: hidden;
	}

.widget:first-child {
	margin-top: 0;
	}

/* footer widget area */
#footer-widget-area {
	display: flex;
	padding: 20px 40px;
	box-sizing: border-box;
	}

#footer-widget-area .widget-area {
	margin-right: 20px;
	width: 25%;
	width: calc(100%/4);
	flex-basis: calc(100%/4);
	box-sizing: border-box;
	}	

#footer-widget-area .widget-area:nth-child(4n+4) {
	margin-right: 0;
	}

/* gallery widget and images widget */
.gallery-widget {
	display: flex;
	flex-wrap: wrap;
	position: relative;	
	}

.gallery-widget h2 {
	font-size: 14px;
	}

.gallery-widget .gallery-item { 
	width: 50%;
	width: calc(100%/2 - 10px);
	flex-basis: calc(100%/2 - 10px);
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	}

.gallery-widget .gallery-item:nth-child(2n+2) {
	margin-right: 0;
	}

.gallery-thumb-single {
	display: block;
	}

/* album widget */ 
.album-widget .item {
	position: relative;
	}

.album-widget form { 
	display: inline;
	}
	
.album-widget .album_item { 
	margin-bottom: 0px;
	}
	
.album-widget .button2 {
	margin-top: 10px;
	margin-right: 5px;
	}

/* video widget */
.video-widget .item { 
	height: 140px;
	width: 220px;
	margin-top: 20px;
	margin-bottom: 0;
	}

/* tour widget */
.tourdates-item {
	padding-bottom: 20px;
	}

.tour-date-w
	{
	float: left;
	width: 60px;
	height: 60px;
	font-family: Ruda, "Helvetica neue", Helvetica, Arial, sans-serif;        
	}

.tour-day-w {        
	font-size: 32px;
	position: relative;
	top: 8px;
	font-weight: 800;
	}
	
.tour-month-w {
	font-size: 18px;
	position: relative;
	top: 12px;
	text-transform: uppercase;
	font-weight: 800;
	}

.tourright {
	overflow: hidden;
	}
	
.tour-url-w form {
	margin: 0;
	padding: 0;
	}
	
.tour-url-w {
	overflow: hidden;
	}
	
.widget-area .tour-button,
.widget-area .soldout,
.widget-area .cancelled {
	margin: 5px 0 0 0;
	position: static;
	float: left;
	}

/* menu widget */
.widget_nav_menu .menu-item {
	box-sizing: border-box;
	float: left;
	margin-right: 5px;
	padding: 0 5px 0 0;
	width: 100px;
	}

/* pages widget */
.widget_pages li.page_item {
	width: 110px;
	float: left;
	}

/* comment widget*/


/* news widget */
.news-widget-title {
	font-family: "Helvetica neue", Helvetica, Arial, sans-serif !important;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	top: 0;
	margin-top: 0;
	margin-bottom: 20px;  
	} 

/* calendar widget */
#wp-calendar tr {
	border: 0;
	}


/* END SIDEBAR AND WIDGETS -------------------------------------------------------------- */



/*  6. FOOTER --------------------------------------------------------------- */
#footer  {
	width: 100%;
	margin-top: 40px;
	overflow: hidden;
	} 

#footerwrapper {
	width: 1020px;
	margin: 0 auto;
	padding: 0;        
	overflow: hidden;
	}

#copyright {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
	overflow: hidden;
	text-align: center;
	}

#footer .current-menu-item {
	background-color: transparent;
	}

/*  END FOOTER -------------------------------------------------------------- */



/*  8. IMAGES --------------------------------------------------------------- */
img     {
	position: relative;
	max-width: 100%;
	height: auto;     
	overflow: hidden;
	}
	
a img   {
	border: none;      
	}
	
.alignnone,
.alignleft,
img.alignleft,
.alignright,
img.alignright,
.aligncenter,
img.aligncenter {
	margin-top: 20px;
	margin-bottom: 20px;
	}

.alignleft,
img.alignleft {
	margin-right: 20px;
	float: left;
	}

.alignright,
img.alignright {
	margin-left: 20px;
	float: right;
	}

.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.tnail img {
	margin: 0 20px 14px 0;
	}

#fullResImage {
	padding: 0;
	border: 0;
	}

.wp-caption-text {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	line-height: 10px;
	margin-bottom: 23px;
	}

.wp-caption,
.gallery-caption,
.wp-caption-text {
	text-align: right;
	margin: 0;
	padding: 0;
	max-width: 100%;
	}
      
/*  END IMAGES -------------------------------------------------------------- */



/*  10. PAGINATION ---------------------------------------------------------- */
#pagination {
	margin: 0px;
	float: left;
	text-transform: uppercase;
	}

.pagination_main {
	clear:both;
	position:relative;
	font-size:11px;
	line-height:13px;
	}

.pagination_main span,
.pagination_main a {
	display:block;
	float:left;
	margin: 16px 2px 17px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	}

.pagination_main .current {
	padding:6px 9px 5px 9px;
	}

/*  END PAGINATION ---------------------------------------------------------- */


/*  11. COMMENTS  ------------------------------------------------------------*/

.comment-topborder {
	margin: 40px 0 20px 0;
	}

#respond,
#comments,
.commentlist,
.comment,
.children .comment {
	margin: 0;
	padding: 0;
	}

#comments {
	margin-top: 20px;
	}

#comments-number {
	margin: 40px 0 0 0;
	}
		
.comment,
.children .comment {
	list-style-type: none;
	}
	
.comment {
	width: 100%;
	display: inline-block;
	}
	
.comment p {
	margin-bottom: 15px;
	}
	
#comments .children {
	margin:  0 0 0 60px;
	}

#comments .depth-5 .children {
	margin:  0;
	}
	
.single-comment {
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	}

.comment .avatar {
	float: left;
	margin: 20px;
	clear: both;
	}

.comment-body {
	float: left;
	width: calc(100% - 200px);
	}

.commentmetadata {
	float: left;
	margin-top: 20px;
	}
	
cite.fn {
	font-size: 16px;
	}

.bypostauthor cite.fn {
	font-size: 18px;
	}

.comment-date,
.comment-date a {
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 20px;
	text-transform: uppercase;
	}
	
.comment-text{
	clear: both;
	}        
	
.comment .reply  {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: block;
	font-weight: normal;
	line-height: 14px;
	padding: 8px 10px 9px 10px;
	text-decoration: none;
	}
	 
.comment-counter {
	font-family: Ruda, "Helvetica neue", Helvetica, Arial, sans-serif;  
	font-size: 30px;
	font-weight: bold;
	color: #aaa;
	position: absolute;
	top: 20px;
	right: 20px;        
	}
	
.depth-2 .comment-counter {
      display: none;
	}
	
.depth-1 .comment-arrow {
      display: none;
	}
	
.depth-2 .comment-arrow {
	display: inline;
	font-family: Ruda, "Helvetica neue", Helvetica, Arial, sans-serif;  
	font-size: 30px;
	font-weight: bold;
	position: absolute;
	top: 20px;
	right: 20px;        
	}
 
.moderation {
	font-size: 11px;
	font-style: italic;
	}

/* comment pagination */
.page-numbers
	{
	display:block;
	float:left;
	margin: 20px 2px 20px 0;
	padding:3px 9px 2px 9px;
	text-decoration:none;
	width:auto;
	}

/*  END COMMENTS  -------------------------------------------------------- */


/*  FORMS ---------------------------------------------------------------- */

textarea, input {
	border: none;
	padding: 4px 10px;
	margin-right: 10px;
	overflow: auto;
	}

form p {padding: 0 0 20px 0;}


/* contact form 7*/
.wpcf7 textarea, 
.wpcf7 input {
	margin-top: 10px;
	width: 400px;
	max-width: 100%
	}



/* comment-form */
#respond p {
	margin-top: 0;
	}

       
#commentform {
	display: block;
	margin: 0;
	}

#commentform label {
	position: relative;
	top: 0px;
	}

#commentform ul {
	margin: 0;
	}

#commentform li {
	padding: 0;
	margin-bottom: 20px;
	clear: both;
	border: 0;
	}

#commentform ul,
#commentform li{
	list-style-type: none;
	list-style-image: none;
	}

#commentform input,
#commentform textarea {
	float: left;
	}

input#author,
input#email,
input#url {
	width: 220px;
	height: 20px;
	}

#commentform textarea {
	width: 380px;
	}

form p {
    padding: 0 0 10px;
}

.comment-form-comment {
    float: left;
    width: 100%;
}

.comment-form-url,
.form-allowed-tags {
    display: none;
}

#respond .submit {
    margin-bottom: 20px;
}


a#cancel-comment-reply-link {
	display: inline-block;   
	margin-top: 10px;
	}
	
/* search form */
.searchform {
	margin: 10px 0 0 0;
	display: flex;
	}
	
#searchinput,
.search-field {
	float: left;
	margin: 0 8px 0 0;
	outline: medium none;
	padding-left: 10px;
	width: calc(100% - 40px);
	border: none;
	box-sizing: border-box;
	}        

.button-searchform {
	float: right;
	cursor: pointer;
	height: 29px;
	width: 32px;
	margin: 0;
	vertical-align: middle;
	border: none;
	}

.search-field,
.button-searchform {
	height: 32px;
	}

/*  END FORMS ------------------------------------------------------------- */


/*  BUTTONS --------------------------------------------------------------- */
button,
.button,
input.submit,
input[type="submit"],
.reply-button a {
	cursor: pointer;         
	overflow: visible;
	display: inline-block;
	text-align: center;
	padding: 6px 10px;
	font-size: 13px;
	border: 0;
	border-radius: 0;
	text-decoration: none;
	border-style: solid;
	-webkit-appearance: none;
	word-break: initial;
	white-space: nowrap;
	width: auto;
	}

.wpcf7 input[type="submit"] {
	min-height: 34px;
	box-sizing: border-box;
}


/*  END BUTTONS ------------------------------------------------------------ */



/*******************
* RESPONSIVE  LAYOUT
*******************/


/* 
-------------------------------------------
	INDEX 
-------------------------------------------
	1. Tablet Portrait 
	2. Mobile (Landscape) 
	3. Mobile (Portrait)
	4. Large Screens

-------------------------------------------
*/


/* 1. Tablet Portrait -------------------------------------------------*/
@media only screen and (max-width: 959px) { 

	body.is-mobile.custom-background {
		background-repeat: repeat;
		background-attachment: initial;
		}

	/* top bar */
	#top-bar .socialicons {
	text-align: center;
	}

	/* logo */
	#logo {
		text-align: center;
		}

	/* navigation */
	.menu-regular { 
		display: none; 
		}

	.menu-responsive { 
		display: block; 
		}

	#logo, #topnavi, .menu-responsive {
	    margin-top: 30px !important;
	}

	.toggle-nav.fas.fa-bars {
		font-size: 20px;
		}

	.slicknav_menutxt {
		font-size: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		}

	.slicknav_menutxt i {
		padding: 8px;
		}

	.slicknav_nav .sf-sub-indicator {
		display: none;
		}

	#topnavi .hide-on-mobile {
		display: none;
		}

	/* reorder content on home page */
	#content {
		display: flex;
		flex-direction: column
		}

	.primary.has-sidebar {
		width: 100%;
		}

	#home-news {order: 1;}

	#homew1 {order: 2;}

	#homew3 {order: 3;}

	#homew1,
	#homew3 {
		margin-top: 40px;
		}


	/* items */	
	.five-items .item { 
		width: 25%;
		width: calc(100%/4 - 15px);
		flex-basis: calc(100%/4 - 15px);
		}

	.five-items .item:nth-child(5n+5) {
		margin-right: 20px;
		}

	.five-items .item:nth-child(4n+4) {
		margin-right: 0;
		}
			
	.six-items .item { 
		width: 20%;
		width: calc(100%/5 - 16px);
		flex-basis: calc(100%/5 - 16px);
		}
	.six-items .item:nth-child(6n+6) {
		margin-right: 20px;
		}

	.six-items .item:nth-child(5n+5) {
		margin-right: 0;
		}


	/* home */
	#home-news {
		margin: 0;
		}


	/* sidebar / widgets */   
	#footerwrapper,   
	.home-content .widget-area {
		width: 100%;
		}
	#footer-widget-area {
		width: 100%;
		flex-direction: column;

		}

	#footer-widget-area .widget-area {
		margin-right: 0;
		width: 100%;
		flex-basis: 100%;
		}

	.right-sidebar {
		max-width: 100%;
		flex: 0 0 100%;
		}

	.video-widget,
	.tourdates-widget {
		display: flex;
		flex-wrap: wrap;
		}

	.video-widget .item {
		height: auto;
		width: 33.33%;
		width: calc(100%/3 - 14px);
		flex-basis: calc(100%/3 - 14px);	
		margin-right: 20px;
		}

	.video-widget .item:nth-child(3n+3) {
		margin-right: 0;
		}

	.gallery-widget .item {
		width: 25%;
		width: calc(100%/4 - 15px);
		flex-basis: calc(100%/4 - 15px);
		}

	.gallery-widget .item:nth-child(2n+2) {
		margin-right: 20px;
		}

	.gallery-widget .item:nth-child(4n+4) {
		margin-right: 0;
		}

	.tourdates-widget .item {
		margin-right: 40px;
		min-width: calc(100%/3 - 40px)
		}

	.album-widget .item { 
		width: 50%;
		width: calc(100%/2 - 10px);
		flex-basis: calc(100%/2 - 10px);
		}
		
	/* music */
	.album-left,
	.album-center,
	.album-right {
		float: none;
		width: 100%;
		margin: 0;
		}
    		      
}






/* 3. Mobile (Landscape)  *********************************************************/
@media only screen and (max-width: 767px) {
	
	.styleswitcher {display: none;}

	/* social top bar */
	ul#socialicons.social-top {
		position: relative;     
		text-align: center;
		margin: 0 auto;
		float: none;
		padding: 8px 0 4px 0;
		margin-bottom: 8px;
		}
	
	ul#socialicons.social-top li,
	#socialicons.social-top li a	{
		display: inline;
		position: relative;
		float: none;
		}

	.social-top img {
		max-height: 16px;
		padding: 8px 0 0;
		}


	/* center logo */		
	#logo {
	    text-align: center;
	}


	/* items */
	.three-items .item { 
		width: 50%;
		width: calc(100%/2 - 10px);
		flex-basis: calc(100%/2 - 10px);
		}

	.three-items .item:nth-child(3n+3) {
		margin-right: 20px;
		}

	.three-items .item:nth-child(2n+2) {
		margin-right: 0;
		}

	.four-items .item { 
		width: 33.33%;
		width: calc(100%/3 - 14px);
		flex-basis: calc(100%/3 - 14px);
		}

	.four-items .item:nth-child(4n+4) {
		margin-right: 20px;
		}

	.four-items .item:nth-child(3n+3) {
		margin-right: 0;
		}

	.five-items .item { 
		width: 33.33%;
		width: calc(100%/3 - 14px);
		flex-basis: calc(100%/3 - 14px);
		}

	.five-items .item:nth-child(4n+4) {
		margin-right: 20px;
		}

	.five-items .item:nth-child(3n+3) {
		margin-right: 0;
		}

	.six-items .item { 
		width: 25%;
		width: calc(100%/4 - 15px);
		flex-basis: calc(100%/4 - 15px);
		}
	.six-items .item:nth-child(5n+5) {
		margin-right: 20px;
		}

	.six-items .item:nth-child(4n+4) {
		margin-right: 0;
		}


	/* widgets */
	.video-widget .item {
		width: 50%;
		width: calc(100%/2 - 10px);
		flex-basis: calc(100%/2 - 10px);
		}

	.video-widget .item:nth-child(3n+3) {
		margin-right: 20px;
		}

	.video-widget .item:nth-child(2n+2) {
		margin-right: 0;
		}

	.gallery-widget .item {
		width: 50%;
		width: calc(100%/2 - 10px);
		flex-basis: calc(100%/2 - 10px);
		}

	.gallery-widget .item:nth-child(3n+3) {
		margin-right: 20px;
		}

	.gallery-widget .item:nth-child(2n+2) {
		margin-right: 0;
		}

	.album-widget .item { 
		width: 50%;
		width: calc(100%/2 - 10px);
		flex-basis: calc(100%/2 - 10px);
		}
			
		
	/* pages */	
	.pagetitle {
		text-align: center;
		}		
		
		
	/* news */
	.primary article, 
	.blogentry {
		flex-direction: column;
		}

	.postinfo {
		margin: 0;
		margin-bottom: 20px;
		padding: 0;
		width: 100%;
		text-align: left;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		}

	.post-info-item {
		float: left;
		padding-right: 40px;
		}
	
	.post-share {
		padding-right: 0;
		}
	
	.post-author, .post-commentnr, .post-share {
		max-width: 20%;
		}

	.post-tags.post-info-item {
		order: 2;
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
		}

	.infotitle {
		margin: 0;
		clear: none;
		}
	
	.post-date {
		margin-top: 10px;
		}
	
	.entry-single, 
	.post-right, 
	.title, 
	.tnail, 
	.entry { 
		width: 100%; 
		}

	
	
	/* audio */		
	.album-center,
	.album-right {
		float: none;
		width: 100%;
		}
		
	.album-center {
	    margin: 0;
	}

	
	/* tour */
	.pastdates-year {
		text-align: center;
		margin-bottom: 20px;
		}		

		
	/* Force table to not be like tables anymore */
	.tour table,
	.tour thead,
	.tour tbody,
	.tour th,
	.tour td,
	.tour tr { 
		display: block; 
		}

	.tour tr {
		padding-bottom: 10px;
		margin-bottom: 20px;
		}

	.tour table td {
		border-bottom: none;
		text-align: center;
		padding: 4px 0;
	}
	
	.tour td { 
		/* Behave  like a "row" */
		position: relative;
		padding-left: 50%;
		width: 100%;
	}


	.tour table td.tour-date,
	.tour table td.tour-event,
	.tour table td.tour-track,
	.tour table td.tour-city,
	.tour table td.tour-sanction,
	.tour table td.tour-classes,
	.tour table td.tour-coverage,
	.tour table td.tour-time {
		padding-right: 0px;
		}

	
	.tour td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		}

	.tour-button,
	.soldout,
	.cancelled {
		float: none;
		margin: 10px 0;
		display: inline-block;
		} 

	
	/* commentform */	
	#commentform {
		width: 98%;
		}
		
	#commentform textarea, 
	#commentform input#author,
	#commentform input#email {
	    width: 100% !important;
	}

	#commentform li {
		margin-bottom: 10px;
		}

		
	/* widgets */        		
	.widget {
		margin-bottom: 10px;
		}
	 

	/*  comments */
	#comments .children { margin: 0; }
		
	.comment-text {
		padding-bottom: 40px;
		}

	h6#comments-number {
		padding: 0;
		}
	
	.nav_pagination_bottom {
		margin-left: 0;
		}        
	
	#respond {
		margin: 0;
		}

	.comments-closed {
		margin-left: 0;
		}
	
}



/* 3. Mobile (Portrait)  *************************************************************/
@media only screen and (max-width: 600px) {
	
	#slide-bg {
		padding: 0;
		}

	/* ITEMS */
	.four-items .item { 
		width: 50%;
		width: calc(100%/2 - 10px);
		flex-basis: calc(100%/2 - 10px);
		}

	.four-items .item:nth-child(3n+3) {
		margin-right: 20px;
		}


	.four-items .item:nth-child(2n+2) {
		margin-right: 0;
		}

	.five-items .item { 
		width: 50%;
		width: calc(100%/2 - 10px);
		flex-basis: calc(100%/2 - 10px);
		}

	.five-items .item:nth-child(3n+3) {
		margin-right: 20px;
		}

	.five-items .item:nth-child(2n+2) {
		margin-right: 0;
		}
		
	.six-items .item { 
		width: 33.33%;
		width: calc(100%/3 - 14px);
		flex-basis: calc(100%/3 - 14px);
		}
	.six-items .item:nth-child(4n+4) {
		margin-right: 20px;
		}

	.six-items .item:nth-child(3n+3) {
		margin-right: 0;
		}


	/* WIDGETS ********************************************/
	
	/* tourdates widget */
	.tourdates-widget .item {
		min-width: calc(100%/2 - 40px);
		}

	/* album widget */
	.album-widget .item { 
		width: 100%;
		}
		 
	.album-widget .album_item img,
	.album-widget .mosaic-block-a 	{
		width: 270px;
		height: 270px;
		}
	
	.album-widget .aw-size {
		width: 270px !important;
		}
}

/* 2. Mobile (Landscape)  ----------------------------------------------------*/
@media only screen and (max-width: 767px) {

		


}