/*@import url('https://fonts.googleapis.com/css?family=Bowlby+One+SC');
@import url('https://fonts.googleapis.com/css2?family=Cherry+Cream+Soda'); */
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy');



/*variables*/
:root {
  --font-sans: "metropolis", sans-serif;
  --font-serif: "metropolis",sans-serif;/*"Lora", "georgia", serif;*/
  --font-title:'Luckiest Guy'; 

  /* Typography helpers. */
  --font-size-base: 1rem;
  --font-size-l: 1.125rem;
  --font-size-s: 0.875rem;
  --font-size-xs: 0.8125rem;
  --font-size-xxs: 0.75rem;
  --line-height-base: 1.6875rem;
  --line-height-s: 1.125rem;

  /* Layout helpers. */
  --max-width: 84.375rem;
  --max-bg-color: 98.125rem; /* Width to which the background color extends to. */
  --sp: 1.0rem; /*1.125rem;*/
  --content-left: 5.625rem;
  --site-header-height-wide: var(--sp10);
  --container-padding: var(--sp);


  /**
   * Primary colors.
   *
   * Color number roughly corresponds to its luminosity.
   */
  --color--primary-hue: 40; /*22 202*/
  --color--primary-saturation: 54%;/*79%;*/
  --color--primary-lightness: 79;/*50;*/
  --color--gray-hue: 21; /*201*/
  --color--gray-saturation: 15%;
  --color--black: #fff; /* #000; /* Black */
  --color--white: #000; /*#fff; /* White */
  --color--red: #e33f1e; /* Red */
  --color--gold: #fdca40; /* Gold */
  --color--green: #3fa21c; /* Green */
  --color--gray-5: hsl(var(--color--gray-hue), var(--color--gray-saturation), 95%); /* Black */
  --color--gray-10: hsl(var(--color--gray-hue), var(--color--gray-saturation), 89%);
  --color--gray-20: hsl(var(--color--gray-hue), var(--color--gray-saturation), 80%); /* Black 2 */
  --color--gray-45: hsl(var(--color--gray-hue), var(--color--gray-saturation), 56%); /* Gray Dark */
  --color--gray-60: hsl(var(--color--gray-hue), var(--color--gray-saturation), 43%); /* Gray medium */
  --color--gray-65: hsl(var(--color--gray-hue), var(--color--gray-saturation), 37%); /* Black 4 */
  --color--gray-70: hsl(var(--color--gray-hue), var(--color--gray-saturation), 28%); /* Gray medium 2 */
  --color--gray-90: hsl(var(--color--gray-hue), var(--color--gray-saturation), 12%); /* Gray light */
  --color--gray-95: hsl(var(--color--gray-hue), var(--color--gray-saturation), 7%); /* Gray light 1 */
  --color--gray-100: hsl(var(--color--gray-hue), var(--color--gray-saturation), 3%);
  --color--primary-30: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * ((var(--color--primary-lightness) + (0.36 * (100 - var(--color--primary-lightness)))))));
  --color--primary-40: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * ((var(--color--primary-lightness) + (0.24 * (100 - var(--color--primary-lightness))))))); 
  --color--primary-50: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * ((var(--color--primary-lightness))))); /* Blue medium */
  --color--primary-60: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * ((var(--color--primary-lightness) - (0.24 * ( var(--color--primary-lightness))))))); /* Blue bright */
  --color--primary-80: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * ((var(--color--primary-lightness) - (0.85 * ( var(--color--primary-lightness))))))); 



  /**
   * Variables specific to text.
   */
  --color-text-neutral-soft: var(--color--gray-45);
  --color-text-neutral-medium: var(--color--gray-20);
  --color-text-neutral-loud: var(--color--gray-5);

  --color-text-primary-medium: var(--color--primary-40);
  --color-text-primary-loud: var(--color--primary-30);

  /* Header */
  --header-height-wide-when-fixed: calc(6 * var(--sp));

  /* Width of slide out navigation */
  --mobile-nav-width: 31.25rem;

  /* Border radius */
  --border-radius: 0.1875rem; /* Inline padding on .container elements. */
}



/* Width of a grid column. */

@media (min-width: 43.75rem) {
  :root {
    --grid-col-count: 14;
    --grid-gap: var(--sp); /*var(--sp2);*/
  }
}

@media (min-width: 62.5rem) {
  :root {
    --scrollbar-width: 0.9375rem; /* Approximate width of a scrollbar. Doesn't have to be perfect. */
  }
}

@media (min-width: 75rem) {
  :root {
    --container-padding: var(--sp2);
    --grid-full-width: calc(100vw - var(--scrollbar-width) - var(--content-left) - var(--sp4));
  }
}

@media (min-width: 90rem) {
  :root {
    --grid-full-width: calc(var(--max-width) - var(--sp4));
  }
}

/*end variables */





/*baseCSS */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  line-height: var(--line-height-base);
}


