/* Root Variables */
:root {
  --default-color: #551900;
  --body-bg: #F2EFE9;
  --body-bg-lite: #F2EFE9;
  --nav-bg: #e3ded3;
  --nav-color: #624D7D;
  --nav-hover: #848788;

  --footer-color: #624D7D;
  --footer-bg: #F2EFE9;
  --footer-hover: #8c8988;
  --header-primary-color: var(--default-color);
  --header-secondary-color: #7f9ec1;
  --ltbrown-bg-color: #F2EFE9;
  --ltbrown-text-color: #624D7D;
  --orange-color: #d35133;
  --purple-color: #624D7D;
}

body a:not(#nav a) {
	color: var(--nav-color);
	text-decoration: underline;
}
body a:not(#nav a):hover {
	color: var(--nav-hover);
	text-decoration: none;
}
body#home #container {
	margin-top: 0 !important;
	padding-top: 69px !important;
}
body #container {
	margin-top: 89px !important;
	padding-top: 129px !important;
}
.color--purple {
	color: var(--purple-color);
}
#no-schedule {
	display: none;
}
.apps-logo img {
	max-height: 35px !important;
	width: 100%;
}
.orange { color: var(--orange-color); }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container embed, .video-container iframe, .video-container object { 
  position:absolute;
  top:0;left:0;
  width:100%;height:100%
}
#home #nav-container {
	margin-bottom: 1vh;
}
#nav-container,
#nav_container {
  margin: 0 auto 40px;
  transition: all 0.3s;
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
}
#nav_container > .inside { margin: 0 auto; }
#nav ul li.home { display: none; }
#nav a {
  font-family: 'Bernhard Std', 'serif'; 
  letter-spacing: 0.05em;
  font-size: 1.5em;
  font-style: normal;
  font-weight: 400;
  color: var(--nav-color);
  text-transform: uppercase;
  margin: auto;
  text-decoration: none; 
  transition: all 0.3s;
}
#nav a:hover {
  color: var(--nav-hover);
}
#nav li.current_page_item a,
.page-2020-archive-los-lobos #nav li.archives a,
.single-past #nav li.archives a,
.single-artists #nav li.archives a
 { color: #531D0B; }
#nav ul  { display: none; list-style: none; padding: 0; margin: 0; background: var(--nav-bg); }
#nav ul li {
  display: block;
  border-bottom: 2px solid var(--nav-color);
  padding: 10px 0px 10px 10px;
}
#nav ul.social-nav li { display: inline; border-bottom: none; }
#nav ul.social-nav  { border-bottom: 2px solid var(--nav-bg); padding: 10px 0; }

.mobile-logo { background: var(--nav-bg); }

.comment-box { width: 60%; max-width: 600px; min-width: 400px; margin: 50px auto 0 auto; }
.text-box { width: 80%; max-width: 700px; min-width: 400px; margin: auto; }

.mobile-logo a {
  margin: auto;
  text-align: left;
  padding: 20px;
  display: block;
  width: 60vw;
  height: 5rem;
  transition: all 0.3s;
}
.mobile-logo a img {
	height: auto;
	max-width: 300px;
}

/* Screen Reader Text ------------------------ */

.screen-reader-text {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute !important;
        width: 1px;
        word-wrap: normal !important;
        word-break: normal;
}

.screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        clip: auto !important;
        -webkit-clip-path: none;
        clip-path: none;
        color: #21759b;
        display: block;
        font-size: 0.875rem;
        font-weight: 700;
        height: auto;
        right: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000;
}

/* ------- */

body {
  margin: 0; padding: 0;
  background-color: var(--body-bg) !important;
  font-family: 'interstate', sans-serif;
  color: var(--header-primary-color);
  line-height: 1.5em;
}
a { color: var(--nav-bg); text-decoration: underline; font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Bernhard Std', 'serif' !important;
  color: var(--purple-color) !important; 
  line-height: 80%;
  letter-spacing: 0.05em;
}
.header--bernhard {
	color: var(--nav-bg);
	font-family: 'Bernhard Std', 'serif';
	letter-spacing: 0.05em;
}

.page .content { max-width: 1400px; margin: 0 auto; }
#home.elementor-page .page .content {
	max-width:100%;
}


h1 { font-size: 3.0em; }
h1.big { font-size: 4em; font-family: modesto-condensed;}
h2 { font-size: 2.5em; }

section h2 { font-size: 2.0em; margin: 0 0 10px 0; }
section h3 { font-size: 1.5em; margin: 0 0 10px 0; }

.hdr-arrow:before { background-image: url(/wp-content/uploads/2025/07/arrow-left-1f9177.svg); }
.hdr-arrow-blue:before { background-image: url(/wp-content/uploads/2025/07/arrow-left-1f9177.svg); }
.swirl:before { background-image: url(/wp-content/themes/hsb/images/swirl.png); }
.swirl-blue:before { background-image: url(/wp-content/themes/hsb/images/swirl-blue.png); }

.hdr-arrow-blue:before,
.hdr-arrow:before,
.swirl-blue:before,
.swirl:before {
  content: " ";
  background-repeat: no-repeat;
  background-size: contain;
  width: 62px;
  height: 25px;
  display: inline-block;
  margin-right: 10px;
}

.hdr-arrow:after { background-image: url(/wp-content/uploads/2025/07/arrow-right-80730a.svg); }
.hdr-arrow-blue:after { background-image: url(/wp-content/uploads/2025/07/arrow-right-80730a.svg); }
.swirl:after { background-image: url(/wp-content/themes/hsb/images/swirl.png); }
.swirl-blue:after { background-image: url(/wp-content/themes/hsb/images/swirl-blue.png); }

.swirl-blue:after,
.swirl:after {
  margin-left: 10px;
  content: " ";
  background-repeat: no-repeat;
  background-size: contain;
  width: 62px;
  height: 25px;
  display: inline-block;
  transform: rotate(180deg);
}


.container {
  margin: auto;
  width: 80%;
  max-width: 1000px;
  position: relative;
  z-index: 10;
  line-height: 1.5em;
}

section.block-basic {
  width: 100%;
  margin: 50px auto 50px auto;
}
section.block-basic > .inside {
  max-width: 1000px;
  min-width: 500px;
  margin: auto;
}

section.block-ltmpo {
  width: 100%;
  margin: 50px auto 50px auto;
  color: #E3DED3; 
  background: #A58C78;
}
section.block-ltmpo .inside {
  width: 50%;
  max-width: 900px;
  min-width: 500px;
  margin: auto;
}
section.block-ltmpo .inside .content {
  padding: 30px;
}
section.block-ltmpo .inside .text {
  font-size: 0.9em;
}
section.block-ltmpo .inside ul.subnav {
  list-style: none;
  margin: 20px auto 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 500px;
}
section.block-ltmpo .inside ul.subnav li {
  display: inline-block;
  width: 22%;
}
section.block-ltmpo .inside ul.subnav li .icon img {
  width: 100%; height: auto;
}
body.page-music-relief-draft section.block-merch a.button,
body.page-music-relief section.block-merch a.button,
section.block-merch a.button,
section.block-lineup .artists a.button,
section.block-ltmpo .inside ul.subnav li a.button {
  font-family: 'Bernhard Std', 'serif';
  color: #fff;
  background-color: var(--nav-bg);
  text-decoration: none;
  padding: 10px 10px 2px 10px;
  text-transform: uppercase;
  font-size: 2.0em;
  font-weight: normal;
  letter-spacing: 0.05em;
  margin-top: 5px;
  text-align: center;
  display: block;
  transition: all 0.3s;
}
body.page-music-relief-draft section.block-merch a.button:hover,
body.page-music-relief section.block-merch a.button:hover,
section.block-merch a.button:hover,
section.block-lineup .artists a.button:hover,
section.block-ltmpo .inside ul.subnav li a.button:hover {
  color: var(--nav-hover);
}

