:root {
  --dark: #000;
  --dk_green: #2e4c25;
  --lt_green: #36802d;
  --med_green: #4d6a5d;
  --vlt_green: #77ab59;
  --grey: #e5e5e5;
  --grey_med: #ccc;
  --grey_bg: #f6f4f5;
  --white: #fff;
}

/* foundation overrides */
.row { max-width: 1100px; }
body { background: #fff; }

a { color: var(--lt_green); text-decoration: none; line-height: inherit; }
a:hover { color: var(--dark); text-decoration: underline; }
a:focus { color: var(--dark); outline: none; }
#header { margin: 3px 0; }
.container { padding-left: 0; padding-right: 0; }
.container #content { padding-left: 20px; padding-right: 20px; }

/* ZURB Navi for Foundation */
dl.nav { display: block; width: auto; margin: 0 ; z-index: 15; font-family: 'MuseoSlab500'; font-size: 19px; }
dl.nav dt, dl.nav dd { float: left; display: inline; padding: 0 20px; height: 38px }
dl.nav dt { color: #999; font-weight: normal; }
dl.nav dd a { text-decoration: none;  color: var(--dark); border-bottom:0px dashed ; top:7px;height: 38px; }
dl.nav dd:hover a{ color: var(--lt_green); border-bottom:1px solid; }
dl.nav dd.current-menu-item,
dl.nav dd.current-post-ancestor,
dl.nav dd.current-menu-parent,
dl.nav dd.current-post-parent, dl.nav dd.current_page_item 	{ background: #446B5C; }
dl.nav dd.current-menu-item a,
dl.nav dd.current-post-ancestor a,
dl.nav dd.current-menu-parent a,
dl.nav dd.current-post-parent a, dl.nav dd.current_page_item a
{ color: var(--dark); border-bottom:1px dashed; }

dl.nav dd .sub-menu a{display:block; float:none; min-width:150px; width:100%; line-height: 1;padding: 5px 14px;}
dl.nav dd .sub-menu li.special { background: white; margin: 0 5px;}
dl.nav dd .sub-menu li.special a {padding: 5px 9px; color: var(--dark)}

.sub, #artists_container {display: none; position: absolute; z-index: 100}
dl.nav dd:hover #artists_container {display:block;}
dl.nav dd .sub-menu dd {padding:0; height:30px;  }
dl.nav dd .sub-menu a {border-bottom:none; font-family: Helvetica, Arial, sans-serif; color:#fff; font-size: 12px; top:0; height: auto;
}
dl.nav dd .sub-menu a:hover {color: var(--dark); background: var(--grey); }


/* artist drop down scroll styles */
#artists_container { left:0; background: var(--lt_green); top: 38px;padding: 5px 10px 10px 0;height:350px; width:200px;}	
#artists_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
.oldie #artists_container .customScrollBox { overflow: auto; }
.oldie #artists_container .customScrollBox .container { overflow: hidden; }
#artists_container .customScrollBox .container{position:relative; top:0; float:left; width:93%;background: transparent;}
#artists_container .customScrollBox .content{clear:both;}
#artists_container .dragger_container{position:relative; width:10px; height:325px; float:right; margin:10px 0 0 10px; background:rgba(255,255,255,.6); cursor:pointer -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; bottom:100%;}
#artists_container .dragger{position:absolute; width:10px; height:60px; background:rgba(255,255,255,.9); text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#artists_container .dragger_pressed{position:absolute; width:10px; margin-left:0px; height:60px; background:var(--dark); text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer;}
#artists_container .container {padding:0;}	
dd.artists a .arrow-down{
	top: 10px;
	left: 5px;
	position: relative;
	float:right;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid var(--lt_green);
}
.no-touch #artists_container .dragger_container {display:none;}
/* Foundation-specific presentation CSS by ZURB */
body {width: 100%;  border: none; max-width: 100%; }
div.reverie-header { margin: 0 0 30px 0; padding: 20px 0 0 0; border-bottom: solid 1px #ccc; }
div.reverie-header h1 { margin-bottom: 0; padding: 0; }
div.reverie-header h1 a { color: #181818; }
div.reverie-header h1 a:hover { color: #181818; }
div.reverie-header .subheader { margin-bottom: 9px; }
div.highlight { margin-bottom: 12px; }
img.beta { position: absolute; top: 0px; right: 0px; }

/* -----------------------------------------
Styling Basic WordPress Outputs
----------------------------------------- */


/* Add Divider for Listed Posts */
.divider {
  border-bottom: 3px solid var(--grey_med);
  margin: 0 auto 27px;
  height: 27px;
  clear: both;
  display: block; 
  /* background: url(../images/divider.png) repeat-x bottom; display:block; height:27px; width:100%; margin:0 auto 27px; clear:both; */
}

/* Add Align Class for Images */
img.alignright { float: right; margin: 0 0 18px 18px; }
img.alignleft { float: left; margin: 0 18px 18px 0; }
img.aligncenter { display: block; margin: 18px auto; }

/* Add HTML5 Caption Class for Images */
figure.figure {	background: #EEE; margin: 0 0 18px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; display: inline-block; }
figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }

/* Sidebar Adjustment */
.sidebar-section { padding-bottom: 10px; padding-top: 20px;	font-size: 13px; font-size: 1.3rem; font-weight: normal; }

/* Footer Nav */
.footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
.footer-nav { text-align: center; }
.footer-nav li { display: inline-block; padding-left: 3%; margin-bottom: 0; }

.footer-nav li.facebook a, .footer-nav li.twitter a, .footer-nav li.instagram a {
  color: #fff;
  font-size: 22px;
}
/*
.footer-nav li.facebook a:after, .footer-nav li.twitter a:after, .footer-nav li.instagram a:after {
  color: #fff;
  font-family: 'Font Awesome 5 Brands';
  font-size: 22px;
  display: inline-block;
}
.footer-nav li.instagram a:after  { content: '\f16d'; }
.footer-nav li.twitter a:after  { content: '\f081'; }
.footer-nav li.facebook a:after  { content: '\f082'; }
/*
.footer-nav li.facebook a, .footer-nav li.twitter a, .footer-nav li.instagram a  {display:inline-block; width:18px; height: 23px; background: url(../images/social_icons.gif) no-repeat bottom left; text-indent: -20000px;}
.footer-nav li.twitter a {background-position: -24px bottom; margin-left:5px; width:27px;}
.footer-nav li.instagram a {background-position: -55px bottom; margin-left:5px; width:18px;}
*/

a.facebook-button, a.twitter-button, a.instagram-button { display: inline-block; width: 50px; height: 50px; border-radius: 25px; background: #62AFD2 url('../images/social_button_sprite.png') no-repeat; margin-right: 5px }
a.facebook-button:hover, a.twitter-button:hover, a.instagram-button:hover { background-color: #8DC2D2 }
a.facebook-button { background-position: 15px 12px; }
a.twitter-button { background-position: -37px 11px; }
a.instagram-button { background-position: -97px 12px; }
a.print.button {
padding-left: 20px !important;
padding-right: 20px !important;
}

/* Breadcrumb Adjustment */
ul.breadcrumbs li span { padding-left: 12px; }
ul.breadcrumbs li a { padding-left: 0; }

/*  -------------------------------------------------------
Customize Foundation Style Pagination for WP-Pagenavi
---------------------------------------------------- */ 

div.wp-pagenavi { display: block; height: 24px; margin-left: -5px; color: #555; }
div.wp-pagenavi a, div.wp-pagenavi span { float: left; display: block; padding: 6px 7px 4px; height: 24px; color: #555; font-size: 15px; font-size: 1.5rem; margin-left: 5px; }
div.wp-pagenavi span.pages { padding-left: 0; }
div.wp-pagenavi .current, div.wp-pagenavi a:hover { border-bottom: solid 2px #00a6fc; color: #141414; }
div.wp-pagenavi span.unavailable:hover { border-bottom: none; }


/*  ---------------------------
:: Customize for BuddyPress
--------------------------- */

.padder label + textarea { margin-top: 0; }
.padder #item-body #message-threads .thread-avatar img { max-width: 50px; }
ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; }
.padder select { display: inline-block; }
.padder div.item-list-tabs { margin: 25px 0; }
.padder form#whats-new-form textarea { height: 30px; }
.padder .button { display: inline; }


/*  --------------------------
    Your Customized Style
    ----------------------- */
.grey-bg {background: var(--grey); }
.green-bg {background: #799528;color:#fff}
.border-top {border-top:1px solid #F6F4F5}
.button { text-transform: lowercase }
.button.radius { -moz-border-radius: 1000px;
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
}
.hidden { display: none !important }

.arrow-down{
	top: 40%;
	position: absolute;
    right: 10px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;
}
#itinerary, #counts, #deposits, #promo_materials, #tour-dates, #content, #about {margin-top: 20px; padding: 0 20px; }
#itinerary .view_all { float: right; }

#tour-dates table tr td { min-width: 100px; }

#embed_npwlo, #embed_npwlo_data {width:0px!important; height:0px!important;}
.clear {color:#000; background: transparent; border:none;font-family: 'MuseoSlab700'; font-size: 12px; text-decoration: underline; cursor: pointer }
.clear:hover {text-decoration: none;}
/*  --------------------------
   HEADER
    ----------------------- */
#authuser {min-height:42px; }    
#authuser  p {font-family: 'MuseoSlab500'; font-size:16px; color: var(--dark); top:12px;}

ul.authartist, ul.authartist-menu {	display:inline; background: #3F4B77; float:right; }
ul.authartist-menu {float:left}  
ul.authartist li, .authartist-menu li {display:block}


ul.authartist li a, .authartist-menu li a { text-decoration: none; padding: 10px; box-sizing: border-box; background: #cccccc; color:#fff; font-family: 'MuseoSlab500'; font-size: 15px; display:inline-block; width: 100%;}

ul.authartist li .sub {
	display:  none;
}

ul.authartist li:hover .sub, ul.authartist-menu li:hover .sub {display:block; }
/*ul.authartist li .customScrollBox { width: 345px; }*/
ul.authartist li .dragger_container { width: 10px; }
ul.authartist li .customScrollBox { 
	overflow: hidden; 
	width: 165px;
	margin-left: 5px;
	height: 100%;
}

.oldie ul.authartist li .customScrollBox {
	width: 180px;
	overflow: auto;
}

.oldie ul.authartist li .customScrollBox .container {
	overflow: hidden;
}

ul.authartist .sub, ul.authartist-menu .sub {background: var(--grey_med); width:100%;}  

ul.authartist-menu {
	padding-bottom: 25px;
}

ul.authartist .sub {
	padding-bottom: 10px;
}

ul.authartist-menu .sub a {
	display:block;
	float:none;
	min-width:150px;
	width:100%;
	line-height: 1;
	padding: 5px;
}

ul.authartist .sub a {
	display:block;
	float:none;
	width:100%;
	line-height: 1;
	padding: 5px;
}   


ul.authartist .sub {
	z-index: 25;
	position: absolute;

	height: 350px;
	width: 100%;
}

ul.authartist .dragger_container{
	position:absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: 10px 0;
	width:10px;
	background:rgba(255,255,255,.6);
	cursor:pointer;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
}
ul.authartist .dragger{position:absolute; width:10px; height:60px; background:rgba(255,255,255,.9); text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
ul.authartist .dragger_pressed{position:absolute; width: 9px; margin-left:0px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer;}

ul.authartist .customScrollBox .container {
	padding: 0; 
}

ul.authartist > li .customScrollBox {
}

ul.authartist .sub a:hover, ul.authartist-menu .sub a:hover {background: var(--lt_green); /*opacity: .7;*/}

.no-scrolling .dragger, .no-scrolling .dragger_container { display: none !important; }

#authartistdata {padding:10px 0; border-top: 2px solid var(--grey_med); }
#authartistdata li {display: inline-block; margin-right:20px;}
#authartistdata li a {padding:5px 0; color:var(--dark); font-family: 'MuseoSlab700'; font-size: 12px; text-decoration: none;}
#authartistdata li a:hover {color:var(--dark);}
.sign-out, .sign-in {position: absolute; top:33px; z-index: 11; right:0; font-family: 'MuseoSlab500';font-size: 19px; font-weight: normal; margin-right: 18px; color: var(--dark); border-bottom:0px dashed;}
.sign-out:hover, .sign-in:hover { text-decoration: none; color: var(--lt_green); border-bottom: 1px solid; }

.logo {background: url(../images/hrt_logo_light.png) no-repeat center center;  width:154px; height:91px; text-indent: -20000px; margin-bottom: 0; }
nav { display: inline-block; vertical-align: middle; padding-top: 20px; position: relative; z-index: 100; }
.logo-link {display:inline-block; width:154px; z-index: 11; background: var(--lt_green); }

/*  --------------------------
   HOME
    ----------------------- */


.post-box {font-size: 16px; line-height: 22px;}
.post-box h2 {margin-bottom:22px; color: var(--dark); }
.post-box .post_image img { width: 100%; height; auto; }
.post-buttons {margin-top:18px;}
/*
.post-box.row .columns.two {width:16%}
.post-box.row .ten {width: 80.6%; margin-left:2.4%}
*/

.tagline {
  font-family: 'Raleway', helvetia,sans-serif;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: var(--dark);
  padding: 10px ;
  text-transform: uppercase;
}

.home_arrows {
  /*
  background: url(../images/arrow.png) no-repeat;
  width: 38px;
  height: 26px;
  margin: 10px auto 30px auto;
  */
  margin: 10px auto 10px auto;
  text-shadow: 0 0 2px #000;
  font: 76px Arial, sans-serif;
  color: #fff;
  text-align: center;
  transform: rotate(90deg);
}


/* SIDEBARS */
#wider.eight {width: 70.5%;}
#sidebar.columns.four {width:24%; }
.sidebar-box {margin-bottom: 30px; font-size: 1.6rem; }
.sidebar-box h5 {margin-bottom:17px;}
.shows-upcoming li {background: #EBEAEA; display:block; padding: 5px;}
ul.roster {background:#EBEAEA; padding:14px 28px; font-size: 2.2rem; line-height: 2.8rem; }
ul.roster a {color: var(--muted_green); }
.radius.roster li {margin-bottom: 10px; margin-bottom:10px; line-height: 1.2}

/* HOME PAGE NEWS POSTS */
#wider.news {
  background-color: var(--grey_bg);
  padding: 30px;
}

.tml ul.tml-action-links li a {
  padding: 10px;
  color: var(--white);
  background-color: var(--lt_green);
  text-transform: lowercase;
  font: 13px 'MuseoSlab900';
  text-decoration: none; 
}

/* SINGLE NEWS PAGE */
#single-content {padding-top:58px; padding-bottom: 66px;}
#single-content h1 {margin-top: 10px;}
#single-content img {margin-bottom:24px;}
#single-content p {font-size: 14px; line-height:  24px;}
.share-links iframe {height:20px;}


/*  --------------------------
 Tour Dates
    ----------------------- */
.header {cursor: pointer;}
.header span, .header.headerSortUp span, .header.headerSortDown span {
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #90AE3B;
	display: inline-block;
	left:15px;
	top:-1px;
}

.header.headerSortDown span {
	border-top:0;
	border-bottom: 8px solid #90AE3B;
}

/*  --------------------------
  Artists
    ----------------------- */
#artist-archive-print, #artist-archive {font-size:12px;}
#artist-archive-print .block-grid,
#artist-archive .block-grid {margin-left:0;}
#artist-archive-print .block-grid.four-up > li,
#artist-archive .block-grid.four-up > li {padding-left: 2%; margin-left: 0; width:25%; line-height: 1.2; height: 30px; display: table; }
#artist-archive-print .block-grid.four-up > li a,
#artist-archive .block-grid.four-up > li a {
	vertical-align: middle;
	display: table-cell;
	padding-left: 5%;
	transition: background-color 0.5s ease, color 0.5s ease;
}
.alpha {
	position: absolute;
	left: 4px;
	top: 5px;
	font-size: 18px;
	font-family: 'FunctionProDemiOblique';
	color:#5F8B2D;
}
#artist-archive ul.list { overflow: hidden; height: 0; transition: height 1.5s; }
.roster-options { padding-bottom: 10px; }
.roster-options a.active { background-color: var(--dark); }
#artist-archive .block-grid.four-up > li a:hover {
  background: var(--lt_green);
  color: var(--grey_bg);
  text-decoration: none;
}

#artist-archive ul { position: relative; }
#artist-archive ul.visual li { display: block; width: 200px; height: 200px; }
#artist-archive ul.visual .overlay { display: block; background: #000; opacity: 0.4; position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: 5; }
#artist-archive ul.visual .thumbnail { display: block; position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: 1; background: var(--lt_green); }
#artist-archive ul.visual .thumbnail img { width: 100%; height: 100%; }
#artist-archive ul.visual .name { font: 21px/1em 'Raleway','helvetica',sans-serif; font-weight: 900; color: #fff; position: absolute; z-index: 10; bottom: 10px; left: 10px; width: 90%; text-transform: uppercase;  }
#artist-archive ul.visual li { display: inline-block; height: 200px; width: 200px; padding: 0; margin: 0 3% 3% 0; }
#artist-archive ul.visual li a { display: block; width: 200px; height: 200px; padding: 0; }
#artist-archive ul.visual a:hover .overlay { background: #fff; }
#artist-archive ul.visual a:hover .name { color: #000; }

/*  --------------------------
  Single Artist
    ----------------------- */

#single-artist-header.img_pri_width .featured_artist_image,
#single-artist-header.img_pri_width .artist_info  {
  vertical-align: middle;
}
#single-artist-header .artist_info { vertical-align: bottom; position: sticky; top: 50px; margin-bottom: 35px; }
.single-artist .sidebar { background-color: var(--grey_bg); padding: 30px 20px; }
.artist-content h5 { margin-top: 30px; }

#single-artist {top:45px;}
#single-artist .sidebar-box {border-bottom:1px solid #90AD3A; width:76%; padding-bottom:30px; font-size: 12px; line-height: 1.3}
#single-artist h1 { max-width: 340px } /*to prevent overlap with music */
.shows-upcoming li, #availsblock li { overflow:hidden; margin:0 0 5px; padding:10px 5px}
.venue, .date, .month {font-weight: bold; text-align: center; font-size: 12px; line-height: 1.3;}
.month {font-size: 10px; text-transform: uppercase}
.date {font-size: 16px;}
.venue {font-weight: normal; text-align: left;}
#artist-contacts li {margin-top:20px;}
#artist-files li {margin-bottom:15px;}
.promo-material-type { margin-bottom: 15px }
.promo-box-type-photo {
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
    background: #eee;
    padding: 10px;
    text-align: center;
    max-width: 15%;
}
.promo-box-type-photo span.title {
    display: block;
    margin: 0 5px;
}
.generic-promo-icon {
    background: url('../images/highroad_doc.png') top left no-repeat;
    width: 32px;
    height: 42px;
    display: inline-block;
    margin: 0 auto;
}
.promo-box .fa-file-text {
  font-size: 1.7em;
}
.promo-box .notes {
  font-size: 12px;
  display: block;
}
.promo-box .file_info { display: inline-block; vertical-align: top; padding-left: 10px; }


#single-artist-header .featured_artist_image { line-height: 0; }

#single-artist-header .featured_artist_image .img_pri_widh {
  height: 100%;
  width: auto;
}

#single-artist-header .promo-materials {
  padding-top: 25px;
}
#single-artist-header .promo-materials a {
  color: var(--grey); 
  text-transform: uppercase;
}
#single-artist-header .promo-materials .text,
#single-artist-header .promo-materials .arrow {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
}
#single-artist-header .promo-materials .text {
  color: var(--grey); 
  background: var(--lt_green);
  height: 25px;
  padding: 0 10px;
}
#single-artist-header .promo-materials a .arrow {
  background: var(--lt_green);
  color: var(--grey);
  height: 25px; width: 25px;
}
#single-artist-header .promo-materials a .arrow .fas {
  padding: 5px ;
}
#single-artist-header .promo-materials a:hover .arrow {
  color: var(--grey);
  background: var(--dk_green);
}

#single-artist #artists-links { line-height: 2.5em; }
#single-artist #artists-links a.external span.fas,
#single-artist #artists-links a.external span.fab,
#single-artist #artists-links a.external span.fa { font-size: 1.7em; vertical-align: middle; }

.single-artist ul.riders span.fa { font-size: 1.7em; vertical-align: middle; }
.single-artist ul.riders li { margin-bottom: 5px; }

#news li { padding:30px 0; background: url(../images/divider.png) repeat-x top; display:block; /*margin:0 auto 27px;*/}
#news li:first-child {background:none;}
#news li:last-child {padding-bottom:0}

.play, .jp-pause { font-size: 17px; font-family:Helvetica, sans-serif; display: block; position: relative }
.play .record {background:url(../images/play_record.gif) no-repeat center bottom; width:42px; height:42px; cursor:pointer; margin-right: 10px; }
.play:hover .record {background-position: center top; }

.play .title, .pause .title,
.play .record, .pause .record,
.jp-pause .record { display: inline-block; vertical-align: middle; }

.play .title, .pause .title { max-width: calc(90% - 42px); line-height: 1.2em; }

.pause { }
.jp-pause .record {background:url(../images/pause_record.png) no-repeat center bottom; width:42px; height:42px; cursor:pointer; margin-right: 10px; }
.jp-pause:hover .record {background-position: center top; background-size: contain; }

#artist-videos { margin-bottom: 20px; }
#artist-videos * { max-width: 100%; }

.truncate {font-size: 12px; display:inline-block; margin-top: 25px;}
/* Itinerary */

.submit.blue.round {
	background: #62AFD2;
	border: none;
	padding: 3px 20px 4px;
	-moz-border-radius: 1000px;
	-webkit-border-radius: 1000px;
	border-radius: 1000px;
	color: white;
	text-transform: lowercase;
	cursor: pointer;
	margin-bottom:20px;
}
.submit.blue.round:hover { background-color: #8DC2D2; color:#fff;}
/* COUNTS */
#ticketcounts {background: #F6F4F5;}
tr.count-head {background: var(--lt_green) !important;color:#fff;}
.count-head th {padding:5px; text-align: left;}
tr.count-subhead {background: var(--grey) !important;}
.count-subhead th {font-family: 'FunctionProDemiOblique'; font-size: 12px; font-style: italic; text-align: left; padding:20px 0 10px;}
tr.show-count {border-bottom: 1px solid var(--dark); background:var(--grey) !important;}
.totals, .money {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
	font-family: 'FunctionProDemiOblique';
	color: #5F8B2D;
	text-transform: uppercase;
	margin-top: 34px;
	margin-bottom: 17px;
	letter-spacing: 3px;
	padding-top:25px;
	text-align: right;
}
.money {text-align: left; font-family: Helvetica, sans-serif;}


/* calendar */
table.calendar {background: transparent}
table.calendar thead {}
table.calendar {border-collapse: separate; border-spacing: 10px;}
tr.calendar-row	{ border:none }
td.calendar-day	{ height:120px; font-size:11px; position:relative; } * html div.calendar-day { height:120px; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; height:120px; } * html div.calendar-day-np { height:120px; }
td.calendar-day-head {font-weight:bold; text-align:center; font-size: 10px; text-transform: uppercase; }
div.day-number	{color:#ccc; font-family: 'MuseoSlab700'; font-size: 18px; }
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; }
div.day-number	 { 
	z-index:2; 
	font-weight:bold; 
	width: 100%;
	text-align:right; 
	padding: 5px 5px 0 0;
}

td.calendar-day, td.calendar-day-np { 
	width:15%;
	background: #fff;

}
table.calendar tbody tr:nth-child(even) {
background: transparent;
}
.event {line-height: 1.1; position: relative; top:25px; margin-bottom:10px;}
.calendar .reveal-modal {top:10%!important;}

/*  --------------------------
   About us 
    ----------------------- */
a.external {font-weight: bold; font-size: 14px; display: inline-block; background: url(../images/external_link.gif) no-repeat right; padding-right:25px; }
.people-info {margin-top:11px; font-size: 12px; line-height: 14px}
.people-info a {text-decoration: underline}
.people li {margin-bottom:15px;}
.user-photo {height:180px;}
.staff-item { display: inline-block; vertical-align: top; margin: 0 3% 3% 0; width: 23%; min-width: 300px; }

.staff-item .staff-box { position: relative; }
.staff-item .staff-box .overlay { display: block; background: #000; opacity: 0.4; position: absolute; top: 0; left: 0; width: 300px; height: 300px; z-index: 5; }
.staff-item .staff-box .thumbnail { display: block; position: absolute; top: 0; left: 0; width: 300px; height: 300px; z-index: 1; background: var(--lt_green); }
.staff-item .staff-box .thumbnail img { width: 100%; height: 100%; }
.staff-item .staff-box .name { font: 26px/1em 'Raleway','helvetica',sans-serif; font-weight: 900; color: #fff; position: absolute; z-index: 10; bottom: 10px; left: 10px; width: 90%; text-transform: uppercase;  }
.staff-item .staff-box { position: relative; display: inline-block; height: 300px; width: 300px; padding: 0; margin: 0 3% 3% 0; }
.staff-item .staff-box a { display: block; width: 100%; height: 100%; }
.staff-item .staff-box:hover .overlay { background: #fff; }
.staff-item .staff-box:hover .name { color: #000; }
.staff-item .staff-bio { background: var(--grey_bg); padding: 20px; }

/*  --------------------------
   FOOTER
    ----------------------- */
#footer {background: var(--lt_green); color:#fff; padding:40px 0 56px; font-weight: bold; font-size: 11px; text-shadow: 0px 0px 4px var(--lt_green);}
.footer-hill {background: url(../images/footer_image.png) no-repeat 0 0; width:148px; height:165px; position: absolute; top:-17px; left:0}
.phone a {color:#fff; border-bottom: 1px solid #A3C935; padding-bottom: 3px;}
.phone a:hover {text-decoration: none; border-bottom-color: #fff}
.phone span {color:#A3C935;}
.phone span.gc-cs-link {color:#fff; border-bottom: none; text-decoration: none}


.devblock {
	padding: 10px;
	/* [disabled]clear: left; */
	/* [disabled]float: left; */
	width: 200px;
	border: 1px solid #CCC;
}

#about ul.links li a:before,
#sidebar .widget_links .blogroll li a:before {
  font-family: 'Font Awesome 5 Brands';
  font-size: 24px;
  display: inline-block;
  padding-right: 5px;
}
#about ul.links li a[title ~= twitter]:before,
#sidebar .widget_links .blogroll li a[title ~= twitter]:before { content: '\f081 '; }
#about ul.links li a[title ~= facebook]:before,
#sidebar .widget_links .blogroll li a[title ~= facebook]:before { content: '\f082 '; }
#about ul.links li a[title ~= instagram]:before,
#sidebar .widget_links .blogroll li a[title ~= instagram]:before { content: '\f16d '; }

@media (min-width: 768px) and (max-width: 1325px) {
  #footer { padding-left: 107px; }
}

@media only screen and (min-width: 767px) {
    ul.authartist, ul.authartist-menu {
        min-width: 200px
    }
}

@media only screen and (max-width: 1280px) {
	.row.wide {max-width: 100%; width:100%;}
	/* To fix the grid into a certain size, set max-width to width */
	.row .row, .row.wide .row { min-width: 0; }
}

@media only screen and (max-width: 1280px) and (min-width: 768px) {
}

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

/* Mobile */
@media only screen and (max-width: 767px) {
  body.home .tagline { font-size: 20px; text-align: center; }
  body.home #wider { margin-bottom: 20px; }
  body.home .post-box .post-buttons {
    margin-top: 2px;
  }
  body.home .post-box .post-buttons a {
    display: inline;
    background: transparent;
    color: var(--lt_green);
    padding: 0;
  }

  header * { height :auto; }
  h1 {font-size: 24px; font-size: 2.4rem;}
  h2 {font-size:20px; font-size: 2.0rem;}
  .post-box h2 {margin-bottom: 5px;}
  body.post-type-archive-artist .container #content { padding: 0 10px; }
  #itinerary, #counts, #deposits, #tour-dates, #content {margin-top: 25px;}
  .divider {height:15px; margin:0 auto 15px; width:100%;}
  /* HEADER */
  #login-row {}
  body .reveal-modal { border: 1px solid var(--grey_med); border-radius: 0; }
  body .reveal-modal-bg { background: transparent; }
  body .sign-in, body .sign-out {position: relative; top: 0px; right: 0px; margin: 10px; text-align: right; background:transparent; z-index: auto; display: block; font-size: 16px; }
  body .sign-in:hover, body .sign-out:hover { border-bottom: 0; }
  #authuser p {font-family:Helvetica, sans-serif; font-size: 13px; top:auto; left:auto; font-weight:bold; margin: 15px 10px;}
  .authartist, .authartist-menu {width:49.9%}
  #artist-nav {}
  .sign-out.button.radius.purple {position: absolute;top: -80px;background: transparent;}
  .logo-link { vertical-align: top; z-index: auto; }
  nav { width: calc(100vw - 165px); padding-top: 0; margin-top: 0px; vertical-align: top;  z-index: auto; overflow: hidden; }
  dl.nav {top:0; font-size: 17px; z-index: auto; }
  dl.nav dt, dl.nav dd {padding:0 10px; height: auto; float: none; }
  dl.nav dd a { padding:0; top: 0; height: auto; }
  dl.nav dd a:hover { text-decoration: underline; color: var(--lt_green); }
  dl.nav dd.home {display:none;}
  dl.nav a {border-bottom:none!important; }
  dd.artists a .arrow-down {top:8px; position: relative; display: none; }
  ul.authartist-menu { padding: 0 }

  #artists_container {height: auto;min-width: 320px; max-width:767px;}
  #artists_container .customScrollBox .container {width:100%; padding-bottom:25px}
  .dragger_container {display:none;}
  
  .eight.columns.push-four , .four.columns.pull-eight {width: 100%!important;right: 0!important; left:0!important; margin:left:0!important;}
  .eight.columns.push-four {margin-top:25px;}
  .print-btn {display:none;}

  /* ARTIST PAGE */
  #artist-archive .block-grid.four-up > li {
	  margin-left: auto;
	  width: 90%;
	  line-height: 1.2;
	  padding: 5px;
	  left:10%;
  }
  .alpha {top:3px;}
  .post-type-archive-artist .roster-options .button { display: inline-block; }
  .post-type-archive-artist #artist-archive .visual li,
  .post-type-archive-artist #artist-archive .visual li a,
  .post-type-archive-artist #artist-archive .visual li a .thumbnail,
  .post-type-archive-artist #artist-archive .visual li a .overlay {
    width: 165px; height: 165px;
  }
  .post-type-archive-artist #artist-archive ul.visual li { margin: 0 2% 2% 0; }
  #artist-archive ul.visual .long_name { font-size: 17px !important; }

  /* SINGLE ARTIST */
  #single-artist {top: 0;}
  #single-artist .sidebar-box {width:100%;}
  #single-artist .eight.columns hr { display: none }
  #single-artist #artists-links { border-bottom: 1px solid #5F8B2D; padding-bottom: 20px }
  #single-artist h1.artist-name { margin-top: 20px }
  .shows-upcoming li {background: transparent; padding:5px;}
  .shows-upcoming li .phone-one {background: #EBEAEA; border-radius:3px; padding: 15px!important;}
  .columns.nine.venue.phone-three {padding: 15px 0;}
  body #single-artist.row .row .column,
  body #single-artist.row .row .columns,
  body #single-artist.row .columns,
  body #single-artist .biography { padding: 30px 20px; }
  body #single-artist-header .artist_info { margin-bottom: 0px; }

  .container { padding: 5px }
  table.calendar td { border-spacing: 0px; border-collapse: collapse; padding: 2px; height: 60px }

  #itinerary .pinned {width: 10%;}
  #itinerary div.table-wrapper div.scrollable table {margin-left: 10%;}
  #itinerary tbody tr, tbody td {min-height: 180px;height: 200px;}
  #itinerary table tbody tr {border-bottom:none;}
  #itinerary .view_all { float: none; }

  /* ABOUT */
  #about .staff .staff-item,
  #about .staff .staff-item .staff-box,
  #about .staff .staff-item .thumbnail,
  #about .staff .staff-item .overlay {
    min-width: auto;
    width: 170px; height: 170px;
  }
  #about .staff .staff-item .staff-box .name {
    font-size: 20px;
  }

  /* Footer */
  #footer {padding:20px 15px 100%;}
  .footer-hill {display: none;}

  footer .address .location { display: block; }
  footer .address .sep, footer#footer .phone .sep, footer#footer .spacer { display: none; }
  footer#footer .phone a { display: block; margin: 5px 0; text-align: left; border-bottom: none; }
  footer#footer { padding-bottom: 20px; }
  footer .footer-nav { text-align: left; }
  footer .footer-nav li { padding-left: 0; padding-right: 3%; }
}

@media only screen and (max-width: 400px) {
	nav {top:51px}
}

p.link-description { margin-bottom: 0 }

.staff .title { display: block; line-height: normal }
.staff .email { display: block; text-decoration: underline; }

.staff {
	font-size: 0.85714285714286em; /* 14px --> 12px */
}

.staff img {
	margin-bottom: .5em;
}

.staff .row {
	margin-bottom: 2em;
}

#main .staff p {
	font-size: 1em;
}


.artist-songs {
    overflow: hidden;
}

.artist-songs .jp-audio {
    padding: 0 5px;
    margin-top: 10px;
}

.jp-audio .title {
}

#tour-map { border: 5px solid #525D33 }
#tour-map img { max-width: none }

.more-posts {
    cursor: pointer;
    background: #EBEAEA;
    display: block;
    padding: 10px;
    text-align: center;
}

.jp-controls a {

}

.pager a, .pager input { display: inline-block; margin-right: 20px; cursor: pointer }
.pager input { width: 45px; background: transparent; border: 0 none }