@media (min-width: 43.75rem) {
	html {
		font-size:14px;
		line-height:var(--line-height-base);
	}
}
@media (min-width: 62.5rem) {
	html {
		font-size:16px;
		line-height:var(--line-height-base);
	}
}


body {
  margin: 0;
  color: var(--color-text-neutral-medium);
  background-color: var(--color--gray-100);
  background-image: none; /*url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='84' viewBox='0 0 50 84'%3e  %3cpath opacity='0.05' fill='%230e6ba6' d='M25,61.7C25,68.5,19.4,74,12.5,74S0,68.5,0,61.7c0-5.7,3.9-9.6,7.4-12.9c2.3-2.2,4.5-4.4,5.1-6.8c0.7,2.4,2.8,4.6,5.1,6.8C21.1,52.2,25,56,25,61.7z M42.6,6.8c-2.3-2.2-4.5-4.4-5.1-6.8c-0.7,2.4-2.9,4.6-5.1,6.8C28.9,10.2,25,14,25,19.7C25,26.5,30.6,32,37.5,32S50,26.5,50,19.7C50,14,46.1,10.2,42.6,6.8z'/%3e%3c/svg%3e"); */
  background-position: top left; /* LTR */
}

body.is-fixed {
  position: fixed;
  overflow: hidden;
  width: 100%;
}

[dir="rtl"] body {
  background-position: top right;
}

a {
  color: var(--color--primary-50);  /*--color-text-primary-medium); */
}

a:hover {
  color: var(--color--primary-50);
}

a:focus {
  outline: none;/*solid 2px currentColor;*/
  outline-offset: 2px;
}

