/**************************************************************/
/* global styles */
/**************************************************************/



/**************************************************************/
/*  reset  */

* { 
	margin: 0;
	padding: 0;
	}
html, body, #body_wrap1	{
	height: 100%;
	}

/* apply border-box layout to all elements but allow components to change */
html,
select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	}
*, *:before, *:after {
  box-sizing: inherit;
	}
	
*:focus,
.focused,
.chosen-container-active > a,
[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus	{
	outline: 2px dotted blue !important;
	}
	
.hide-from-all	{ /* hides from visual users + screen reader */
	display: none !important;
	visibility: hidden !important;
	}
	
i, em	{
	font-style: italic;
	}



/**************************************************************/
/*  various global classes  */

.visually-hidden	{
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
	word-wrap: normal;
	}
.visually-hidden-reset,
.visually-hidden.visually-hidden-reset,
#skip1:focus,
#skip-to-main-content:focus	{
	position: static !important;
	clip: auto;
	overflow: visible;
	height: auto;
	width: auto;
	word-wrap: initial;
	}
#skip1:focus,
#skip-to-main-content:focus	{
	display: block;
	color: #fff;
	padding: 5px;
	background-color: red;
	font-size: 18px;
	}
.trigger-text	{
	display: block;
	text-align: left;
	text-indent: -9999px;
	}
	
a.anchor-block	{
	display: block;
	color: #000;
	}

	
.break-text {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

	}
	
.background-blue	{
	background-color: #5390af;
	}



/**************************************************************/
/*  various global elements  */

body	{
	min-width: 300px;
	width: 100%;
	overflow-x: hidden;
	text-align: left;
	color: #000;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	line-height: 1.4;
	}
a	{
	cursor: pointer;
	text-decoration: none;
	outline: none;
	color: orange;
	}
a:hover,
a:focus	{
	transition: all .15s ease-in-out;
	color: #841600;
	}
img     {
	border: 0;
	font-size: 10px;
	line-height: 1;
	}
acronym, abbr	{
	border: none;
	border-bottom: 1px dotted #ccc;
	font-style: normal;
	color: inherit;
	}
th	{ text-align: left; }
iframe	{
	border: none;
	}
blockquote	{
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
	}
dl dt,
dd	{
	margin: 0;
	}
figure	{
	font-size: .1px;
	}
figure,
.media	{
	margin-bottom: 39px;
	}
figcaption,
.media .field--name-field-description,
.media--image .field--name-field-description,
.media--video .field--name-field-description	{
	margin-top: 22px;
	border-left: 2px solid yellow;
	font-size: 13px;
	line-height: 1.584615;
	padding: 9px 200px 5px 27px;
	padding-right: 0;
	}
cite	{
	color: #000;
	}
	
h1	{
	font-size: 32px;
	font-family: 'Domine', serif;
	}
h2	{
	font-size: 28px;
	font-family: 'Domine', serif;
	}
h3, h4, h5, h6	{
	font-size: 22px;
	font-family: 'Domine', serif;
	}





/**************************************************************/
/*  lists  */

ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	}
ul li	{
	list-style-type: none;
	list-style-image: none;
	}
ol	{
	list-style-type: decimal;
	}
ol li	{
	margin-bottom: .5em;
	margin-left: 1em;
	padding-left: .5em;
	}
	
ol.list_decimal	{
	list-style-type: decimal;
	}
ol.list_lower_alpha	{
	list-style-type: lower-alpha;
	}
ol.list_upper_alpha	{
	list-style-type: upper-alpha;
	}
ol.list_lower_roman	{
	list-style-type: lower-roman;
	}
ol.list_upper_roman	{
	list-style-type: upper-roman;
	}
	
/* uses a counter (not supported in IE8) */
ol.counter-1,
ol.counter-1 ol {
    counter-reset: item;
	}
ol.counter-1 > li,
ol.counter-1 ol > li {
    counter-increment: item;
	}
ol.counter-1 ol > li {
    display: block;
	}
ol.counter-1 ol > li:before {
    content: counters(item, ".") ".";
    display: block;
	}
	