section.block-white {
  width: 100%;
  margin: 50px auto 50px auto;
  padding-bottom: 50px;
  color: var(--default-color);
  background: #fff;
}
section.block-white .inside {
  width: 70%;
  margin: auto;
  max-width: 1200px;
}
section.block-white h2 {
  color: #7f9ec1;
}

section.block-darkgradient {
  width: 100%;
  max-width: 1000px;
  margin: 7px auto 7px auto;
  padding: 10px 0;
  color: var(--body-bg);
  background: linear-gradient(-90deg, #517F9B , var(--nav-bg) 50% 60%, #517F9B);
}
section.block-darkgradient .inside {
  width: 80%;
  margin: 10px auto;
  max-width: 1200px;
}
section.block-darkgradient .inside h2.header-primary {
  color: var(--body-bg);
}

section.block-livestream {
  width: 100%;
  max-width: 1000px;
  margin: 7px auto 7px auto;
  padding: 10px 0;
  color: var(--body-bg);
  background: linear-gradient(-90deg, #517F9B , var(--nav-bg) 50% 60%, #517F9B);
}
section.block-livestream .inside {
  width: 95%;
  margin: 10px auto;
  max-width: 1200px;
}
section.block-livestream .inside h2.header-primary {
  color: var(--body-bg);
}
section.block-livestream .inside a { color: var(--nav-color); }
section.block-livestream .inside .livestream_text { text-align: left; padding-bottom: 20px; }
section.block-livestream .inside .livestream_text .p { display: block; padding-bottom: 20px; }
section.block-livestream .inside .livestream_player { margin-bottom: 20px; }

section.block-hero {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 0px auto;
  line-height: 0;
}

section.block-ltgrey {
  width: 100%;
  margin: 20px auto 20px auto;
  padding: 10px 0;
  color: var(--header-primary-color);
  background-color: #f1f1f1; /*var(--nav-bg);*/
}
section.block-ltgrey .inside {
  width: 80%;
  margin: 20px auto;
  max-width: 1200px;
}

.musician-lifeline h2 { margin-bottom: 0; }
section.block-reverse {
  width: 100%;
  margin: 50px auto 50px auto;
  padding-bottom: 50px;
  color: var(--nav-bg);
  background:#A58C78;
  text-align: center;
}
section.block-reverse .inside {
  width: 70%;
  margin: auto;
  max-width: 1200px;
}

section.block-helping {
  width: 100%;
  margin: 50px auto 50px auto;
  background:#A58C78;
  text-align: center;
}
h1 { font-family: 'Bernhard Std'; font-size: 2.5em; color: var(--nav-bg); }
section.block-helping .inside {
  width: 80%;
  max-width: 900px;
  min-width: 500px;
  margin: auto;
}
section.block-helping .inside .content {
  padding: 30px;
}
section.block-helping .inside .text {
  /* font-size: 0.9em; */
}
/* section.block-helping .inside a { color: #e3ded3; } */
section.block-helping .inside a.donate {
  display: inline-block;
  margin: auto;
  color: #FEB300;
  background-color: #DC461E;
  padding: 20px 50px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.5s;
}
section.block-helping .inside a:hover {
  color: #fff;
}


section.block-lineup .artists a.button { display: block; font-size: 18px; }
section.block-lineup .artists { max-width: 800px; min-width: 500px; margin: 50px auto 0 auto; position: relative; }
section.block-lineup .artists .item { width: 47%; display: inline-block; margin-right: 2%; vertical-align: top; margin-bottom: 20px; }
section.block-lineup .artists .item img { width: 100%; height: auto; }

h3.date { font-size: 2.0em; text-align: center; color: #A48B78; margin: 0 auto; position: relative; font-weight: 700; padding: 10px 0; }
h3.date .text { position: relative; z-index: 2; background: #E3DED3; padding: 0 20px; }
h3.date:after { border-top: 3px solid var(--nav-bg); position: absolute; content: ""; right: 0; top: 50%; left: 0; z-index: 1; }

#logo {
  width: 100%;
  text-align: center;
  padding: 5% 0 0 0;
}
#logo img { width: 100%; height: auto; max-width: 700px; }

.dropshadow-big-right { 
  padding: 0 44px 0px 0;
  background-image: url(/wp-content/themes/hsb/images/dropshadow-2054v.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 500px;
}

.dropshadow-right { 
  padding: 0 13px 0px 0;
  background-image: url(/wp-content/themes/hsb/images/dropshadow-500v.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}

.dropshadow-bottom { 
  padding: 15px 0 50px 0;
  background-image: url(/wp-content/themes/hsb/images/dropshadow-500h.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}

/* START: HEADLINES */
body.single-headlines {
	background-color: #E3DED3;
  /*background-image: url(/wp-content/themes/hsb/images/2022/hsb22-wallpaper-blur.jpg);*/
  background-size: 30%;
}
body.single-headlines h3 { font-size: 1.4em; line-height: 1.2em; margin: 10px 0; }
body.single-headlines .header-primary { color: var(--header-primary-color); }
/* END: HEADLINES */

/* START: FOOTER */
footer {
	background-color: var(--footer-bg);
	color: var(--footer-color);
	display: flex;
	flex-direction: row;
	margin-top: 8vh;
	padding: 10px 4vh;
	width: 100%;
}
body footer .container {
	align-items: center;
	display: flex;
	justify-content: space-between;
	max-width: 100%;
	padding:0 3vw;
	width: 100%;
}
footer .content .social { /* flex-grow: 2; */ padding-top: 11px; padding-bottom: 11px; text-align: center; }
footer .social > a { font-size: 1.7rem; font-weight: normal; padding: 0 0.1rem; }
footer a { color: var(--footer-color); text-decoration: none; font-weight: bold; transition: all 0.2s; font-size: 145%; }
footer a:hover { color: var(--footer-hover); }
footer .copy_credit { font-size: 0.7rem; }
footer .content {
  margin: 0 auto;
  z-index: 10;
  position: relative;
  max-width: 75rem;
}
footer .content {
  display: flex;
  align-items: flex-end;
}
footer .content > div {
  flex: 0 1 auto;
}
footer .desktop { display: none; }
/* END: FOOTER */

.hdr-vote .desktop,
.crowd .desktop { display: none; }
.hdr-vote img,
.crowd img { width: 100%; height: auto; }

.header-logo { padding-bottom: 20px; }
.header-logo img { display: none; }

.flip-hor { transform: scaleX(-1); }

#hamburger { display: inline-block; cursor: pointer; position: absolute; top: 2.5rem; right: 1rem; transition: all 0.3s; }
#hamburger > div {
  background-color: var(--nav-hover);
  width: 2rem;
  height: 5px;
  margin: 6px 0;
  transition: all 0.3s;
}
#hamburger.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}
#hamburger.change .bar2 {opacity: 0;}
#hamburger.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

section.block-ltmpo-details {
  margin: 10px auto;
  text-align: center;
  width: 70%; min-width: 750px;
}
section.block-ltmpo-details h1 { margin: 10px 0; line-height: 0.8em; font-size: 2.5em; }
section.block-ltmpo-details h1 .sub { font-size: 1.7rem; display: block;}
section.block-ltmpo-details .text-box { color: var(--nav-bg); font-size: 0.85rem; line-height: 1.5em; }
section.block-ltmpo-details .wheretowatch { font-weight: bold; font-size: 1.2em; margin: 30px auto 15px auto; text-align: center; }
section.block-ltmpo-details .watch-opts { width: 600px; display: inline-block; vertical-align: middle; }
section.block-ltmpo-details .watch-opts .one-time { display: block; font-size: 0.6em; }
section.block-ltmpo-details .watch-opts .opt { display: inline-block; width: 25%; vertical-align: top; }
section.block-ltmpo-details .watch-opts .opt .inside { border: 3px solid; padding: 20px 0; min-height: 100px; position: relative; }
section.block-ltmpo-details .watch-opts .opt .inside a { color: var(--nav-bg); font-size: 0.8em; display: block; margin-top: 5px; }
section.block-ltmpo-details .watch-opts .opt:nth-child(1) { margin-left: 5%; }
section.block-ltmpo-details .watch-opts .opt:nth-child(2) { margin: 0 6%; }
section.block-ltmpo-details .watch-opts .opt:nth-child(3) { margin-right: 5%; }
section.block-ltmpo-details .flourish { height: 100%; }

section.block-lineup {
  margin: 40px auto;
  text-align: center;
}
.lineup-header { margin: auto; width: 70%; text-align: center; min-width: 500px; }
.lineup-header-text { display: inline-block; width: 55%; vertical-align: middle; }
.lineup-header-text .content { padding: 0 5px; }
.lineup-header h1, .lineup-header h2 { margin: 5px 0; padding: 0; text-align: center; letter-spacing: .03em;}
.lineup-header h1 { font-size: 2.5em; }
.lineup-header h2 {
  font-size: 1.5em;
  color: #A58C78;
}
.sep {
  display: inline-block;
  vertical-align: middle;
  width: 15%;
  border-top: 3px solid #A58C78;
  padding-bottom: 3px;
}

section.block-sketch { margin: auto; text-align: center; }
section.block-sketch .flourish:first-child { margin-right: 20px; }
section.block-sketch .flourish:last-child { margin-left: 20px; }
.sketch { display: inline-block; vertical-align: middle; height: 100%; }
.flourish { display: inline-block; vertical-align: middle; height: 70%; }
.flourish img { height: 100%; width: auto; }
.sketch img { height: 100%; width: auto; }
.sketch .byline { font-size: 12px; text-align: right; padding-top: 5px; }

/* START: ARTIST */
.single-artists .content { margin-top: 0px; }
.single-artists .stage-none .stage-icon { display: none; }

.single-artists .main_image { width: 100%; position: relative; top: 0px; margin: 0; }

.single-artists .stage-none .main_image { width: calc(100% - 44px);  margin: 0 22px; }
.single-artists .main_image img { width: 100%; object-fit:cover; object-position: top; height: auto; }
.single-artists .stage-icon {
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 100px;
  height: 87px; /* 68px; */
  vertical-align: top;
  margin: 25px 10px 0 10px;
  text-indent: -999em;
}
.single-artists .stage-hardlystrictlysilentdisco .stage-icon { background-image: url(/wp-content/themes/hsb/images/stage-silentdisco.png); }
.single-artists .stage-star .stage-icon { background-image: url(/wp-content/themes/hsb/images/stage-star.png); }
.single-artists .stage-banjo .stage-icon { background-image: url(/wp-content/themes/hsb/images/stage-banjo.png); }
.single-artists .stage-rooster .stage-icon { background-image: url(/wp-content/themes/hsb/images/stage-rooster.png); }
.single-artists .stage-swan .stage-icon { background-image: url(/wp-content/themes/hsb/images/stage-swan.png); }
.single-artists .stage-arrow .stage-icon { background-image: url(/wp-content/themes/hsb/images/stage-arrow.png); }
.single-artists .stage-porch .stage-icon { background-image: url(/wp-content/themes/hsb/images/stage-porch.png); }
.single-artists .stage-bandwagon .stage-icon { background-image: url(/wp-content/themes/hsb/images/stage-bandwagon.png); }
.single-artists .stage-lavictrola .stage-icon { background-image: url(/wp-content/themes/hsb/images/stage-lavictrola.png); }
.single-artists .stage-towersofgold .stage-icon { background-image: url(/wp-content/themes/hsb/images/stage-towersofgold.png); }
.single-artists .stage-horseshoehill .stage-icon { background-image: url(/wp-content/themes/hsb/images/stage-horseshoehill-icon.png); }

.single-artists .stage-none .artist-header { width: 100%; }
.single-artists .artist-header {
  width: calc(100% - 120px);
  display: inline-block;
  background-color: var(--nav-bg); /* var(--header-primary-color); /* #531D0B; */
  color: #fff;
  text-transform: uppercase;
}
.single-artists .artist-header .appearance {
  font-size: 15px;
  padding-top: 5px;
}
.single-artists .stage-banjo .artist-header { background-color: #005579; }
.single-artists .stage-horseshoehill .artist-header { background-color: #925800; }
.single-artists .stage-arrow .artist-header { background-color: #dc461e; }
.single-artists .stage-towersofgold .artist-header { background-color: #fcb932; }
.single-artists .stage-swan .artist-header { background-color: #712b8e; }
.single-artists .stage-rooster .artist-header { background-color: #Af1632; }

.single-artists .artist-header .inside { padding: 30px; }
.single-artists .artist-header h1 {
  color: #fff;
  font-size: 35px;
  padding: 0;
  margin: 0;
}

.single-artists .art_image_related { background: none; }
.single-artists .artist_tags { padding: 0 30px; }
.single-artists .related_artists { padding: 0 30px; }
.single-artists .col2 { padding: 30px; }

.single-artists h1 {
  text-transform: uppercase;
  font-size: 34px;
  margin-top: 0;
  padding-top: 0;
}
.single-artists .gallery,
.single-artists .artist_tags,
.single-artists .related_artists .title {
  font: normal 25px 'Bernhard Std', 'serif';
  color: var(--nav-bg);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 5px;
}
.single-artists .gallery .title,
.single-artists .artist_tags .title { display: block; margin: 10px 0; }
.single-artists .artist_tags .year {
  /*
  background-image: url(/wp-content/themes/hsb/images/perf-bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  */
  background-color: var(--nav-bg);
  border-radius: 10px;
  border: 1px solid var(--nav-bg);
  /* width: 115px; height: 40px; */
  min-width: 88px;
  height: 30px;
  display: inline-block;
  margin-bottom: 4px;
  color: #e3ded3;
}
.single-artists .artist_tags a .year i.fa-link { font-size: 0.8em; }
.single-artists .artist_tags .year {
  text-align: center;
}
.single-artists .artist_tags .year .inside {
  display: block;
  font-size: 22px;
  padding: 4px 10px ;
  letter-spacing: 1px;
  /*
  min-width:  60px;
  background-color: var(--nav-bg);
  */
}
.single-artists .artist_tags a .year { color: #FEB300; }
.single-artists .artist_tags a:hover .year { color: #e3ded3; }
.single-artists .related_artists .title {
  margin-top: 30px;
  display: block;
}
.single-artists .related_artists a {
  text-decoration: none;
  /*color: #f47c2f;*/
  color: #4d2e37;
}
.single-artists .related_artists a:hover {
  text-decoration: underline;
}
.single-artists .col2 .social a { font-size: 34px; color: #FFA100; }
.single-artists .col2 .social a:hover { color: var(--nav-bg); }
.single-artists .artist_tagline { font-style: italic; font-weight: bold; }

/* artist page: desktop breakpoint */
@media screen and (min-width: 55em) {
  body .schedule_options { width: 48em; }
  body.single-artists .stage-icon { margin-left: 0; }

  body.single-artists .main_image { width: calc(100% - 110px - 44px);  position: relative; top: -19px; margin-left: 154px; }
  body.single-artists .stage-none .stage-icon { display: inline-block; }
  body.single-artists h1 { padding-bottom: 0; margin-bottom: 0; }
  body.single-artists .related_artists,
  body.single-artists .gallery,
  body.single-artists .artist_tags { width: calc(100% - 154px - 10px); margin-left: 154px; padding: 0 ;}
  body.single-artists .gallery .title,
  body.single-artists .artist_tags .title { margin-bottom: 10px; margin-top: 0; }
  body.single-artists .col1,
  body.single-artists .col2 { display: inline-block; vertical-align: top; }
  body.single-artists .col1 { width: 58%; }
  body.single-artists .col2 { width: 42%; padding: 0; }
  body.single-artists .col1 > .inside,
  body.single-artists .col2 > .inside { padding: 30px; position: relative; }
  body.single-artists .col2 > .inside { padding-top: 105px; max-width: 350px; }
  body#john-prine.single-artists .col2 > .inside { max-width: 450px; }
  body.single-artists .col2 {
    min-height: 700px;
    font-size: 16px;
    line-height: 1.4em;
  }
  body.single-artists .col2 p { padding-top: 0; margin-top: 10px; }
  body.single-artists .main_image,
  body.single-artists .stage-none .main_image { width: calc(100% - 110px - 44px);  margin-left: 154px; }
  body.single-artists .artist-header,
  body.single-artists .stage-none .artist-header { width: calc(100% - 110px); }
  body.single-artists .artist-header .inside { padding: 30px 0 30px 30px; }

  body.single-artists .related_artists { padding: 0; }

  body.single-artists .art_image_related {
    min-height: 500px;
    padding: 0 44px 0px 0;
    background-image: url(/wp-content/themes/hsb/images/dropshadow-2054v.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 500px;
  }

  body section.block-ltgrey .inside { width: 70%; }

  body section.block-livestream .inside .livestream_text { text-align: center; }
  body section.block-livestream .inside .livestream_text .p { display: block; padding-bottom: 0px; }

  body section.block-livestream .inside .livestream_player { 
    width: 49%;
    display: inline-block;
    vertical-align: top;
  }
  body section.block-livestream .inside .livestream_player:first-child { margin-right: 1%; }
  body section.block-livestream .inside .livestream_player:last-child { margin-left: 1%; }
}

/* artist page: breakpoint small desktop just before mobile */
@media screen and (max-width: 1180px) and (min-width: 55em) { /* 55em = 880px */
  .single-artists .artist_tags .title,
  .single-artists .related_artists .title { font-size: 21px; }
  .single-artists .artist_tags .year .inside { font-size: 17px; padding-right: 7px; }
  .single-artists .artist_tags .year { min-width: 75px; height: 23px;}
  .single-artists .date-time { font-size: 11px; }
}

/* END: ARTIST */

/* START: MEMORIAM */
body.page-memoriam #container { width: 70%; max-width: 800px; margin: 0 auto; background-color: var(--body-bg)!important; }
.page-memoriam { color: var(--default-color); }
.page-memoriam h1 { font-family: modesto-condensed, serif; text-transform: uppercase; font-weight: 100; font-size: 3em; }
.memoria .memoriam { margin-bottom: 4em; }
.memoria .memoriam h2 {
  font-family: modesto-condensed, serif;
  color: var(--purple-color) !important;
  text-transform: uppercase;
  font-size: 2em;
  margin: 10px 0 0 0;
  line-height: 1.1em;
  padding: 0 10px;
}
.memoria .memoriam .bio { padding: 0 10px; line-height: 1.5em; }
.memoria .memoriam .dates { font-size: 0.9375em; line-height: 1em; padding: 0 10px 20px 10px ; }
.memoria .memoriam .image { margin-bottom: 20px; height: 100%; overflow: hidden; width: 100%;}
.memoria .memoriam .image img { width: 100%; height: 100%; object-fit: cover;object-position: top center; }
.memoria .memoriam .links { margin-top: 15px; padding: 0 10px; }
.memoria .memoriam .links .link { display: block; }
.memoria .memoriam .links .link a {
    transition: all 0.2s;
    /* border: 4px solid #4f3038; */
    text-transform: uppercase;
    text-decoration: underline;
    color: var(--nav-bg);
    display: block;
}
.memoria .memoriam .links .link a:hover { color: #fff; /*border-color: #f3e3c7; */}

.page-memoriam .left_col { display: inline-block; width: 500px; margin-right: 20px; font-size: 13px; }
.page-memoriam .right_col { display: inline-block; width: 210px; font-size: 13px; }
.page-memoriam p { margin: 0 0 10px 0; }
.page-memoriam h3 {
  font: normal 20px georgia;
  margin: 0 0 10px 0;
}

/* Memoriam Desktop */
@media screen and (min-width: 55em) {
  .memoria .memoriam { display: inline-block; width: 47%; vertical-align: top;}
  .memoria .memoriam:nth-child(even)  { display: inline-block; }
  .memoria .memoriam:nth-child(odd) {  clear: both; margin-right: 5%; }
  .memoria .memoriam .image { height: 300px; }
  .memoria .memoriam h2 { padding: 0; }
  .memoria .memoriam .dates { padding: 0 0 20px 0; }
  .memoria .memoriam .bio { padding: 0; }
  .memoria .memoriam .links { padding: 0; }
}
/* END: MEMORIAM */

/* .clearfix { display: inline-block; } */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* START: MUSIC RELIEF */
body.page-music-relief .musicrelief-headline { margin: auto; line-height: 1.3em;}
body.page-music-relief-draft .content,
body.page-music-relief .content { color: var(--default-color); }
body.page-music-relief-draft .content a,
body.page-music-relief .content a { color: var(--default-color); }
.venues { padding: 0; margin: 30px 0 0 10px; }
.venues li { list-style: none; display: inline-block; width: 19%; }
.venues li img { width: 100%; height: auto; }

.grantees2021 { margin: 20px auto; }
.grantees2021 h2 { font-family: modesto-condensed,serif; color: var(--header-primary-color); text-align: center; text-transform: uppercase; padding-bottom: 20px ; font-size: 1.9em; }
.grantees2021 .item { margin-bottom: 20px; text-align: center; }
.grantees2021 .item img { max-width: 70%; height: auto; }
.grantees2021 .item .item_text { padding: 0 10px; }
.grantees2021 #sweetrelief img { max-height: 120px; }

.grantees { padding: 0; margin: 20px auto; text-align: center; }
.grantees li { list-style: none; display: inline-block; height: 80px; margin: 10px 20px; }
.grantees li img { width: auto; height: 100%; }

/* body.page-music-relief .page .content { max-width: 800px; } */

@media screen and (min-width: 768px) {
  body .grantees2021 .item { width: 32%; text-align: center; display: inline-block; vertical-align: middle;  }
  body .grantees2021 .item img { max-width: 90%; height: auto; }
  body .grantees2021 #sweetrelief img { max-height: 100px; }
}
/* END: MUSIC RELIEF */

/* BEGIN: VENDOR PAGE */
.page-vendors #vendors_container { margin: 0 50px; max-width: 1000px; }
ul#vendors { margin: 0; padding: 0; }
ul#vendors li { list-style: none; display: inline-block; vertical-align: top; width: 15%; margin: 0 1% 1% 0; }
ul#vendors .vendor .vendor_photo { border: 2px solid; line-height: 0; }
ul#vendors .vendor .vendor_photo img { width: 100%; height: auto; }
ul#vendors .vendor .vendor_info { padding-top: 10px; line-height: 1.1em; }
ul#vendors .vendor .vendor_name { font-family: 'Bernhard Std'; font-size: 1.3em; }
ul#vendors .vendor .vendor_name a { text-decoration: none; color: var(--nav-bg); }
ul#vendors .vendor .vendor_name a:hover { text-decoration: underline; }
ul#vendors .vendor .vendor_category { font-style: italic; font-weight: bold; }
ul#vendors .vendor .vendor_description { font-size: 0.8em; }
ul#vendors .vendor .vendor_location { font-size: 0.8em; font-weight: bold; text-transform: uppercase; }
/* END: VENDOR PAGE */

/* BEGIN: SCHEDULE PAGE */
body.page-schedule {
	background-color: var(--body-bg-lite);
	/*background-image: url(/wp-content/themes/hsb/images/2023/hsb23-wallpaper-blur.jpg);*/
	background-size: 30%;
}
body.page-schedule .nk-awb, 
body.page-schedule2025 .nk-awb {
	display: none !important;
	min-height: 1px !important;
}
#schedule h1 {
	color: var(--default-color);
}
.schedule_options { margin: 0 auto; width: 12em; display: flex; justify-content:center; }
.schedule_options a {
	align-items: center;
	background: var(--nav-bg);
	color: var(--nav-color);
	display: flex;
	font: normal 22px 'Bernhard Std';
	justify-content:center;
	padding: 10px 10px 5px;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
}
.schedule_options .byday,
.schedule_options .alpha,
.schedule_options .grid,
.schedule_options .poster { width: 10em; display: inline-block; margin: 0.2em 1em; }
.schedule_options .poster {display: none;}
.page-schedule .content .nk-awb.by_day { display: none; }
.schedule_by_day h2 { text-align: center; }
.schedule_by_names img { max-width: 100%; height: auto; }

body .schedule_options a:hover,
body .schedule_options .opt.selected a {
  background: var(--nav-hover);
  color: var(--body-bg) !important;
}
/* END: SCHEDULE PAGE */

/* BEGIN: INFO PAGE */
ul#faq { padding: 0; margin: 70px 0; position: relative; zoom: 1; }
ul#faq li { list-style: none; padding: 0; margin: 15px 0; position: relative; zoom: 1; }
ul#faq .question { color: #171e3e; font-size: 21px; font-weight: bold; /*text-transform: uppercase;*/ }
ul#faq .question:hover { color: #cc7951; }
ul#faq .answer {
  background: url('images/bg-faq-answer.jpg?t=1');
  margin: 10px -9999rem;
  padding: 0.25rem 9999rem;
}
/* ul#faq .active { text-decoration: underline; } */

.toc { 
  position: fixed;
  top: 100px;
  background: #89AABA;
  padding: 0;
  z-index: 10;
  display: inline-block;
  width: 360px;
  vertical-align: top;
  overflow: hidden;
}
.toc ul { 
  padding: 20px;
  margin: 0;
  list-style: none;
}
.toc ul li { 
  font-size: 1.4em;
  line-height: 1.5em;
  border-bottom: 2px solid #f1f6d8;
  padding: 10px 20px;
  font-family: 'Bernhard Std';
  text-transform: uppercase;
}
.toc ul a { 
  color: #f1f6d8;
  text-decoration: none;
  transition: all 0.3s;
}
.toc ul a:hover { 
  color: #171e3e;
}
.faq_content {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 380px;
}
.faq_content #faq h3 {
  color: var(--nav-bg);
  text-transform: uppercase;
  font-size: 2.3em;
}
.faq_content #faq .question {
  text-transform: uppercase;
}
.faq_content #faq .question:hover {
  color: inherit;
}
.faq_content #faq .answer {
  margin: 0;
  padding: 20px 20px 0 20px;
  background-image: none;
}
.faq_content #faq .answer p {
  margin-top: 0;
  margin-bottom: 1em;
}
/* END: INFO PAGE */

/* START: MAILING LIST */
body.page-mailinglist .page .content {
  max-width: 800px;
  color: var(--default-color);
  /*background-image: url(/wp-content/themes/hsb/images/dog.png);*/
  background-repeat: no-repeat;
  background-size: 23% auto;
  background-position: left center;
}
body.page-mailinglist .page .content h2 {
  font-family: modesto-condensed, serif;
  text-transform: uppercase;
  letter-spacing: initial;
  color: var(--default-color);
  font-weight: 100; font-size: 3em;
}
.page-mailinglist form { margin: 50px 0; max-width: 38rem; }
.page-mailinglist form label { white-space: nowrap; font-weight: bold; padding-right: 10px;  }
.page-mailinglist form .label { text-align: left; }
.page-mailinglist form .input { background-color: #fff; color: var(--default-color); padding: 7px 5px 7px 15px; font: 1em interstate,helvetica,sans-serif; }
.page-mailinglist form select, form input { background-color: #fff; color: var(--default-color); border: 0; font: 1em interstate,helvetica,sans-serif; width: 100%;  }
.page-mailinglist form select, form { text-align: center; }
.page-mailinglist form select { margin: 10px 0 ; }
.page-mailinglist form .row.select { margin-bottom: 10px; }
.page-mailinglist form input.submit { width: initial; font: 1.8em 'Bernhard Std', 'Oswald', 'sans-serif'; padding: 7px 15px 0; text-transform: uppercase; display: inline-block; background-color: var(--purple-color); color: #fff; line-height:2; transition: all 400ms ease-in-out; }
.page-mailinglist form input.submit:hover {
	background-color: var(--default-color);
}
.page-mailinglist form #mce-responses { font-size: 1.4rem; font-weight: bold; text-align: left; }

@media screen and (min-width: 768px) {
  .page-mailinglist form { padding-top: 0; }
/*  .page-mailinglist form .submit_container { float: right; } */
  .page-mailinglist form .row { padding-bottom: 10px; }
  .page-mailinglist form .row .label { float: left; width: 22%; text-align: right; }
  .page-mailinglist form .row .input { float: left; width: 72%; }
  .page-mailinglist form .submit_container { float: left; font-family: 'Bernhhard Std';text-transform: uppercase; }
  .page-mailinglist form .row:last-child .input { background: transparent; padding-left: 0;  }
  /* .page-mailinglist form .row:last-child .input { float: right; width: auto; padding: 0; margin-right: 0.2em; } */
}
/* END: MAILING LISt */

/* START: ARCHIVES */
body.page-archives #container { width: 70%; max-width: 800px; margin: 0 auto; }
body.single-past .page .inside,
body.page-archives .page .inside { padding: 0 20px; }
#container {
	min-height: 100vh;
}
body.archive h1 {
  text-align: left; 
  font-family: modesto-condensed, serif;
  text-transform: uppercase;
  font-weight: 100; font-size: 3em;
}
body.archive { color: var(--default-color); }
body.archive .header_text { max-width: 590px; }

/*
.post-type-archive-past article .left {
  display: inline-block;
  vertical-align: top;
  width: 48%;
}
.post-type-archive-past article .center {
  display: inline-block;
  vertical-align: top;
  background-color: #000;
  width: 2%;
}

.post-type-archive-past article .right {
  display: inline-block;
  vertical-align: top;
  width: 48%;
}
*/

.single-past #container .page .past_year {
  width: 70%; min-width: 900px; max-width: 1300px; margin: 0 auto; 
}
.single-past h1.year { }
.single-past .poster { }
.single-past .poster img { width: 100%; height: auto; }
.single-past h2 { text-transform: uppercase; font-size: 25px; margin-top: 30px; }
.single-past .stage_schedule {
  display: inline-block;
  width: 31%;
  margin-right: 1.6%;
  vertical-align: top;
}
.single-past .stage_schedule .inside { padding-left: 20px; }
.single-past a {
  color: #531D0B;
  text-decoration: none;
  font-weight: bold;
}
.single-past a:hover {
  text-decoration: underline;
}

.single-artists .gallery ul,
.single-past .gallery ul { 
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0;
}
.single-artists .gallery ul li,
.single-past .gallery ul li { 
  display: inline-block;
  margin: 0 10px 10px 0;
}
.single-artists .gallery ul li img,
.single-past .gallery ul li img {
  height: 120px; width: auto;
}

.single-past .editorial ul { 
  margin: 0;
  padding: 0;
  list-style: none;
}

.single-past .stage { 
  height: 65px;
  margin-bottom: 0;
  font-size: 23px;
}

.single-past .stage-star { height: 50px; }
.single-past .stage-hardlystrictlysilentdisco { height: 100px; }

.single-past .stage-hardlystrictlysilentdisco,
.single-past .stage-star,
.single-past .stage-banjo,
.single-past .stage-rooster,
.single-past .stage-swan,
.single-past .stage-arrow,
.single-past .stage-porch,
.single-past .stage-bandwagon,
.single-past .stage-lavictrola,
.single-past .stage-towersofgold,
.single-past .stage-horseshoehill {
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  text-indent: -999em; 
}

/*
.single-past .stage-hardlystrictlysilentdisco { background-image: url(/wp-content/themes/hsb/images/stage-silentdisco.png); }
.single-past .stage-star { background-image: url(/wp-content/themes/hsb/images/stage-star.png); }
.single-past .stage-banjo { background-image: url(/wp-content/themes/hsb/images/stage-banjo.png); }
.single-past .stage-rooster { background-image: url(/wp-content/themes/hsb/images/stage-rooster.png); }
.single-past .stage-swan { background-image: url(/wp-content/themes/hsb/images/stage-swan.png); }
.single-past .stage-arrow { background-image: url(/wp-content/themes/hsb/images/stage-arrow.png); }
.single-past .stage-porch { background-image: url(/wp-content/themes/hsb/images/stage-porch.png); }
.single-past .stage-bandwagon { background-image: url(/wp-content/themes/hsb/images/stage-bandwagon.png); }
.single-past .stage-lavictrola { background-image: url(/wp-content/themes/hsb/images/stage-lavictrola.png); }
.single-past .stage-towersofgold { background-image: url(/wp-content/themes/hsb/images/stage-towersofgold.png); }
.single-past .stage-horseshoehill { background-image: url(/wp-content/themes/hsb/images/stage-horseshoehill.png); }
*/

.single-past .stage-hardlystrictlysilentdisco { background-image: url(/wp-content/themes/hsb/images/stage-silentdisco.png); }
.single-past .stage-star { background-image: url(/wp-content/themes/hsb/images/stage-star.png); }
.single-past .stage-banjo { background-image: url(/wp-content/themes/hsb/images/stage-banjo-icon.png); width: 68px; }
.single-past .stage-rooster { background-image: url(/wp-content/themes/hsb/images/stage-rooster-icon.png); width: 81px; }
.single-past .stage-swan { background-image: url(/wp-content/themes/hsb/images/stage-swan-icon.png); width: 63px; }
.single-past .stage-arrow { background-image: url(/wp-content/themes/hsb/images/stage-arrowmeadow-icon.png); width: 97px; height:62px;}
.single-past .stage-porch { background-image: url(/wp-content/themes/hsb/images/stage-porch-icon.png); width: 96px; height: 51px; }
.single-past .stage-bandwagon { background-image: url(/wp-content/themes/hsb/images/stage-bandwagon-icon.png); width: 89px; height:63px; }
.single-past .stage-lavictrola { background-image: url(/wp-content/themes/hsb/images/stage-lavictrola-icon.png); width: 97px; height: 63px;}
.single-past .stage-towersofgold { background-image: url(/wp-content/themes/hsb/images/stage-towersofgold-icon.png); width: 105px; height: 53px; }
.single-past .stage-horseshoehill { background-image: url(/wp-content/themes/hsb/images/stage-horseshoehill-icon.png); width: 97px; height: 48px; }

.single-past .stage-lineup,
.single-past .stage-main,
.single-past .stage-2nd,
.single-past .stage-3rd,
.single-past .stage-blue,
.single-past .stage-grass,
.single-past .stage-hardlystrictly
  { text-indent: 0; height: auto; width: auto;  }

.single-past .stage_schedule ul { 
  margin: 10px 0 0 0;
  padding: 0 0 0 12px;
  text-indent: -12px;
  list-style: none;
  font-size: 14px;
  line-height: 1.1em;
}
.single-past .stage_schedule ul li {
  padding-bottom: .4em;
  position: relative;
}

.single-past .stage_schedule li a.wp-colorbox-iframe {
  text-indent: -999em;
  background: url(/wp-content/themes/hsb/images/icon-play.png) no-repeat;
  width: 15px; height: 15px;
  background-size: 100%;
  position: absolute;
  left: -30px;
}

.single-past .stage_schedule li a.hsbtv:hover { color: var(--nav-hover); }

.single-past .featured_videos ul { margin: 0; padding: 0; list-style: none; }
.single-past .featured_videos ul li { display: inline-block; vertical-align: top; width: 32%; margin-right: 1%; margin-bottom: 20px; }
.single-past .featured_videos .title { font-size: 1.3em; text-transform: uppercase; font-family: 'Bernhard Std',serif; color: #551900; }
.single-past .featured_videos .thumbnail { position: relative; }
.single-past .featured_videos .thumbnail img {  width: 100%; height: auto; }
.single-past .featured_videos .info { font-size: 0.8em; line-height: 1.3em; }
.single-past .featured_videos_text { padding: 0 0 30px 0; }
.single-past .featured_videos .thumbnail a { display: block; line-height: 0; }
.single-past .featured_videos .thumbnail a > .overlay {
  display: none;
  position: absolute;
  top: 0; left: 0;
  background-image: url(/wp-content/themes/hsb/images/ltmpoo-next-play-overlay.png);
  background-size: contain;
  width: 100%; height: 100%;
  z-index: 10;
}
.single-past .featured_videos .thumbnail a:hover > .overlay {
  display: block;
}     
      

/* END: ARCHIVES */

/* START: Community  */
body.page-community .page .content { max-width: 100%; }
body.page-community .page .inside .content p,
body.page-community .page .inside .content cite {
  color: #000;
  max-width: 800px;
  line-height: 1.5em;
  margin: 20px auto;
}
body.page-community h1.blm {
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 34px;
  padding: 20px;
  line-height: 1.7em;
  margin: 0;
  font-family: interstate;
}
body.page-community blockquote {
  font-size: 20px;
  text-align: center;
  font: bold 20px interstate;
  line-height: 1.5em;
  color: #000;
}
body.page-community cite {
  border-top: 1px solid;
  font-size: 12px;
  display: block;
  padding-top: 5px;
}
/* END: Community  */

/* START: #BLM */
body.page-blm .page .content { max-width: 100%; }
body.page-blm .page .inside .content p,
body.page-blm .page .inside .content cite {
  color: #000;
  max-width: 800px;
  line-height: 1.5em;
  margin: 20px auto;
}
body.page-blm h1 {
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 34px;
  padding: 20px;
  line-height: 1.7em;
  margin: 0;
  font-family: interstate;
}
body.page-blm blockquote {
  font-size: 20px;
  text-align: center;
  font: bold 20px interstate;
  line-height: 1.5em;
  color: #000;
}
body.page-blm cite {
  border-top: 1px solid;
  font-size: 12px;
  display: block;
  padding-top: 5px;
}
/* END: #BLM */

/* START: HOME */
section.block-merch {
  width: 100%;
  margin: 50px auto 0px auto;
  padding-bottom: 0;
}
section.block-merch .inside {
  width: 80%;
  max-width: 900px;
  min-width: 500px;
  margin: auto;
}
section.block-merch .inside .content {
  padding: 30px;
}

section.block-merch h2 { margin-top: 40px; font-size: 1.9em; }
section.block-merch .inside .text {
  font-size: 0.9em;
}
section.block-merch .inside .text a.button {
  font-size: 1.3em; display: inline;
}
section.block-merch a { color: var(--nav-bg); }

.block-lineup .artists-names { max-width: 70%; margin: auto; font-size: 18px; }
.block-lineup .artists-names .item { display: inline-block; margin-bottom: 5px; }
.block-lineup a.button { display: inline-block; }
.block-lineup a.button:hover { color: #fff; }
.block-lineup a.button,
section.block-ltmpo-ltmpo .inside ul.subnav li a.button {
  font-family: 'Bernhard Std';
  color: var(--nav-hover);
  background-color: var(--nav-bg);
  text-decoration: none;
  padding: 6px 10px 2px 10px;
  text-transform: uppercase;
  font-size: 1.0em;
  font-weight: normal;
  letter-spacing: 0.05em;
  margin-top: 5px;
  text-align: center;
  display: block;
  transition: all 0.3s;
}
.block-lineup .artists a.button:hover,
section.block-ltmpo .inside ul.subnav li a.button:hover {
  color: #fff;
}
.block-lineup .artists a.button { display: block; font-size: 18px; }
.block-lineup .artists { max-width: 800px; min-width: 500px; margin: 20px auto 0 auto; position: relative; }
.block-lineup .artists .item { width: 47%; display: inline-block; margin-right: 2%; vertical-align: top; margin-bottom: 20px; }
.block-lineup .artists .item a { line-height: 0; display: block; }
.block-lineup .artists .item img { width: 100%; height: auto; }
.block-lineup .artists .item a.button { line-height: 1.3em; }

.page-home h3.date { font-size: 2.0em; text-align: center; color: #A48B78; margin: 0 auto; position: relative; font-weight: 700; padding: 10px 0; }
.page-home h3.date .text { position: relative; z-index: 2; background: #E3DED3; padding: 0 20px; }
.page-home h3.date:after { border-top: 3px solid var(--nav-bg); position: absolute; content: ""; right: 0; top: 50%; left: 0; z-index: 1; }

.page-home .links-container { font-size: 1.5em; }
.page-home .block-spotify .logo { display: inline-block; vertical-align: middle; line-height: 0; }
.page-home .block-spotify .logo img { height: 39px; width: auto; }
.page-home .block-spotify .link-container { display: inline-block; vertical-align: middle; }


.page-home .announce-menu {
  text-align: center;
  margin: 30px auto;
}
.page-home .announce-menu .item { display: inline-block; }
.page-home .announce-menu .item .icon { display: inline-block; font-size: 70px; }
.page-home .announce-menu .item a,
.page-home .announce-menu .item a .text { text-decoration: none; transition: all 0.5s; color: var(--nav-hover);  }
.page-home .announce-menu .item a i { }
.page-home .announce-menu .item a .text { display: block; padding: 12px 20px; font-size: 16px; line-height: 1.2em; font-weight: bold; margin: 10px; background-color: var(--nav-bg); color: var(--nav-hover); }
.page-home .announce-menu .item a:hover,
.page-home .announce-menu .item a:hover .text { color: var(--nav-color); }
/*
.page-home .announce-menu .item a .text { color: #fff; }
.page-home .announce-menu .item a:hover .text { color: #f47c2f; }
.page-home .announce-menu .item a:hover .icon { color: #f47c2f; }
*/

/* END: HOME */

/* START: LOBOS LIVE STREAM */
.lobos-container a { color: #A58C78; text-decoration: underline; font-weight: bold; }
.lobos-container h2 { font-family: 'Bernhard Std'; color: var(--nav-bg); font-size: 2.5em; line-height: 80%; }
.lobos-container h2 .presents { font-size: 0.4em; }
.lobos-container h3.date { font-size: 2.0em; text-align: center; color: #A48B78; margin: 0 auto; position: relative; font-weight: 700; padding: 10px 0; }
.lobos-container h3.date .text { position: relative; z-index: 2; background: #E3DED3; padding: 0 20px; }
.lobos-container h3.date:after { border-top: 3px solid var(--nav-bg); position: absolute; content: ""; right: 0; top: 50%; left: 0; z-index: 1; }

.lobos-container {
  margin: auto;
  width: 60%;
  max-width: 800px;
  position: relative;
  z-index: 10;
  line-height: 1.5em;
}

.lobos-container .player-wrapper { position: relative; }

.lobos-container .box-text { color: #A58C78; padding-bottom: 50px;  }
.lobos-container .box-text .press_release { padding-top: 20px; font-size: 14px; text-align: center; }

.lobos-container .ma-credit { font-size: 10px; text-align: center; line-height: 1.5em; padding-top: 5px; padding-bottom: 10px;  }
.lobos-container .stream-partners { font-size: 14px; width: 330px; margin: 0 auto;
  padding: 15px 0 50px 0;
  background-image: url(dropshadow-500h.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
.lobos-container .stream-partners ul { margin: 0; padding: 0; }
.lobos-container .stream-partners ul li { list-style: none; display: inline-block; vertical-align: bottom; }
.lobos-container .stream-partners .youtube img { height: 16px; width: auto; }
.lobos-container .stream-partners .facebook img { height: 22px; width: auto; padding: 0 7px 0 14px; }
.lobos-container .stream-partners .twitch img { height: 32px; width: auto; padding: 0 14px 0 7px; }
.lobos-container .stream-partners .nugs img { height: 21px; width: auto; }

@media screen and (max-width: 900px) {
  body .lobos-container .zoom-audience { font-size: 17px; }
  body .lobos-container h3.date { font-size: 1.7em; }
}
/* END: LOBOS LIVE STREAM */

/* START: HOME PAGE MEDLEY LINKS */
.home .medley_links {
  display: block;
  align-content: flex-end;
  justify-content: center;
}
.home .medley_links .medley {
  float: none;
  height: auto;
  width: auto;
  margin: 0 5px 10px 5px;
  flex: 0 1 auto;
}
.home .medley_links .medley a {
  display: block;
  font: 30px 'modesto-condensed','Bernhard Std',Lato,arial,sans-serif;
  background-color: var(--nav-hover);
  border-radius: 26px 0 0 26px;
  padding: 12px ;
  color: /* var(--default-color); */ #f1f6d8; 
  text-align: left;
  position: relative;
}
.home .medley_links .medley a span {
  /*
  background: url(/wp-content/themes/hsb/images/play-50.png) no-repeat;
  background-position: 7px center;
  background-size: 40px 40px;
  padding: 10px 15px 10px 60px;
  padding: 10px 15px 10px 15px;
  padding: 5px;
  */
  padding: 5px;
}
/* END: HOME PAGE MEDLEY LINKS */

/* ARTISTS BOX: START */
.artists, .medleys { margin: 50px auto 20px auto; max-width: 1080px; }
.artists .artist_box, .medley {
  width: 47%;
  display: inline-block;
  margin-right: 2%;
  vertical-align: top;
  margin-bottom: 20px; 
  text-transform: uppercase;
  color: #4d2e37;
  text-align: center;
}

.artists .artist_box .inside .pic-content { cursor: pointer; transition: all 0.3s; }
.artists .artist_box .inside .pic-content:hover { background-color: var(--nav-bg);  }
.artists .artist_box .inside .pic-content .detail { 
  position: absolute;
  text-align: center;
  width: 100%;
  top: 2.5em;
  font: 24px 'modesto-condensed',oswald,sans-serif;
  color: var(--nav-hover);
  transition: all 0.5s;
  opacity: 0;
  cursor: default;
}
.artists .artist_box .inside .pic-content:hover .detail { 
  display: block;
  opacity: 1;
  background-color: var(--nav-bg);
  padding: 3px 0;
}

.artists .artist_box .inside, .page .artists .artist_box .inside,
.medley .inside, .page .medley .inside  { padding: 0px; position: relative; margin: 0; }
.artists .artist_box .inside .name,
.medley .inside .name {
  font: bold 23px/1.2em 'modesto-condensed','oswald','sans-serif';
  padding: 10px 10px;
  background: var(--nav-bg);
  color: var(--nav-color);
}
.artists .artist_box .inside .name .artist_tag,
.medley .inside .name .artist_tag { display: block; font: italic 0.875rem/1.1em interstate; }
.artists .artist_box a,
.medley a { color: var(--nav-hover); text-decoration: none; }
.artists .artist_box a:hover,
.medley a:hover { color: var(--nav-color); }
.artists .artist_box .pic-content,
.medley .pic-content {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%; height: auto;
  background-color: transparent;
  font-size: 22px;
  line-height: 0;
  /* margin-bottom: 7px; */
}
.artists .artist_box .pic-content img,
.medley .pic-content img { width: 100%; height: auto; mix-blend-mode: luminosity;}
.artists .artist_box .social,
.medley .social { font-size: 1.375rem; position: absolute; left: 10px; bottom: 10px; z-index: 10; margin-left: 50%; left: -25%; }
.artists .artist_box .social a,
.medley .social a { color: var(--nav-color); }
.artists .artist_box .social a:hover,
.medley .social a:hover { color: var(--nav-hover); }
.artists .artist_box .overlay,
.medley .overlay { position: absolute; bottom: 0; left: 0; z-index: 8; width: 100%; height: 45px; }
.artists .artist_box .overlay:after,
.medley .overlay:after { content: " "; position: absolute; bottom: 0; left: 0; z-index: 9; background: var(--nav-bg); opacity: 0.7; width: 100%; height: 45px; }
.artists .artist_box .count,
.medley .count { position: absolute; bottom: 0px; left: 0px; z-index: 10; font: bold 16px oswald; display: block; padding: 5px; color: var(--body-bg); }
/* ARTISTS BOX: END */

/* START: ARTISTS INDEX */
.artists-list { column-count: 3; column-gap: 20px; }
ul.artists-list { list-style: none; }
.artists-list li:not(.letter) { text-indent: -15px; padding-left: 15px; }
.artists-list li.letter { font: 25px 'bernhard std'; margin-left: -15px;  margin-top: 10px; }
.artists-list a { text-decoration: none; }
.artists-list a:hover { text-decoration: underline; }
/* END: ARTISTS INDEX */

.medley-guesses-header {
  text-align: center;
  padding-top: 20px;
}
.medley-guesses-header h3 { font-size: 20px; letter-spacing: 0.05em; color: var(--default-color); }
.medley-guesses-header h2 { margin:0; padding: 0; }

/* Home Gallery 02/22/25 Jen Huls */
#home .gallery-item {
	margin-top: 0 !important;
	padding: 1px 5px;
}
#home .gallery br {
	height:1px !important;
}
.gallery-item img {
	height: 100% !important;
	object-fit: cover;
	object-position: top center;
	width: 100%;
}

/* START: DESKTOP breakpoint */
@media screen and (min-width: 58em) { /* 58em = 928px */
  body #hamburger { display: none; }

  /* START: DESKTOP NAV */
  .mobile-logo { display: none; }
  #nav ul li.home { display: inline-block; margin-right: 15px; }
  body #nav li.current_page_item a,
  body.page-2020-archive-los-lobos #nav li.archives a,
  body.single-past #nav li.archives a,
  body.single-artists #nav li.archives a,
  body.post-type-archive li.archives a
   { color: var(--nav-hover); border-bottom: 2px solid var(--nav-hover); }

  body #nav {
    background-color: var(--nav-bg);
    color: var(--nav-color);
    font-family: 'Bernhard Std','serif';
    letter-spacing: 0.05em;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  body #nav ul.social-nav {
    margin: 0 20px 0 0; 
  }
  body #nav ul {
    padding: 0;
    list-style: none;  
    display: inline-block;
    vertical-align: middle;
    background: transparent;
  }
  body #nav ul li {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.05em;
    padding: 0;
    border-bottom: 0;
  }
  body #nav ul li a {
    color: var(--nav-color);
    font-size: 18px; 
    text-decoration: none;
    display: block;
    /* padding: 7px 6px 4px 7px;  */
    padding: 7px 3px 4px 4px; 
    transition: all 0.3s;
  }
  body #nav ul li a:hover { color: var(--nav-hover);  }
  body #nav ul li.social a { padding-left: 0; padding-right: 5px; font-size: 20px; color: var(--nav-color); }
  body #nav ul li.first-social a { padding-left: 30px; }
  body #nav ul li.social a:hover { background-color: transparent; color: var(--nav-hover); }

  /* override mobile defaults */
  body #nav ul.social-nav { border-bottom: 0; padding: 0; }
  body #nav ul.social-nav li { display: inline-block; }

  body #nav-container a.home img {
    width: 100%;
    height: 55px;
    margin: 10px 20px 5px 15px;
  }

  body .container { width: 70%; }
  body section.block-helping .inside,
  body section.block-merch .inside {
    width: 60%;
  }

  body .header-logo { max-width: 50%; margin: 20px auto; text-align: center; }
  body .header-logo img { display: block; width: 100%; height: auto; }

  body .hdr-vote .mobile, body .crowd .mobile { display: none; }
  body .hdr-vote .desktop, body .crowd .desktop { display: block; }
  body .lineup-header-text { width: 45%; }
  body .sep { width: 25%; }
  body section.block-lineup .artists .item { width: 18%; margin-right: 1%; }
  /* END: DESKTOP NAV */

  /* STARt: DESKTOP HOME */
  body.page-home .announce-menu .item .icon { font-size: 90px; }
  body.page-home .announce-menu .item .text { font-size: 32px; }
  /* END: DESKTOP HOME */

  /* START: DESKTOP ARCHIVES */
  .single-past .left_col {
    width: auto;
    margin-right: 10px;
    max-width: 61%;
    min-height: 500px;
    padding: 0 44px 0px 0;
    background-image: url(/wp-content/themes/hsb/images/dropshadow-2054v.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 500px;
    float: left;
  }
  .single-past h1.year { margin-left: calc(61% + 54px); margin-bottom: 0; }
  body.single-past .stage_schedule .inside { padding-left: 0px; }

  /* END: DESKTOP ARCHIVES */

  /* START: DESKTOP ARTIST BOX */
  .artists .artist_box, .medley {
    display: inline-block;
    vertical-align: top;
    /*
    margin: 0 0.6em 1.2em 0.6em;
    width: 240px;
    */
    width: 23%; margin-right: 1%; 
    text-transform: uppercase;
    color: #4d2e37;
    /* min-height: 210px; */
  }
  .artists .artist_box .inside .name,
  .medley .inside .name {
    font: bold 1.43em/1.2em 'modesto-condensed','oswald','sans-serif';
    color: var(--header-primary-color); /* #4d2e37; */
    background: transparent;
    padding: 0 0px;
  }
  .artists .artist_box .inside .artist_medium { font-size: 1.375em; line-height: 1.1em; }
  .artists .artist_box .inside .artist_long { font-size: 1.125em; line-height: 1.1em; }
  .artists .artist_box .inside .name .artist_tag,
  .medley .inside .name .artist_tag { display: block; font: italic 0.875rem/1.1rem interstate; }
  .artists .artist_box .pic-content,
  .medley .pic-content {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%; height: auto;
    font-size: 1.375em;
    margin-bottom: 7px;
  }
  .artists .artist_box .pic-content img,
  .medley .pic-content img { width: 100%; height: auto; mix-blend-mode: luminosity; }
  .artists .artist_box .social,
  .medley .social { font-size: 1.100rem; position: absolute; right: 5px; bottom: 10px; z-index: 10; margin: initial; left: 0; }
  .artists .artist_box .overlay,
  .medley .overlay { position: absolute; bottom: 0; left: 0; z-index: 8; width: 100%; height: 45px; }
  /*
  .artists .artist_box .overlay:after,
  .medley .overlay:after { content: " "; position: absolute; bottom: 0; left: 0; z-index: 9; background: #fff; opacity: 0.5; width: 100%; height: 45px; }
  */
  .artists .artist_box .count,
  .medley .count { position: absolute; bottom: 0px; left: 0px; z-index: 10; font: bold 16px oswald; display: block; padding: 5px; }
  /* END: DESKTOP ARTIST BOX */

}
/* END: DESKTOP breakpoint */

/* Bigger desktop 980px = 61.25em */
@media screen and (min-width: 61.25em) {
  /* body #nav ul li a { padding: 7px 10px 4px 10px; } */
  body #nav ul li a { padding: 7px 7px 4px 7px; }
}

/* photo gallery needs to get it's own row */
@media screen and (max-width: 820px) {
  body section.block-memories .gallery { display: block; margin: auto; }
  body section.block-memories .text-block { display: block; margin: 20px auto 0 auto; }
  body section.block-memories .text-block .inside { width: auto; margin: auto; }

  body section .left-block { display: block; margin: auto; }
  body section .right-block { display: block; margin: 20px auto 0 auto; }
  body section .left-block .inside, body section .right-block .inside { width: auto; margin: auto; }
  body section.block-roots_music_relief .text-block .inside { max-width: 100%; width: 400px; height: auto; }
  body section.block-roots_music_relief .photo img { width: 400px; height: auto; }
}

@media screen and (max-width: 900px) {
  body h3.date { font-size: 1.7em; }
  body .title-text { font-size: 2em; }
}

@media screen and (min-width: 768px) {
  /* body .container #logo img { width: 90%; } */
}