button {
  font-family: inherit;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

audio {
  display: block;
  max-width: 100%;
}

h1 {
  letter-spacing: -0.01em;
  font-size: 1.75rem;
  line-height: var(--sp2);
}

h2 {
  letter-spacing: -0.01em;
  font-size: 1.5rem;
  line-height: var(--sp2);
}

h3 {
  font-size: 1.25rem;
  line-height: var(--sp1-5);
}

h4 {
  font-size: 1.125rem;
  line-height: var(--sp1-5);
}

h5 {
  font-size: 1rem;
  line-height: var(--sp1-5);
}

h6 {
  font-size: 0.875rem;
  line-height: var(--sp);
}

h1, h2, h3, h4, h5, h6 {
  margin-block: var(--sp);
  color: var(--color-text-neutral-loud);
  font-family: var(--font-sans);
  font-weight: bold;
}

@media (min-width: 43.75rem) {
  h1 {
    font-size: 3.75rem;
    line-height: var(--sp4);
  }
  h2 {
    font-size: 2.25rem;
    line-height: var(--sp3);
  }
  h3 {
    font-size: 1.5rem;
    line-height: var(--sp2);
  }
  h1, h2, h3, h4, h5, h6 {
    margin-block: var(--sp2);
  }}

ul {
  margin-block-start: 0.25em;
  margin-block-end: 0.25em;
  margin-inline-start: 1.5em;
  margin-inline-end: 0;
  padding-inline-start: 0;
  list-style-type: disc;
  list-style-image: none;
}


/*basecSS*/

/*branding*/
/**
 * @file
 * Site branding in header.
 */
 
.site-branding {
  display: flex;
  flex-shrink: 1;
  align-items: flex-end;
  min-width: calc((2 * var(--grid-col-width)) + (2 * var(--grid-gap)) + var(--container-padding)); /* Span minimum of 2 column widths. */
  min-height: var(--sp3);
  margin-inline: calc(-1 * var(--container-padding)) var(--sp); /* Negative margin to break out of .container element. */
  padding-block: 0 var(--sp0-5);
  padding-inline-start: var(--container-padding);
  padding-inline-end: var(--container-padding);
  background-image: linear-gradient(135deg,var(--color--primary-60) 30%,var(--color--primary-30) 100%); /*linear-gradient(160deg, var(--color--primary-50) 0%, var(--color--primary-40) 78.66%);*/
  border-radius: 0 0 var(--sp2) 0;
}

@media (min-width: 31.25rem) {
  .site-branding {
    min-height: var(--sp4);
  }
}

@media (min-width: 43.75rem) {
  .site-branding {
    min-width: calc((4 * var(--grid-col-width)) + (4 * var(--grid-gap)) + var(--container-padding)); /* Span minimum of 4 column widths. */
    min-height: var(--sp6);
    padding-block-end: var(--sp);
  }
}

@media (min-width: 62.5rem) {
  .site-branding {
    min-width: calc((2 * var(--grid-col-width)) + (2 * var(--grid-gap)) + var(--container-padding)); /* Span minimum of 2 column widths. */
  }
}

@media (min-width: 75rem) {
  .site-branding {
    min-height: var(--site-header-height-wide);
    margin-inline-start: calc(-1 * var(--container-padding));
    padding-block: 0;
  }
}

[dir="rtl"] .site-branding {
  background-image: linear-gradient(-135deg,var(--color--primary-60) 30%,var(--color--primary-30) 100%);/*linear-gradient(-160deg, var(--color--primary-50) 0%, var(--color--primary-40) 78.66%);*/
}

.site-branding--bg-gray {
  background: var(--color--gray-100);
}

.site-branding--bg-white {
  background: var(--color--white);
}

.site-branding__inner {
  display: flex;
  align-items: center;
}

@media (min-width: 75rem) {
  .site-branding__inner {
    height: var(--header-height-wide-when-fixed);
    padding-block: var(--sp0-5);
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}

.site-branding__inner a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.site-branding__logo {
  flex-shrink: 0;
  max-width: 100%;
}

.site-branding__logo img {
  width: auto;
  max-width: 100%;
  max-height: var(--sp2);
}
.site-branding__logo img {
  filter: invert(100%);
}

@media (min-width: 31.25rem) {
  .site-branding__logo img {
    max-height: var(--sp3);
  }
}

@media (min-width: 43.75rem) {
  .site-branding__logo img {
    max-height: var(--sp4);
  }
}

@media (min-width: 75rem) {
  .site-branding__logo img {
    max-height: calc(var(--header-height-wide-when-fixed) - var(--sp));
  }
}

.site-branding__text {
  font-family: var(--font-title), cursive;
  color: var(--color--white);
  font-size: 1.75rem;
  font-weight: normal; /*bold;*/
}

@media (min-width: 43.75rem) {
  .site-branding__text {
    font-size: 2rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 75rem) {
  .site-branding__text {
    letter-spacing: 0.02em;
    font-size: 2.5rem;
    line-height: var(--sp2);
  }
}

.site-branding__text a {
  color: inherit;
}

.site-branding--bg-gray .site-branding__text,
.site-branding--bg-white .site-branding__text {
  color: var(--color--primary-50);
}

.site-branding__logo + .site-branding__text {
  margin-inline-start: 0.75rem;
}
/*branding*/

.italic {
	font-style: italic;
}
.strong{
	font-weight: bold; 
}

@media only screen and (min-width: 64.063em) {
	.large-block-column-3.block-count-2, .large-block-column-4.block-count-2 {
		-webkit-columns: 32.0em 2;
		-moz-columns: 32.0em 2;
		columns: 32.0em 2;
	}
}

@media (min-width: 75rem) {
	body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
	  padding-block: calc(1 * var(--sp));
	  padding-inline-start: var(--sp2);
	  padding-inline-end: var(--sp2);
	  transition: none;
	  transform: translate(-50%,-1.25rem);
	  opacity: 0;
	  border-top: solid var(--color--primary-50) var(--sp0-5);
	  background: var(--color--gray-70);
	  border-radius: var(--sp) 0;
	}
}

@media (min-width: 31.25rem) {
	[type="text"] {
		width:100%;
	}
}

/* .region > * {
  margin-block-end: var(--sp);
}
*/

div.slide__caption {
  padding: calc(var(--sp)/2);
}
:is(.forum table, .text-content table, .views-table, .draggable-table) td {
  white-space: normal;
  border-block-end: 2px solid var(--color--gray-65);
}

:is(.forum table, .text-content table, .views-table, .draggable-table) td, :is(.forum table, .text-content table, .views-table, .draggable-table) th {
  padding-block: var(--sp0-75);
  padding-inline-start: 0;
  padding-inline-end: var(--sp0-75);
  vertical-align: top; 
}

.forum table, .text-content table, .views-table, .draggable-table {
/*	font-size:var(--font-size-xs);
	line-height:var(--line-height-s); */
}
@media (min-width: 43.75rem) {
	.forum table, .text-content table, .views-table, .draggable-table {
/*		font-size:var(--font-size-s);
		line-height:var(--line-height-base); */
	}
}


:is(.forum table, .text-content table, .views-table, .draggable-table) caption {
  margin-block-end: var(--sp1);
  text-align: start;
  font-family: var(--font-title), cursive;
  margin-block: 0 var(--sp);
  letter-spacing: 0.03em;
  color: var(--color--gray-100);
  background-image: linear-gradient(135deg,var(--color--primary-60) 30%,var(--color--primary-30) 100%);
  font-size: var(--sp1-5);
  line-height: var(--sp1-5);
  padding: var(--sp);
  border-radius: var(--sp) 0;
  width: fit-content;
  font-style: unset;
  font-weight: normal;
}
table td.nowrap{
	white-space:nowrap;
}


:not(.venue-page, .songs-list) div.view-header{
    font-style: italic;
}
div.venue-page div.view-header, div.songs-list div.view-header{
	font-style:normal;
}

.view > * {
  margin-block-end: calc(var(--sp1)/2);
  margin-block-start: calc(var(--sp1)/2);
}

@media (min-width: 43.75rem) {
	.view > * {
		margin-block-end: var(--sp1);
		margin-block-start: var(--sp1);
	}
}



.title-background, .block__title {
/*  margin-block: 0 var(--sp); */
  color: var(--color--gray-100);
  background-image: linear-gradient(135deg,var(--color--primary-60) 30%,var(--color--primary-30) 100%);
/*  background-color: var(--color--primary-60); */
  font-size: revert;
  padding: var(--sp);
  border-radius: var(--sp) 0;
  font-family: var(--font-title), cursive;
  font-weight:normal;
}

.page-title{
  font-family: var(--font-title), cursive;
  font-weight:normal;
	
}


.title-background h1, .title-background h2, h2.title-background, h2.block__title {
 /*   color: var(--color--gray-100); */
	margin-block: var(--sp0-5);
	line-height: var(--sp1);
	font-size: var(--sp1-5);
    letter-spacing:0.04em;
}

@media (min-width: 43.75rem) {
	.title-background > h1, .title-background > h2, h2.title-background, h2.block__title{
		font-size: var(--sp2);
		line-height: var(--sp1-5);
		letter-spacing:0.04em;
		margin-block: var(--sp1-5);
	}
}
/*tour header*/
.views-field-view-8 > h3 {
	margin-block: 0px;
	
}

.more-link :before{
  content:" ";
  font-weight:900;
  color: var(--color--gray-100);
  padding: calc(var(--sp)/4);
  margin-right: calc(var(--sp)/2);
  border-radius: var(--sp2);
  background-color: var(--color--primary-60);

}

.rounded img, .rounded {
  border-radius: var(--sp) 0;
}
.img-rounded {
	border-radius:1000px;
	border: var(--color--primary-80) 2px solid;
}
.text-centered {
  text-align: center;
}
.centered {
  justify-content: center;
}

.img-centered img{
	margin: auto;
}


.title-background a{
color: var(--color--gray-100);
}


/* Show / Boot /disco navigation bar */
div.navigation-bar table{
	width: 100%;
}

div.navigation-bar td.views-field-nothing-2, div.navigation-bar td.views-field-nothing-1{
	 width: 50px;
	 vertical-align: middle;
}
div.navigation-bar td {
	vertical-align:middle;
	padding-block:0;
	padding-inline-end: 0;
	padding-inline-start:0;
	
}
div.navigation-bar table {
	margin-block-start: 0;
	margin-block-end: 0;
}
div.navigation-bar div {
	margin-block-start: 0;
	margin-block-end: 0;
}
div.navigation-bar td.flo-nav-prev a::before {
  display: inline-block;
  width: var(--sp2);
  height: var(--sp2);
 /* margin-inline: 1rem 1.25rem; */
  content: "";
  transform: rotate(225deg);
  border-block-start: var(--sp0-5) solid var(--color--primary-40);
  border-inline-end: var(--sp0-5) solid var(--color--primary-40);
  border-radius: var(--sp0-5) 0;
}
div.navigation-bar td.flo-nav-next a::before {
  display: inline-block;
  width: var(--sp2);
  height: var(--sp2);
  /* margin-inline: 1rem 1.25rem; */
  content: "";
  transform: rotate(45deg);
  border-block-start: var(--sp0-5) solid var(--color--primary-40);
  border-inline-end: var(--sp0-5) solid var(--color--primary-40);
  border-radius: var(--sp0-5) 0;
}

/*Show/boot/disco title */
div.title-show{
	display: grid;
	justify-content: center;
	text-align:center;
}

div.title-show  .title-date {
	font-size:var(--sp2);
	line-height:var(--sp2);
}

@media (min-width: 43.75rem) {
	div.title-show  .title-date {
		font-size:var(--sp3);
		line-height:var(--sp3);
	}
}
div.title-show .title-location {
	font-size:var(--sp);
	line-height:var(--sp);
}

@media (min-width: 43.75rem) {
	div.title-show .title-location {
		font-size:var(--sp1-5);
		line-height:var(--sp1-5);
	}
}
div.title-show .title-venue, div.title-show .title-band {
	font-size:var(--sp1-5);
	line-height:var(--sp1-5);
}

@media (min-width: 43.75rem) {
	div.title-show .title-venue, div.title-show .title-band {
		font-size:var(--sp2);
		line-height:var(--sp2);
	}
}

div.items-show{
	display: flex;
	justify-content: space-around;

}

.show-tour{
	text-align: right;
	font-style: italic;
	font-weight: bold;
	font-size: var(--sp);
}
.show-tour div.view-content{
	margin-block-end:calc(var(--sp)*-1/2);
}

.show-page-upcoming h3, .show-page-past h3, .boot-page h3, .member-page h3, .disco-page h3, .venue-page h3, .tour-page h3 {
	color:var(--color--primary-40);
	margin-top:var(--sp3);
	font-family: var(--font-title), cursive;
	letter-spacing: 0.05em;
	font-weight: normal;

}

.show-page-upcoming h3::before, .show-page-past h3::before, .boot-page h3::before, .member-page h3::before, .disco-page h3::before, .venue-page h3::before, .tour-page h3::before {
  display: inline-block;
  width: var(--sp);
  height: var(--sp);
  /* margin-inline: 1rem 1.25rem; */
  content: "";
  transform: rotate(45deg);
  border-block-start: var(--sp0-25) solid var(--color--primary-40);
  border-inline-end: var(--sp0-25) solid var(--color--primary-40);
  border-radius: var(--sp0-25) 0;
  margin-right: var(--sp0-5);
	
}
/* table overflow */
.table-overflow div.view-content, .show-boots div.view-content {
	overflow : auto hidden;
	display:block;
	max-width: -moz-fit-content;
	max-width: fit-content;
	min-width: 100%;
}
.table-overflow table,  .show-boots table {
	margin:0;
}
/*show-pic caption*/
div.show-pic .views-field-views-conditional-field-1, div.show-pic .views-field-views-conditional-field, div.show-pic .views-field-view, div.person-pic .views-field-field-venue-name, div.person-pic .views-field-views-conditional-field-1  {
	font-size:var(--sp0-75);
	line-height:var(--sp);
	text-align:center;
}
div.show-pic .view-content {
	margin-top:var(--sp0-5);
}


div.add-box::before{
	content: "";
    -webkit-mask: url('/sites/default/files/flo-icons/line/alert-circle-line.svg') no-repeat 50% 50%;
    mask: url('/sites/default/files/flo-icons/line/alert-circle-line.svg') no-repeat 50% 50%;
/*	background:url('/sites/default/files/flo-icons/line/alert-circle-line.svg'); */
	background-size:cover;
    width: var(--sp1-5);
    height: var(--sp1-5);
    display: inline-flex;
	vertical-align:middle;
	margin-right:var(--sp0-5);

  -webkit-mask-size: cover;
  mask-size: cover;
  background-color:var(--color--primary-30);


}
div.add-box{
	background-color: var(--color--primary-80);
	border-radius:var(--sp);
	padding: var(--sp0-5);
	padding-left: var(--sp3);
	text-indent: calc(var(--sp2)*-1);
	margin-top:var(--sp);
}

div.media-bulk-upload-information-wrapper {
	display:none;
}

div.archive-recent-block nav.pager { 
	display:none;
}

div.review-review {
	margin-bottom: var(--sp);
}
div.review-review > div, div.view-reviews div.slide__description > div {
	display: inline-block;
	vertical-align:top;
}

div.review-review > div.views-field-comment-body, div.view-reviews div.slide__description > div.views-field-comment-body {
  border-left:solid var(--color--primary-50) var(--sp0-5);
  padding: 0 5px 0 10px;
  max-height: 200px;
  max-width:70%;
  overflow: hidden auto;
  text-overflow: ellipsis;
  border-radius: var(--sp);
  background-color:var(--color--gray-70);
}

div.review-review > div.views-field-nothing, div.view-reviews div.slide__description > div.views-field-nothing {
	width:30%;
	display: inline-grid;
	justify-content:center;
}

div.view-gig-archive table.views-table  {
	width:100%;
}
table.views-table  {
	width:100%;
}
/* table show list */
div.show.archive.list table.views-table td.views-field-field-date {
	white-space: nowrap;
	width:20%;
}
div.show.archive.list table.views-table td.views-field-nothing {
	width:30%;
}
div.show.archive.list table.views-table td.views-field-nothing-1 {
	width:50%;
}
div.view-id-disco_master .view-display-id-block_2 td.views-field-field-disco-sleeve{
/*	width:30%; */
}
div.view-display-id-show_member_embed div.view-content{
	display:none;
}
div.view-display-id-show_member_embed div.view-header{
	margin-block-end:0;
}
table.views-table tr:hover{
/*	background-color: lime; */
}
/* setlist 2 columns*/
div.views-field-field-show-setlist-song > div.field-content {
	-moz-column-count: 2;
    -moz-column-gap: var(--sp);
    -webkit-column-count: 2;
    -webkit-column-gap: var(--sp);
    column-count: 2;
    column-gap: var(--sp);
  text-indent: calc(var(--sp)*-1);
  padding: var(--sp);

}
/*show details / boot details / disco-details 2 columns*/
.show-details div.view-content .views-field, .boot-details div.view-content .views-field.two-cols, .disco-details div.view-content .views-field.two-cols { 
	display:flex;
}


.show-details div.view-content .views-row div.field-content, .boot-details div.view-content .views-row .two-cols div.field-content, .disco-details div.view-content .views-row .two-cols div.field-content {
	flex:auto;
	
}
.show-details div.view-content .views-row div.views-label, .boot-details div.view-content .views-row .two-cols div.views-label, .disco-details div.view-content .views-row .two-cols div.views-label {
	flex:0 25%;
	min-width: fit-content;
	padding-right: var(--sp);
}
.show-details div.view-content .views-row div.field-content ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.two-cols ol, .two-cols ul {
	margin: 0;
	padding: 0;
}

/* hide images from large displays */
@media (min-width: 43.75rem) {
	.hide-large {
		display:none;
	}
}
/* hide images from small displays */
@media (max-width: 43.75rem) {
	.hide-small {
		display:none;
	}
}

.view-gig-archive{}

div {
/*	border-color:lime;
	border-style:dotted;
	border-collapse:true; */
}



.pager__item {
  border-radius: var(--sp2);
}

/* input#edit-filter--2 {
  width: 100%;
}
input#edit-filter--2, */

.view-id-bands input.form-text, .view-venues-list input.form-text, .show-upcoming-list input.form-text, .show-archive-list input.form-text, .live-recording-list input.form-text{
    border-radius: var(--sp) 0;
}

.slide__media img {
	padding:2px;
}

/*SLICK arrow*/
.slick__arrow {
  bottom: auto;
  height: 2px;
  left: 0;
  margin-top: -1px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
}

/** Keeps decent fallback for when slick-theme.css is disabled, even if dup. */
.slick-arrow {
  border: 0;
  border-radius: 50%;
  font-size: 0;
  height: 42px;
  pointer-events: auto;
  position: absolute;
  top: var(--sp2-5); /*50%;*/
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 42px;
}

.slick-arrow:active,
.slick-arrow:focus {
  box-shadow: none;
  outline: 0;
}

.slick-arrow::before,
.slick-arrow::after {
  pointer-events: none;
}

.slick-arrow::before {
  color: var(--color--primary-60);/*#ff6d2c;*/
  font-size: 36px;
  font-size: 2.25rem;
}

.slick-arrow:hover::before {
  color: var(--color--primary-40);/*#37465b;*/
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.slick-slider {
    touch-action: auto !important;
}
.slick-prev::before, .slick-next::before {
  opacity: 1;
}
.poster-list{
	margin-block-end:var(--sp0-5);
}
/*forms*/
#views-exposed-form-gig-archive-archive-page details {
	display:inline-block;
	margin-block:var(--sp0-5);
	box-shadow: none
}
#views-exposed-form-gig-archive-archive-page details > div {
	position: absolute;
	z-index:1001;
	background: var(--color--gray-70);
	border-radius: var(--sp) 0;
	padding: 0 var(--sp);
	margin: var(--sp0-5) 0 0 0;
}

/*home page title*/
div.hp-image{
	margin-block-end:-4rem;
	margin-block-start:-2rem;
	z-index:-100;
}

div.hp-image div.views-field:after {
	 -moz-box-shadow: -0px var(--sp) 10px var(--sp0-5) black inset;  
	 -webkit-box-shadow: -0px var(--sp) 10px var(--sp0-5) black inset;
	 box-shadow: -0px var(--sp) 10px var(--sp0-5) black inset;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 200;
	 content: "";
}
@media (min-width: 43.75rem) {

	div.hp-image div.views-field:after {
		 -moz-box-shadow: -0px var(--sp2) 10px var(--sp) black inset;  
		 -webkit-box-shadow: -0px var(--sp2) 10px var(--sp) black inset;
		 box-shadow: -0px var(--sp2) 10px var(--sp) black inset;
		 position: absolute;
		 top: 0;
		 left: 0;
		 width: 100%;
		 height: 100%;
		 z-index: 200;
		 content: "";
	}
	div.hp-image{
		margin-block-end:-8rem;
		margin-block-start:-5rem; 
		z-index:-100;
	}
}

h1 {
	z-index:1000;
	position:relative;
	text-shadow: 0 0 1px black;
}
/*song page*/
.view-display-id-embed_1 .view-content, .view-display-id-embed_2 .view-content{
	margin-block-start: 0;
}

/* small header margins*/
.h-small-margins{
	margin-block-start: var(--sp0-25);
	margin-block-end: var(--sp0-25);
}
.float-left{
	float:left;
	margin-right:var(--sp2);
}
.clear-both{
	clear: both;
}
.margin-top-sp{
	margin-block-start: var(--sp);
}
.margin-top-sp2{
	margin-block-start: var(--sp2);
}
.margin-bottom-sp{
	margin-block-end: var(--sp);
}
.margin-bottom-sp2{
	margin-block-end: var(--sp2);
}
.view-news blockquote {
	font-size: revert;
	line-height: unset;
}
.view-news blockquote::after{
	width:var(--sp0-25);
	background: var(--color--primary-60);
}
.views-field-uid .align-right{
	text-align:right;
	float:none;
	max-width:100%
}
.grid-full {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr));
  grid-column-gap: 0;
}
.pic-credits {
  margin-top: calc(var(--sp2)*-1);
  z-index: 200;
  position: relative;
  width: 100%;
  text-align: right;
  font-size: var(--sp0-75);
  padding-right: var(--sp2);
  margin-block-end: 0;
  color: var(--color--gray-10);
}