ol.no-counter-1,
ol.no-counter-1 li	{
	list-style-type: none;
	}
ol.no-counter-1	{
	margin-left: .75em;
	}
	
main ul,
ol ol	{
	margin-left: 1.5em;
	}
main ul ul,
ol ol	{
	margin-top: .4em;
	margin-bottom: .4em;
	}
main ul li	{
	list-style-type: disc;
	}
main ul.list_no_bullets li,
main .jcarousel ul li	{
	list-style-type: none;
	}


	
	
	
/**************************************************************/
/*  tables  */

.css-table	{
	display: table;
	width: 100%;
	border-collapse: collapse;
	}
.css-table-row	{
	display: table-row;
	}
.css-table-cell	{
	display: table-cell;
	vertical-align: top;
	}
.css-table-cell.align-middle	{
	vertical-align: middle;
	}
	
table	{
	border-collapse: collapse;
	width: 100%;
	font-size: 14px;
	line-height: 1.45;
	border: none;
	margin-bottom: 2.5em; /* tables visually benefit from extra margin when above other elements */
	}
main table	{
	overflow-x: auto;
	/* display: block; why was this used? to enforce overflow for mobile? */
	}
main .table_wrapper1	{
	overflow-x: auto;
	}
.admin-menu article table	{
	display: table;
	}
table caption	{
	padding: 7px 6px;
	font-size: 18px;
	text-align: center;
	}
table td,
table th,
table th label,
.calendar-calendar table thead th.days	{
	padding: 11px 13px 10px;
	vertical-align: top;
	}
table th,
table thead th,
table thead td,
.calendar-calendar table thead th.days	{
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	background-color: red;
	color: #fff;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	letter-spacing: .05em;
	}
table th a,
main table th a	{
	text-decoration: none;
	color: #fff;
	}
table th a:focus,
main table th a:focus	{
	text-decoration: underline;
	}
table th.active img	{
	display: none;
	}
table tr.odd,
table tr:nth-child(odd)	{
	background-color: transparent;
	}
table tr.even,
table tr:nth-child(even)	{
	background-color: #f9fafb;
	}
table tr.odd,
table tr.even,
table tr:nth-child(odd),
table tr:nth-child(even),
.calendar-calendar table tr.odd.single-day,
.calendar-calendar table tr.even.single-day	{
	border-bottom: 1px solid #ededed;
	}
table tr td.white_cell_background	{
	background-color: #fff;
	}
table tr.odd td.active,
table tr:nth-child(odd) td.active	{
	background-color: #fbfaf8;
	}
table tr.even td.active,
table tr:nth-child(even) td.active	{
	background-color: #f5f5f4;
	}
table tr:last-child	{
	border-bottom: 1px solid #bdc3c8;
	}
table tr th:first-child	{
	border-left: 1px solid #1e354a;
	}
table tr th:last-child	{
	border-right: 1px solid #1e354a;
	}
table thead tr,
table thead tr.odd,
table thead tr.even,
table thead tr:nth-child(odd),
table thead tr:nth-child(odd)	{
	border-bottom: 1px solid #1e354a;
	}
table tr td:first-child	{
	border-left: 1px solid #ededed;
	}
table tr td:last-child	{
	border-right: 1px solid #ededed;
	}

/* evenly spaced columns */
table.table_2_column th,
table.table_2_column td	{
	width: 50%;
	}
table.table_3_column th,
table.table_3_column td	{
	width: 33.3%;
	}
table.table_4_column th,
table.table_4_column td	{
	width: 25%;
	}
table.table_5_column th,
table.table_5_column td	{
	width: 20%;
	}

/* controlling the first column */
table.table_col1_50pct th.table_column1,
table.table_col1_50pct td.table_column1	{
	width: 50%;
	}
table.table_col1_33pct th.table_column1,
table.table_col1_33pct td.table_column1	{
	width: 33.3%;
	}
table.table_col1_25pct th.table_column1,
table.table_col1_25pct td.table_column1	{
	width: 25%;
	}

