/* 480 to 767 px - most cells landscape (iPhone) */

:root {
	--ro245-mobile-hdr-height: 104px;
}


.innerW {
	width: 92%;
}

.HALF, .THIRD, .THIRDx2, .QUARTER, .QUARTERx3, .FIFTH, .SIXTH, .TWELVEx5, .FULL {
	width: 100% !important;
	margin: 0 0 10pt;
	float: none;
}

body.single-ro245_song,
body.page-template-page-song,
body.page-template-front-page,
body.home,
body.page {
	background-color: var(--ro245-white);
	padding-right: 0;
}

body.single-ro245_song #wHDR,
body.page-template-page-song #wHDR,
body.page-template-front-page #wHDR,
body.home #wHDR,
body.page #wHDR {
	background-color: var(--ro245-black);
	height: var(--ro245-mobile-hdr-height);
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 9000;
}

body.single-ro245_song #HDR,
body.page-template-page-song #HDR,
body.page-template-front-page #HDR,
body.home #HDR,
body.page #HDR {
	align-items: start;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 14px;
	height: var(--ro245-mobile-hdr-height);
	max-width: none;
	padding: 8px 6% 6px;
	width: 100%;
}

body.single-ro245_song #LOGO,
body.page-template-page-song #LOGO,
body.page-template-front-page #LOGO,
body.home #LOGO,
body.page #LOGO {
	align-items: start;
	column-gap: 14px;
	display: grid;
	grid-column: 1 / 3;
	grid-template-columns: 72px minmax(0, 1fr);
	left: auto;
	position: static;
	top: auto;
}

body.single-ro245_song #LOGO a,
body.page-template-page-song #LOGO a,
body.page-template-front-page #LOGO a,
body.home #LOGO a,
body.page #LOGO a {
	align-items: center;
	display: inline-flex;
	text-decoration: none;
}

body.single-ro245_song #LOGO img,
body.page-template-page-song #LOGO img,
body.page-template-front-page #LOGO img,
body.home #LOGO img,
body.page #LOGO img {
	height: 82px;
	width: auto;
}

body.single-ro245_song .SiteMark,
body.page-template-page-song .SiteMark,
body.page-template-front-page .SiteMark,
body.home .SiteMark,
body.page .SiteMark {
	grid-column: 1;
}

body.single-ro245_song .SiteWordmark,
body.page-template-page-song .SiteWordmark,
body.page-template-front-page .SiteWordmark,
body.home .SiteWordmark,
body.page .SiteWordmark {
	color: var(--ro245-white);
	display: inline-block;
	font-family: var(--TitlesFont);
	font-size: 19pt;
	font-weight: 500;
	grid-column: 2;
	letter-spacing: 0;
	line-height: 1;
	margin-top: 10px;
	white-space: nowrap;
}

body.single-ro245_song #NAVI,
body.page-template-page-song #NAVI,
body.page-template-front-page #NAVI,
body.home #NAVI,
body.page #NAVI {
	border-bottom: 0;
	box-sizing: border-box;
	grid-column: 2 / 3;
	max-width: none;
	margin-top: -42px;
	padding: 0 0 4px;
	position: relative;
	right: auto;
	top: auto;
	transform: none;
	width: 100%;
	z-index: 3000;
}

body.single-ro245_song #NAVI .menutoggle,
body.page-template-page-song #NAVI .menutoggle,
body.page-template-front-page #NAVI .menutoggle,
body.home #NAVI .menutoggle,
body.page #NAVI .menutoggle {
	display: none !important;
}

body.single-ro245_song #NAVI .menu-main-navi-container,
body.page-template-page-song #NAVI .menu-main-navi-container,
body.page-template-front-page #NAVI .menu-main-navi-container,
body.home #NAVI .menu-main-navi-container,
body.page #NAVI .menu-main-navi-container {
	position: static !important;
}

body.single-ro245_song #NAVI .nav-menu,
body.single-ro245_song #NAVI div.nav-menu > ul,
body.page-template-page-song #NAVI .nav-menu,
body.page-template-page-song #NAVI div.nav-menu > ul,
body.page-template-front-page #NAVI .nav-menu,
body.page-template-front-page #NAVI div.nav-menu > ul,
body.home #NAVI .nav-menu,
body.home #NAVI div.nav-menu > ul,
body.page #NAVI .nav-menu,
body.page #NAVI div.nav-menu > ul {
	display: flex !important;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: flex-start;
	text-align: left;
	width: 100%;
}

body.single-ro245_song #NAVI .nav-menu li,
body.page-template-page-song #NAVI .nav-menu li,
body.page-template-front-page #NAVI .nav-menu li,
body.home #NAVI .nav-menu li,
body.page #NAVI .nav-menu li {
	margin: 0;
}

body.single-ro245_song #NAVI .nav-menu li a,
body.page-template-page-song #NAVI .nav-menu li a,
body.page-template-front-page #NAVI .nav-menu li a,
body.home #NAVI .nav-menu li a,
body.page #NAVI .nav-menu li a {
	border-bottom: 2px solid transparent;
	color: var(--ro245-white);
	font-family: var(--UIFont);
	font-size: 8.5pt;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 0 0 5px;
	text-transform: uppercase;
	white-space: nowrap;
}