a, .text-content a, .site-footer .text-content a, .block-system-powered-by-block a {
	text-decoration:none;
}
a:not(.secondary-nav__menu-link):hover{
	text-decoration:revert;
	box-shadow: none;
}
.

a:hover, .text-content a:hover  {
  color: var(--color--primary-50);
	text-decoration:revert;
	box-shadow:none;
}
 div.site-branding__inner a:hover{
	 text-decoration:none;
	 color:inherit;
 }
 
div.site-footer__inner > div.region > * {
	margin-block-end: var(--sp);
}
div.site-footer__inner {
	padding-block: var(--sp);
}
.text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {
  transition: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  box-shadow: none;
}
.text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {
  text-decoration-color: none;
  text-decoration-thickness: 0px;
  overflow-wrap: break-word;
}
#block-flo-olivero-views-block-tours-block-5, #block-flo-olivero-views-block-gig-archive-block-4, #block-flo-olivero-views-block-gig-archive-block-2 {
	margin-block-end: 0;
}
#block-flo-olivero-views-block-tours-block-5 table, #block-flo-olivero-views-block-gig-archive-block-4 table, #block-flo-olivero-views-block-gig-archive-block-2 table {
	margin-block-start: 0;
	margin-block-end: 0;
}
#block-flo-olivero-views-block-tours-block-5 .view-content, #block-flo-olivero-views-block-gig-archive-block-4 .view-content, #block-flo-olivero-views-block-gig-archive-block-2 .view-content {
	margin-block-start: 0;
	margin-block-end: 0;
}
#block-flo-olivero-views-block-tours-block-5 :is(.forum table, .text-content table, .views-table, .draggable-table) tr:last-child td, 
#block-flo-olivero-views-block-gig-archive-block-4 :is(.forum table, .text-content table, .views-table, .draggable-table) tr:last-child td {
	white-space: normal;
	border-block-end: 2px solid var(--color--gray-65);
}
.eu-cookie-withdraw-tab {
	left:90%
}
.flo-icon{
  width: var(--sp1-5);
  height: var(--sp1-5);
  display: inline-block;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color:var(--color--primary-30);
/*	filter:none; */
	float:left
}
.flo-icon.dimmed{
  background-color:var(--color--gray-65);
}