/* layout table... because */
table.layout-1	{
	border-collapse: collapse;
	margin: 0;
	width: auto;
	border-spacing: 0;
	}
table.layout-1 tbody	{
	border: none;
	}
table.layout-1 td,
table.layout-1 th	{
	padding: 0;
	vertical-align: top;
	}
table.layout-1 tr.odd,
table.layout-1 tr.even,
table.layout-1 tr td:first-child,
table.layout-1 tr td:last-child,
table.layout-1 tr:nth-child(odd),
table.layout-1 tr:nth-child(even)	{
	background-color: transparent;
	border: none;
	}
	
.table-container	{
	overflow: auto;
	}


	
	
	
/**************************************************************/
/*  form elements  */

main textarea	{
	height: 200px;
	}
main input[type=submit]	{
	}
	
legend {
  padding: 0;
  display: table;
	}
fieldset {
  border: 0;
  padding: 0.01em 0 0 0;
  margin: 0;
  min-width: 0;
	
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px 15px 1px;
	}
fieldset fieldset {
  border-color: #e5e5e5;
	}
details fieldset	{
	padding-top: 5px;
	padding-bottom: 1px;
	}
main form fieldset.form-item	{
	margin-bottom: 25px;
	}
body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
	}
	
select	{
	font-size: inherit;
	background-color: initial;
	}

