/***********************************
STOCKHOLM _ MAIN
A4V Systems (i.e. Bardeen)
***********************************/

#play_control, #main_tray, #main_trayPlay, #content_browse, #content_source, #main_settings { display: none; }

#main_align_right { width: 100%; }

#main_play {
	height: 100%;
	transform: none;
	transition: all 0s ease 0s;
}

#art_info .master_header_button { display: none !important; }




#play_tag {
	background-color: #1a1a1a;
	
	margin: 0;
	padding: 2.2rem 2.25rem;
	width: -webkit-calc(100% - 19rem);
	max-width: 34rem;
	min-height: 9.2rem;
	
	position: absolute;
	top: 9.75rem;
	left: 19rem;
}
#tag_0 {
	font-size: 2rem;
	line-height: 2.375rem;
	letter-spacing: 0.306rem;
	font-family: 'BoseText';
	font-weight: bold;
	
	margin-bottom: 0;
}
#play_tag .wrapper {
	display: block;
	overflow: visible;
}
#tag_1, #tag_2 {
	font-size: 1.125rem;
	line-height: 2.375rem;
	letter-spacing: 0.394rem;
	font-family: 'BoseText';
	
	max-width: 100%;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    
    display: inline;
    white-space: normal;
}
#tag_2:before {
	width: 2rem;
}




#play_msg {
	z-index: 10;
}
#play_msg_hold_top {
	background-color: #1a1a1a;
	
	margin: 0;
	padding: 2.2rem 2.25rem;
	width: -webkit-calc(100% - 19rem);
	max-width: 34rem;
	height: auto !important;
	min-height: 9.2rem;
	
	position: absolute;
	top: 9.75rem;
	left: 19rem;
	
	display: block;
	
	text-align: left;
	text-shadow: none;
	
	opacity: 1 !important;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#play_msg_hold_top > span {
	font-size: 2rem;
	line-height: 2.375rem;
	letter-spacing: 0.306rem;
	font-family: 'BoseText';
	font-weight: bold;
	color: #fff;
	text-shadow: none;
	
	display: inline;
}
#play_msg_hold_top > span > .copy {
	font-size: 1.125rem;
	line-height: 2.375rem;
	letter-spacing: 0.394rem;
	font-family: 'BoseText';
	
	max-width: 100%;
    
    display: block;
    white-space: normal;
}




#play_msg_content .loader_container {
	background-color: rgba(0, 0, 0, 0.8) !important;
}




#artwork {
	width: 9.2rem;
	height: 9.2rem;
	position: absolute;
	top: 9.75rem;
	left: 9.313rem;
	border: 0;
}




#art_info {
	height: 2.188rem;
	
	top: 5.813rem;
	left: 19rem;
}
#info_hold {
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	
	left: 0;
	
	width: -webkit-calc(100% - 19rem - 7rem);
	max-width: 27rem;
}
#info_sourceIcon {
	width: 2.188rem;
	height: 2.188rem;
}
#info_source,
#info_station {
	font-size: 1.125rem;
	letter-spacing: 0.175rem;
	font-family: 'BoseText';
	font-weight: bold;
	padding-top: 0;
	margin-left: .5rem;
}




#art_time {
	position: absolute;
	top: 9.75rem;
	left: 19rem;
	bottom: auto;
	
	width: -webkit-calc(100% - 19rem);
	max-width: 34rem;
	height: 0.313rem;
}
#current_time_wrapper,
#total_time_wrapper {
	display: none !important;
}
#scrubber_wrapper,
#scrubber_container,
#scrubber_progress,
#scrubber_backdrop {
	height: 100%;
	top: 0;
}
#scrubber_backdrop {
	display: none;
}




#secondary_controls {
	width: -webkit-calc(100% - 19rem);
	max-width: 34rem;
	height: 2.188rem;
	
	top: 5.813rem;
	left: 19rem;
	bottom: auto;
	
	font-size: 2.5rem;
	
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
#info_icons, #other_icons, #more_icon {
	width: auto;
}
.info_icon,
#other_icons .control_but,
#more_icon .control_but {
	margin: 0 0 0 1rem !important;
}
#more_icon {
	display: none;
}

/* Speed up message animation and opacity for A4V */
/*#message.animate, #message .animate {transition: all 0.01s !important; -webkit-transition: all 0.01s !important;}*/
#message.ani_slideY_100, #message .ani_slideY_100 { 
	transition: all 0.3s cubic-bezier(0, .4, .4, 1.0) 0.0s; 
	-webkit-transition: all 0.3s cubic-bezier(0, .4, .4, 1.0) 0.0s; 
}
#message.ani_slideY_200, #message .ani_slideY_200 { opacity: 0 !important; -webkit-transform: translateY(0%) !important; transform: translateY(0%) !important; }
#message {opacity: .9 !important;}

#scrubber_point_hit_box {
	display: none;
}