@media (min-width: 43.75rem) {
	.flo-icon{
		width: var(--sp1-5);
		height: var(--sp1-5);
	}
}

.flo-icon.inline{
  width: var(--sp1-5);
  height: var(--sp1-5);
  min-width: var(--sp1-5);
  min-height: var(--sp1-5);
  float:none;
/*  background-color:inherit; */
  -webkit-mask-size:inherit;
  mask-size:inherit;
  vertical-align:middle;
}

.icon-comment{
/*  -webkit-mask: url('/sites/default/files/flo-icons/line/comment-text-line.svg') no-repeat 50% 50%;
  mask: url('/sites/default/files/flo-icons/line/comment-text-line.svg') no-repeat 50% 50%; */
  -webkit-mask: url('/sites/default/files/flo-icons/line/chat-2-text-line.svg') no-repeat 50% 50%; 
  mask: url('/sites/default/files/flo-icons/line/chat-2-text-line.svg') no-repeat 50% 50%;
}
.icon-setlist{
  -webkit-mask: url('/sites/default/files/flo-icons/line/playlist-line.svg') no-repeat 50% 50%;
  mask: url('/sites/default/files/flo-icons/line/playlist-line.svg') no-repeat 50% 50%;
}
.icon-media{
  -webkit-mask: url('/sites/default/files/flo-icons/line/camera-line.svg') no-repeat 50% 50%;
  mask: url('/sites/default/files/flo-icons/line/camera-line.svg') no-repeat 50% 50%;
}
.icon-boot{
  -webkit-mask: url('/sites/default/files/flo-icons/line/music-line.svg') no-repeat 50% 50%;
  mask: url('/sites/default/files/flo-icons/line/music-line.svg') no-repeat 50% 50%;
}
.icon-user{
  -webkit-mask: url('/sites/default/files/flo-icons/line/users-line.svg') no-repeat 50% 50%;
  mask: url('/sites/default/files/flo-icons/line/users-line.svg') no-repeat 50% 50%;
}
.icon-stats{
  -webkit-mask: url('/sites/default/files/flo-icons/line/analytics-line.svg') no-repeat 50% 50%;
  mask: url('/sites/default/files/flo-icons/line/analytics-line.svg') no-repeat 50% 50%;
}
.icon-audio{
  -webkit-mask: url('/sites/default/files/flo-icons/line/headset-line.svg') no-repeat 50% 50%;
  mask: url('/sites/default/files/flo-icons/line/headset-line.svg') no-repeat 50% 50%;
}
.icon-video{
  -webkit-mask: url('/sites/default/files/flo-icons/line/video-line.svg') no-repeat 50% 50%;
  mask: url('/sites/default/files/flo-icons/line/video-line.svg') no-repeat 50% 50%;
}
.icon-play{
  -webkit-mask: url('/sites/default/files/flo-icons/line/play-circle-line.svg') no-repeat 50% 50%;
  mask: url('/sites/default/files/flo-icons/line/play-circle-line.svg') no-repeat 50% 50%;
}
.icon-trade{
  -webkit-mask: url('/sites/default/files/flo-icons/line/repeat-circle-line.svg') no-repeat 50% 50%;
  mask: url('/sites/default/files/flo-icons/line/repeat-circle-line.svg') no-repeat 50% 50%;
}
.icon-eye{
  -webkit-mask: url('/sites/default/files/flo-icons/line/eye-line.svg') no-repeat 50% 50%;
  mask: url('/sites/default/files/flo-icons/line/eye-line.svg') no-repeat 50% 50%;
}
.icon-alert{
	-webkit-mask: url('/sites/default/files/flo-icons/line/alert-circle-line.svg') no-repeat 50% 50%;
    mask: url('/sites/default/files/flo-icons/line/alert-circle-line.svg') no-repeat 50% 50%;

}
td.col-date{
	white-space: nowrap;
	/*min-width: 128px;*/
	width: calc(var(--sp)*10); /*5*icon 1.5 + padding 0.75 */
}
td.col-band{
	width: calc(var(--sp)*11);
}
td.col-elements{
	min-width:calc(var(--sp)*4);
	padding-inline-end:0px;
}