[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"],
[type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"],
[type="time"], [type="url"], [type="color"], textarea, select,
.chosen-container-multi .chosen-choices li.search-field input[type="text"]	{
	height: auto;
	padding: 10px;
	font-size: inherit;
	color: inherit;
	margin-bottom: 0;
	text-transform: inherit;
	background-color: #fff;
	border-color: #bcbec0;
	}
[type="submit"]	{
	padding: 3px 6px;
	font-size: inherit;
	color: inherit;
	margin-bottom: 0;
	text-transform: inherit;
	border: none;
	}
[type="file"],[type="checkbox"],[type="radio"]	{
	margin-bottom: 0;
	/* needs specificity
	position: relative;
	top: -5px;
	*/}
	
label,
.field--label-inline .field__label,
.field--label-inline .field__item	{
	display: inline;
	}

details	{
	border: 1px solid #ccc;
	padding: 15px;
	margin-bottom: 30px;
	}
.details--content	{
	margin-top: 25px;
	}
details summary	{
	outline: none;
	cursor: pointer;
	}

main form.user-login-form,
main form.content-moderation-entity-moderation-form	{
	max-width: 600px;
	}
main .views-exposed-form form	{
	max-width: none;
	}
main form .form-item	{
	margin-bottom: 15px;
	}
main form fieldset.fieldgroup	{
	position: relative;
	}
main form fieldset.fieldgroup legend	{
	font-size: 16px;
  color: #666;
	}
main form > fieldset > legend	{ /* make it look like H2 */
	color: #006f7e;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-size: 18px;
  font-weight: 700;
  padding: 0 15px;
  line-height: 1.2;
	}
main form .fieldset-wrapper .form-item	{
	margin-bottom: 1px;
	}
main form .fieldset-wrapper	{
	margin-bottom: 10px;
	}
main form .fieldset-wrapper .form-item	{
	margin-bottom: 1px;
	}
main .bi-button-container.input--form-submit	{
	float: right;
	}
	
.form--element--label-wrapper label.form-required:before	{
	content: "* ";
	color: red;
	}
.form--element--content-wrapper	{
	position: relative;
	}
	
.form--actions	{
	padding-top: 15px;
	}

main .form--actions--back .bi-button-container.input--form-submit	{
	float: left;
	}
	
ul.entity-moderation-form li	{
	display: block;
	width: 100%;
	list-style-type: none;
	}
ul.entity-moderation-form .form--element--label-wrapper	{
	display: block;
	}

	



/**************************************************************/
/*  re-add bottom margins  */

main h1	{
	margin-bottom: 21px;
	}
h3, h4, h5, h6	{
	margin-bottom: 5px;
	}
h2	{
	margin-bottom: 15px;
	}

p,
ul, 
ol,
iframe,
article form,
article fieldset	{
	margin-bottom: 1.5em;
	}


	


/**************************************************************/
/*  clearing floats  */

.clear1:after,
.wrap1:after,
ul.clear1 li:after,
nav:after,
nav ul:after,
main:after,
.row:after,
.inner_row:after,
.views-row:after,
.views-row-container:after,
.region--content_after:after,
.paragraph:after,
.progress:after	{
	content: "";
	display: block;
	height: 0;
	clear: both;
	}
	


/**************************************************************/
/*  view pager  */

nav.pager ul,
.pager_container ul	{
	margin-left: 0;
	font-size: .1px;
	}
nav.pager li,
.pager_container li	{
	font-size: 18px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	}
main nav.pager li,
main .pager_container li	{
	margin-bottom: 0px;
	}
nav.pager li a,
.pager_container li a,
nav.pager li span.pseudo-anchor,
.pager_container li span.pseudo-anchor	{
	display: block;
	padding: 2px 10px;
	border-bottom: 1px solid transparent;
	}
nav.pager .is-active a	{
	color: #fff;
	background-color: red;
	}
nav.pager li:hover a	{
	border-bottom: 1px solid red;
	}



/**************************************************************/
/*  rows and columns  */
	
.inner_column	{
	float: left;
	}
.columns.column_no_padding_both,
.columns.column-no-padding-both	{
	padding-left: 0;
	padding-right: 0;
	}
.columns.column_no_padding_left,
.columns.column-no-padding-left	{
	padding-left: 0;
	}
.columns.column_no_padding_right,
.columns.column-no-padding-right	{
	padding-right: 0;
	}
	
	
.row.body--header--row-1,
.row.body--header--row-2	{
	}
.row.row-full-width	{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
.row .row.row-no-margin-both,
.row .row.row-auto-margin-both	{
	margin-left: auto;
	margin-right: auto;
	}
.row .row.row-no-margin-left	{
	margin-left: auto;
	}
.row .row.row-no-margin-right	{
	margin-right: auto;
	}
	
.row	{
	padding: 30px 30px 15px 30px;
	}









/**************************************************************/
/*  header  */
/**************************************************************/

header.body--header	{
	padding: 20px 0;
	}
.logo-container h1	{
	margin: 0 auto;
	width: 352px;
	height: 95px;
	text-indent: -99999px;
	background: url(../images/logo-barbarrick-1.png) 0 0 no-repeat;
	}
	
.trigger-menu-primary	{
	text-indent: -99999px;
	display: block;
	width: 49px;
	height: 44px;
	position: fixed;
	top: 0;
	right: 0;
	background: url(../images/trigger-menu-primary.png) 0 0 no-repeat;
	cursor: pointer;
	}

	


/**************************************************************/
/*  header logo  */





	
/**************************************************************/
/*  primary menu  */

.menu--primary	{
	font-size: 30px;
	text-align: center;
	padding: 60px 30px 0;
	}
.menu--primary li	{
	}
.menu--primary li:hover a	{
	background-color: #5390af;
	}
.menu--primary a	{
	color: #fff;
	display: block;
	padding: 15px 30px;
	border-radius: 4px;
	}



	
/**************************************************************/
/*  secondary menu  */

.menu--secondary	{
	}



	
/**************************************************************/
/*  header search  */





	
/**************************************************************/
/*  header social  */



	
/**************************************************************/
/*  breadcrumb */

.breadcrumb	{
	line-height: 1.2;
	padding-right: 40px;
	}
.breadcrumb,
.breadcrumb li.last a	{
	color: #6e6e71;
	}
.breadcrumb ol,
.breadcrumb ul,
.breadcrumb li	{
	margin: 0;
	padding: 0;
	}
.breadcrumb ol,
.breadcrumb ul	{
	font-size: .1px;
	margin: 0;
	}
.breadcrumb li	{
	font-size: 14px;
	display: inline;
	vertical-align: middle;
	border-right: 1px solid #b6b6b8;
	padding-right: 13px;
	padding-left: 16px;
	line-height: 1.5;
	}
.breadcrumb li:first-child	{
	text-indent: -99999px;
	display: inline-block;
	margin-left: -16px;
	}
.breadcrumb li:first-child a	{
	width: 17px;
	height: 19px;
	background: url(../images/icon-breadcrumb-home-1.png) 0 50% no-repeat;
	padding-left: 18px;
	display: block;
	}
.breadcrumb li:last-child	{
	border: none;
	}
.breadcrumb a	{
	color: red;
	opacity: 1;
	}
.breadcrumb a:hover	{
	}
.breadcrumb li.first a	{
	padding-left: 0;
	}











/**************************************************************/
/*  main  */
/**************************************************************/

main	{
	}
	
.body--main	{
	padding: 30px 0;
	}

.list-faq li	{
	margin-bottom: 15px;
	}
.faq-question	{
	font-weight: 700;
	margin-bottom: 5px;
	}
	
	
.jukebox	{
	background-color:rgba(0, 0, 0, 0.5);
	min-width: 240px;
	border-radius: 4px;
	margin-bottom: 75px;
}
.interface-container	{
	margin: 0 5px;
	text-align: center;
	padding: 15px;
}
.interface-container .song-info	{
	font-size: 1em;
}
.song-list-container	{
	margin: 0 45px;
	padding-bottom: 15px;
}
.song-list	{
	margin: 0;
	max-height: 15em;
}
main ul.song-list li	{
	list-style-type: none;
	padding: 11px 11px 3px;
	display: inline-block;
	cursor: pointer;
}
.song-list li.slick-active	{
	background-color:rgba(0, 0, 0, 0.5);
	border-radius: 4px;
}
.song-list .song-interface	{
	display: none;
}
.song-info	{
	color: #fff;
	font-size: .8em;
	margin-bottom: 10px;
}
.song-info .original-artist	{
}
.song-info .original-artist:before	{
	opacity: .5;
	content: "Covered artist";
	font-size: .6em;
	display: block;
}
.song-info .song-title	{
}
.song-info .song-title:before	{
	opacity: .5;
	content: "Title";
	font-size: .6em;
	display: block;
}
.song-info .more-info	{
	margin-top: 3px;
	font-size: .6em;
}
.slick-next	{
	right: -30px;
}
.slick-prev	{
	left: -30px;
}


main ul.gig-event-list	{
	display: flex;
	margin: 0 -15px;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
main ul.gig-event-list li	{
	margin: 0 15px 30px;
	list-style-type: none;
	width: calc(33.33% - 30px);
}
@media(max-width:700px)	{
	main ul.gig-event-list li	{
		width: calc(50% - 30px);
	}
}
@media(max-width:500px)	{
	main ul.gig-event-list li	{
		width: 100%;
	}
}
.gig-event-list .gig-date,
.gig-event-list .gig-location-address,
.gig-event-list .gig-website	{
	font-size: 75%;
}
	
	
	
	
/**************************************************************/
/*  article */

article	{
	}

	
	












/**************************************************************/
/*  footer  */
/**************************************************************/

footer.body--footer	{
	padding-bottom: 50px;
	}

	
	












/**************************************************************/
/*  modal menus  */
/**************************************************************/

.modal-menus	{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	}
body.modal-is-open .modal-menus	{
	display: block;
	}
.modal-menus:before	{
	content: "";
	position: absolute;
	z-index: 1;
	background-color: black;
	opacity: .85;
	height: 100%;
	width: 100%;
	}
	
.modal-inner	{
	position: relative;
	z-index: 2;
	}
.modal-inner .close	{
	text-indent: -99999px;
	display: block;
	width: 49px;
	height: 44px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/trigger-menu-close.png) 0 0 no-repeat;
	cursor: pointer;
	z-index: 3;
	}




	
	
	
	
	
	
	
	
	
	
/**************************************************************/
/*  responsive */
	
@media (max-width: 1700px)	{
		
	}