body.single-ro245_song #NAVI .nav-menu .current_page_item > a,
body.single-ro245_song #NAVI .nav-menu .current-menu-item > a,
body.single-ro245_song #NAVI .nav-menu li a:hover,
body.page-template-page-song #NAVI .nav-menu .current_page_item > a,
body.page-template-page-song #NAVI .nav-menu .current-menu-item > a,
body.page-template-page-song #NAVI .nav-menu li a:hover,
body.page-template-front-page #NAVI .nav-menu .current_page_item > a,
body.page-template-front-page #NAVI .nav-menu .current-menu-item > a,
body.page-template-front-page #NAVI .nav-menu li a:hover,
body.home #NAVI .nav-menu .current_page_item > a,
body.home #NAVI .nav-menu .current-menu-item > a,
body.home #NAVI .nav-menu li a:hover,
body.page #NAVI .nav-menu .current_page_item > a,
body.page #NAVI .nav-menu .current-menu-item > a,
body.page #NAVI .nav-menu li a:hover {
	border-bottom-color: var(--ro245-red);
	color: var(--ro245-red);
}

body.single-ro245_song #MAIN,
body.page-template-page-song #MAIN,
body.page-template-front-page #MAIN,
body.home #MAIN,
body.page #MAIN {
	max-width: none;
	padding: 0 0 56px;
	width: 100%;
}

.SongLayout {
	display: flex;
	flex-direction: column;
	gap: 0;
}
.SongSidePanel {
	background-color: var(--ro245-black);
	box-sizing: border-box;
	order: -1;
	padding: 0;
	position: sticky;
	top: var(--ro245-mobile-hdr-height);
	width: 100%;
	z-index: 8000;
	box-shadow: 0 0px 20px #ff2c6d;
}
body.ro245-global-layout-music .MusicSidePanel,
body.page-template-front-page .MusicSidePanel,
body.home .MusicSidePanel {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	transform: translateY(calc(-1 * var(--ro245-mobile-hdr-height)));
	transition: max-height 500ms ease, opacity 500ms ease, transform 500ms ease;
}
body.ro245-global-layout-music.ro245-music-player-open .MusicSidePanel,
body.page-template-front-page.ro245-music-player-open .MusicSidePanel,
body.home.ro245-music-player-open .MusicSidePanel {
	max-height: 80vh;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}
body.page:not(.page-template-front-page):not(.page-template-page-song) .PageSidePanel {
	position: static;
	top: auto;
	z-index: auto;
}
.SongPlayerSticky {
	box-sizing: border-box;
	display: block;
	max-height: none;
	overflow: visible;
	padding: 10px 6% 12px;
	position: static;
}
.SongPlayerSticky::after {
	clear: both;
	content: "";
	display: table;
}

.SongSideLabel {
	display: block;
	font-size: 7pt;
	letter-spacing: 2px;
	margin-bottom: 0;
	width: 100%;
}

.MusicPlayerPanel .SongSideLabel {
	float: left;
	margin-bottom: 2px;
	margin-top: 9px;
	width: 66% !important;
}

.MusicPlayerPanel .SongMetaBox .SongLinksLabel {
	margin-top: 0;
}

.MusicPlayerPanel .SongMetaBox {
	margin-top: -9px;
}

.SongPlayerBox {
	float: left;
	max-width: none;
	width: 66% !important;
}

.SongPlayerBox .ro245-localplayer,
.SongPlayerBox .ro245-localplayer__artwork,
.SongPlayerBox .ro245-localplayer audio {
	max-width: none !important;
	width: 100% !important;
}

.SongSidePanel .ro245-localplayer__artwork {
	aspect-ratio: 1 / 1;
	max-height: none;
	object-fit: cover;
}

.SongSidePanel .ro245-localplayer audio {
	height: 36px;
}

.SongMetaBox {
	float: right;
	margin-top: 0;
	min-width: 0;
	width: 31% !important;
}

.SongLinksGroup {
	gap: 6px;
}

.SongLinksLabel {
	font-size: 7pt;
	letter-spacing: 1px;
}

.SongLinks {
	display: grid;
	gap: 6px;
	grid-template-columns: 1fr;
}

.SongLink {
	justify-content: flex-start;
	font-size: 6.8pt;
	gap: 4px;
	padding: 8px 6px;
	width: 100%;
}

.SongReleaseDate {
	font-size: 7.5pt;
	margin-top: 6px;
}

.SongContent {
	box-sizing: border-box;
	padding: 32px 6% 0;
	width: 100%;
}

.MusicContent {
	padding-top: 36px;
}

.PageFeaturedImage {
	margin-bottom: 14px;
}

#MAIN .MusicSongInfo h2 {
	font-size: 14pt;
}

.MusicSongButtonLyrics i {
	display: none;
}

.MusicSongButton {
	padding: 10px 6px;
}

.SongFacts {
	display: block;
	padding: 14px 16px;
}

.SongCreditsInFacts {
	border-bottom: 1px dotted rgba(22, 22, 22, 0.25);
	margin: 0 0 18px;
	padding: 0 0 16px;
}

.SongFactsListen {
	margin-top: 18px;
}

body.ro245-global-layout #MAIN .SongFactsListen {
	margin-top: 20pt;
}