.social-auth.auth-icon {
    width: 3em;
    margin-right: 5px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
    display: inline;
}

/* for reviews list */
.view-reviews.view-display-id-block_3 td > p {
	margin: 0;
}

/*editor*/
.ck.ck-content {
  background:black;
  /*color: var(--color--gray-70);*/ 
}

.ck.ck-editor h1, .ck.ck-editor h2, .ck.ck-editor h3, .ck.ck-editor h4, .ck.ck-editor h5, .ck.ck-editor h6 {
  /*color: var(--color--gray-70);*/
}
.horizontal-tabs ul.horizontal-tabs-list li a, .horizontal-tabs ul.horizontal-tabs-list li.selected a {
  /*color: var(--color--white);*/
}

/*showweight button*/
.tabledrag-toggle-weight-wrapper {
  /*display: none;*/
}

.cancelled {
	opacity:50%;
	text-decoration: line-through 2px solid;
	pointer-events: none;
}


/* revert color scheme for modals*/

div#drupal-modal {
  --color--black: #000; /* Black */
  --color--white: #fff; /* White */
  --color--primary-hue: 40; /*22 202*/
  --color--primary-saturation: 54%;/*79%;*/
  --color--primary-lightness: 79;/*50*/
  --color--gray-hue: 21; /*201*/
  --color--gray-saturation: 15%;
  --color--red: #e33f1e; /* Red */
  --color--gold: #fdca40; /* Gold */
  --color--green: #3fa21c; /* Green */
  --color--gray-5: hsl(var(--color--gray-hue), var(--color--gray-saturation), 5%); /* Black */
  --color--gray-10: hsl(var(--color--gray-hue), var(--color--gray-saturation), 11%);
  --color--gray-20: hsl(var(--color--gray-hue), var(--color--gray-saturation), 20%); /* Black 2 */
  --color--gray-45: hsl(var(--color--gray-hue), var(--color--gray-saturation), 44%); /* Gray Dark */
  --color--gray-60: hsl(var(--color--gray-hue), var(--color--gray-saturation), 57%); /* Gray medium */
  --color--gray-65: hsl(var(--color--gray-hue), var(--color--gray-saturation), 63%); /* Black 4 */
  --color--gray-70: hsl(var(--color--gray-hue), var(--color--gray-saturation), 72%); /* Gray medium 2 */
  --color--gray-90: hsl(var(--color--gray-hue), var(--color--gray-saturation), 88%); /* Gray light */
  --color--gray-95: hsl(var(--color--gray-hue), var(--color--gray-saturation), 93%); /* Gray light 1 */
  --color--gray-100: hsl(var(--color--gray-hue), var(--color--gray-saturation), 97%);
  --color--primary-30: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) - (0.36 * var(--color--primary-lightness)))));
  --color--primary-40: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) - (0.24 * var(--color--primary-lightness))))); /* Blue dark */
  --color--primary-50: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * var(--color--primary-lightness))); /* Blue medium */
  --color--primary-60: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) + (0.24 * (100 - var(--color--primary-lightness)))))); /* Blue bright */
  --color--primary-80: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) + (0.85 * (100 - var(--color--primary-lightness))))));

  /**
   * Variables specific to text.
   */
  --color-text-neutral-soft: var(--color--gray-45);
  --color-text-neutral-medium: var(--color--gray-20);
  --color-text-neutral-loud: var(--color--gray-5);

  --color-text-primary-medium: var(--color--primary-40);
  --color-text-primary-loud: var(--color--primary-30);


}