/*!
 * 80s Rewind v4.27
 * Base Framework
 * Homepage: https://www.fast-rewind.com
 * Copyright 2020 Nick Alaway
 *
 * ---------------------------------------------------
    BASE
----------------------------------------------------- */

html {
height: 100vh;
webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
/* mobile viewport bug fix */
min-height: -webkit-fill-available;
font-family: 'Saira', sans-serif;
background: #fafafa;
}
p {
}
a, a:hover, a:focus {
color: inherit;
text-decoration: none;
transition: all 0.3s;
}
.line {
width: 100%;
height: 1px;
border-bottom: 1px dashed #ddd;
margin: 40px 0;
}
.h1, h1 {
font-family:'Saira Extra Condensed',sans-serif;
font-size: 1.9em!important;
}
.h2, h2 {
font-family:'Saira Extra Condensed',sans-serif;
font-size: 1.4em!important;
margin-left:-9px;
margin-top:30px;
}
h2:before, .h2:before {
position:relative;
content: '\e072';
color:red;
font-family: 'Glyphicons Halflings';
font-size: 0.3em;
letter-spacing:-0.3em;
bottom:0.9em;
left:0em;
}
h2:after, .h2:after {
position:relative;
content: '\e074\e074\e074';
color:deepskyblue;
font-family: 'Glyphicons Halflings';
font-size: 0.25em;
margin-left:-5px;
bottom:2em;
right:0.5em;
}
.h3, h3 {
font-family:'Saira Extra Condensed',sans-serif;
font-size: 1.3em!important;
margin-left:-9px;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
#sidebar {
width: 250px;
position: fixed;
top: 0;
left: 0;
height: 100vh;
color:#999999;
background-color:#000000;
background-image:url(https://www.fast-rewind.com/v4gfx/bsproc.gif);
background-position: right;
background-repeat: repeat-y;
transition: all 0.3s;
}
#sidebar.active {
margin-left: -216px;
}
#sidebar .site-logo {
float:left;
width:180px;
height:127px;
position:relative;
top:-27px;
left:0px;
background-image:url(https://www.fast-rewind.com/v4gfx/sidebar80s.png);
background-position: left;
background-repeat: no-repeat;
display:block;
}
#sidebar .site-tagline {
width:210px;
font-family:'Saira Extra Condensed',sans-serif;
font-size:1em;
color:#39A4FF;
text-align:left;
padding-left:7px;"
}
#sidebar .sidebar-header {
height: 47px;
font-size: 25px;
color: #ffffff;
text-align: right;
padding: 6px;
background: #FF4DA6;
}
#sidebar .sidebar-footer {
height: 100px;
display:block;
font-size: 0.7em;
color: #666666;
}
#sidebar-menu {
height: calc(100% - 47px);
/*    padding-top: 10px; */
padding-right: 38px;
}
#sidebar ul.components {
/*    padding: 20px 0; */
}
#sidebar ul p {
color: #fff;
padding: 10px;
}
#sidebar ul li a {
padding: 10px;
font-size: 1.1em;
display: block;
border-bottom: 1px solid #8A0A0A;
}
#sidebar ul li a:hover {
color: #FFFFFF;
}
#sidebar ul li a i {
margin-right: 10px;
}
#sidebar ul li.active > a, a[aria-expanded="true"] {
color: #ffffff;
background: #222222;
}
#sidebar .section-head {
color: #dddddd;
padding-top: 20px;
padding-left: 5px;
padding-bottom: 0px;
font-size: 0.9em;
display: block;
border-bottom: 1px solid #8A0A0A;
}
#sidebar .title-section-head {
color:#F499C0;
background:#222222;
padding-left: 3px;
padding-right: 2px;
border-top: 1px solid #8A0A0A;
border-left: 1px solid #8A0A0A;
border-right: 1px solid #8A0A0A;
}
#sidebar .site-section-head {
background:#000000;
padding-left: 3px;
padding-right: 5px;
border-top: 1px solid #8A0A0A;
border-left: 1px solid #8A0A0A;
border-right: 1px solid #8A0A0A;
}
#sidebar .option-head {
color: #cccccc;
padding-top: 3px;
padding-left: 10px;
padding-bottom: 3px;
font-size: 0.9em;
display: block;
border-bottom: 1px solid #8A0A0A;
background: #222222;
}
a[data-toggle="collapse"] {
position: relative;
}
a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
content: '\e259';
display: block;
position: absolute;
right: 20px;
font-family: 'Glyphicons Halflings';
font-size: 0.6em;
}
a[aria-expanded="true"]::before {
content: '\e260';
}
/* Submenu items */
ul ul a {
color: #999999;
font-size: 0.9em !important;
padding-left: 30px !important;
background: #222222;
border-bottom: 1px solid #000000;
}
ul.CTAs {
padding: 20px;
}
ul.CTAs a {
text-align: center;
font-size: 0.9em !important;
display: block;
border-radius: 5px;
margin-bottom: 5px;
}
a.download {
background: #fff;
color: #7386D5;
}
a.article, a.article:hover {
background: #6d7fcc !important;
color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
width: calc(100% - 250px);
padding: 0px;
height: 100%;
transition: all 0.3s;
position: absolute;
top: 0;
right: 0;
background: linear-gradient(#ffccff, #01dea1);
display:block;
overflow:hidden;
position: fixed;
}
#content.active {
width: calc(100% - 34px);
}
#content-holder {
width: calc(100% - 3vw);
height: calc(100% - 80px);
position: absolute;
background: #ffffff;   
margin: 47px 2.5vw 33px 0.5vw;
overflow-x: hidden;
overflow-y: hidden;
display:block;
}
#content-pane {
width: calc(100% - 3vw);
height: calc(100% - 80px);
position: relative;
font-family:'Saira Extra Condensed',sans-serif;
font-size: 2em;
background-color: rgba(255, 255, 255, 0.8);   
padding:0px;
margin:47px 2.5vw 0px 0.5vw;
overflow-x: hidden;
overflow-y: auto;
display:block;
}
.triangle-red-large {
position:absolute;
width: 0;
height: 0;
border-top: 5vw solid transparent;
border-right: 20vw solid red;
border-bottom: 10vw solid transparent;
}
.triangle-red-small {
position:absolute;
width: 0;
height: 0;
border-top: 3vw solid transparent;
border-right: 6vw solid red;
border-bottom: 3vw solid transparent;
}
.triangle-yellow-small {
position:absolute;
width: 0;
height: 0;
border-top: 3vw solid transparent;
border-right: 6vw solid yellow;
border-bottom: 3vw solid transparent;
}
.triangle-blue-medium {
position:absolute;
width: 0;
height: 0;
border-top: 4vw solid transparent;
border-right: 9vw solid deepskyblue;
border-bottom: 5vw solid transparent;
}
.pink-circle {
position:absolute;
height: 5vw;
width: 5vw;
border-radius: 50%;
background-color: hotpink;
}
#LargeTitle {
position:absolute;
top:0px;
left:10px;
opacity: 0.3;
font-family: 'Poppins', sans-serif;
font-size: 10vw;
font-weight: 700;
line-height: 1.0;
letter-spacing:-0.05em;
color: #FFF;
}
#SideTitle {
position:absolute;
top:47px;
right:3.1vw;
font-family: 'Poppins', sans-serif;
font-size: 2vw;
font-weight: 700;
color: #555555;
-webkit-transform: rotate(270deg); /* Safari */
-moz-transform: rotate(270deg);/* Firefox */
-ms-transform: rotate(270deg); /* IE 9 */
-o-transform: rotate(270deg); /*Opera */
transform: rotate(270deg);
transform-origin: right top 0;
}
/* ---------------------------------------------------
    Title Specific
----------------------------------------------------- */
#ShareCircle, #BotShareCircle {
height:47px;
width:47px;
border-radius:50%;
background-color:#cccccc;
}
#ShareCircle {
position:absolute;
top:160px;
right:21px;
}
#BotShareCircle {
position:absolute;
bottom:3em;
right:1em;
}
.ShareIcon {
float:left;
position:relative;
height:47px;
width:47px;
top:0px;
left:0px;
font-size:25px;
line-height:47px;
text-align:center;
color:#777777;
display:block;
}
#SharePane {
position: fixed;
width: calc((100% - 34px) - 2.5vw);
height: calc(100% - 80px);
overflow-x: hidden;
overflow-y: auto;
margin:47px 2.5vw 33px 34px;
top: 0;
left: 0;
bottom: 0;
right: 0;
color: #ffffff;
font-family:'Saira Extra Condensed',sans-serif;
font-size: 2em;
text-align:left;
background-color: black;
display:block
}
/* MUST be different class name for link button */
.ShareButton, .ShareLinkButton {
position:relative;
float:left;
width:3.5em;
height:3.5em;
text-align:center;
line-height:3.5em;
display:block;
color:#FFFFFF!important;
cursor:pointer;
}
#ShareLinkCopySuccess {
position:absolute;
float:right;
width:1.4em;
height:1.4em;
top:0px;
right:0px;
background-color:#33cc33;
font-size:0.6em;
text-align:center;
line-height:1.4em;
display:none;
}
#ShareLinkCopyFail {
position:absolute;
float:right;
width:1.4em;
height:1.4em;
top:0px;
right:0px;
background-color:red;
font-size:0.6em;
text-align:center;
line-height:1.4em;
display:none;
}
.ShareHeading {
float:left;
width: calc(100% - 3em);
height:auto;
text-align:left;
display:block;
color:white;
padding:1em 0em 1em 0.5em;
}
#ShareFooter {
width:100%;
height:auto;
text-align:left;
display:block;
color:white;
padding:1em 0em 0em 0em;
clear:both;
}
.btn-twitter {
background-color: #3399CC;
}
.btn-facebook {
background-color: #3D5B96;
}
.btn-google {
background-color: #DD3F34;
}
.btn-linkedin {
background-color: #1884BB;
}
.btn-sharelink {
background-color: #33cc33;
}
.btn-mail {
background-color: #FFC90E;
}
.btn-close {
width:1.5em;
height:1.5em;
font-size:1.5em;
line-height:1.5em;
float:right;
background-color: #FF4DA6;
text-align:center;
overflow:hidden;
cursor:pointer;
}
#ShareLinkCopyButton {
position:relative;
width:2.5em;
height:2.5em;
font-size:0.7em;
color:white!important;
text-align:center;
line-height:2.5em;
vertical-align:middle;
display:inline-block;
background-color: #FF4DA6;
margin-left:0.1em;
cursor:pointer;
}
#ThisPageURL {
height:3em;
width:17em;
background-color:black;
font-size:0.6em;
line-height:2.5em;
vertical-align:middle;
resize:none;
white-space:nowrap;
overflow:hidden;
}
#HeaderBox {
font-family:'Saira Extra Condensed',sans-serif;
min-width:100%;
min-height:160px;
display:table;
}
#TitlePicBox {
float:left;
width:auto;
height:160px;
overflow: visible;
display:block;
padding-right: 10px;
}
#TitleOSTPicBox {
float:left;
width:30%;
max-width:203px;
height:auto;
overflow: visible;
display:block;
padding-right: 10px;
}
.TitleTriangle {
width: 0;
height: 0;
border-top: 30px solid transparent;
border-right:60px solid yellow;
border-bottom: 30px solid transparent;
}
#TitleContainer {
float:left;
width: calc(100% - 196px);
display:block;
}
#OSTTitleContainer {
float:left;
width: calc(100% - 293px);
min-width: calc(70% - 90px);
display:inline-block;
}
#TitleBox {
width:100%;
border-bottom: 1px solid black;
overflow: visible;
display:block;
}

#YearBox {
position:absolute;
top:0px;
right:0px;
width:90px;
height:160px;
overflow: visible;
display:table-cell;
border-left: 1px solid black;
}
#YearTxt {
position:relative;
left:-45px;
top:10px;
width:170px;
height:70px;
font-size:80px;
line-height:80px;
text-align:left;
color: #000000;
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
overflow: visible;
display:inline-block;
}
#AKAandCert {
float:left;
width:100%;
display:table-cell;
}
#CertBox {
float:right;
position:relative;
right:0px;
top:0px;
min-width:1.3em;
font-size:1.5em;
line-height:0.9em;
color: #ffffff;
text-align: center;
padding: 6px;
background: #FF4DA6;
display:table-cell;
}
#AKABox {
font-weight: 300;
color: #000;
font-size: 0.7em;
line-height:1em;
padding-top: 5px;
}
.TopSlantBox {
position:relative;
top:0px;
left:0px;
width: calc(100% - 90px);
}
.BotSlantBox {
position:relative;
width: calc(100% - 90px);
}
.SlantBox {
display:block;
padding-left:45px;
padding-right:0px;
margin-left:-5px;
margin-bottom:1em;
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
overflow: visible;
}
.SlantTxt {
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
font-size: 1em;
font-weight: 400;
line-height:1.6em;
white-space: pre-line;
color: #ffffff;
background:#FF4DA6;
box-shadow: 15px 0 0 #FF4DA6, -45px 0 0 #FF4DA6;
}
.TagMark {
position:absolute;
float:left;
top:-18px;
left:10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:2em;
font-weight: 700;
line-height:0.5em;
color: yellow;
background:black;
padding-top: 20px;
overflow: visible;
z-index:999;
}
.CopyrightMark {
position:absolute;
float:left;
top:0px;
left:10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:2em;
font-weight: 700;
line-height:0.5em;
color: yellow;
background:black;
padding: 0.4em 2px 10px 2px;
overflow: visible;
z-index:999;
}
#RandomLine {
position:absolute;
top:207px;
right:0px;
width:45px;
height:10px;
border-bottom: 1px solid black;
border-left: 1px solid black;
}
#ReviewTabBox {
width:100%;
font-family:'Saira Extra Condensed',sans-serif;
font-size: 1em;
display:block;
padding-top:20px;
padding-bottom:20px;
padding-left:5px;
padding-right:10px;
border-right: 1px solid black;
border-bottom: 1px solid black;
margin-top:0.5em;
}
#TabBox {
width:100%;
font-family:'Saira Extra Condensed',sans-serif;
font-size: 1em;
display:block;
padding-top:20px;
padding-bottom:20px;
padding-left:5px;
padding-right:10px;
border-right: 1px solid black;
border-bottom: 1px solid black;
}
.NavSectionLabel {
position:relative;
font-family:'Saira Extra Condensed',sans-serif;
font-size: 1.2em;
line-height:1.7em;
text-align:center;
border-top: none;
border-bottom: 2px solid #FF4DA6;
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.nav-pills > li > a {
border-radius:0px;
padding-left:6px;
padding-right:10px;
color:#777777;
margin:0px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover  {
background:none;
color:#000000;
border-bottom:none;
}
.nav-pills>li.active>a>.NavSectionLabel, .nav-pills>li.active>a:focus>.NavSectionLabel, .nav-pills>li.active>a:hover>.NavSectionLabel {
border-bottom: 6px solid #FF4DA6;
}
.nav-pills>li.active>a>.NavSectionLabel:after, .nav-pills>li.active>a:focus>.NavSectionLabel:after, .nav-pills>li.active>a:hover>.NavSectionLabel:after {
position: absolute;
content: '\e072\e072';
color:#33cc33;
font-family: 'Glyphicons Halflings';
font-size: 0.7em;
letter-spacing:-0.3em;
top:-1em;
left:0.8em;
-moz-transform: rotate(150deg);
-webkit-transform: rotate(150deg);
-o-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.tab-content {
font-size: 1.3em;
font-weight: 300;
padding-left:5px;
margin-top:2em;
}
.tab-content a:link, .tab-content a:visited, .tab-content a:active, .TitleData a:link, .TitleData a:visited, .TitleData a:active {
font-weight:400;
}
.tab-content a:hover {
background:#ffff99;
}
.tab-content b {
font-weight:400;
}
.tab-top-section {
position:relative;
left:-20px;
width:calc(100% - 20px);
height:auto;
overflow:auto;
display:block;
padding-left:20px;
}
.tab-txt-container {
padding:0em 0.5em 0em 0.5em;
}
.tab-flex-txt-container {
display: inline-flex;
flex-direction: row;
}
.tab-txt-block {
padding:0em 0.5em 0em 0.5em;
flex:50%;
}

.LeftScreenshot {
float:left;
position:relative;
left:-10px;
width:600px;
height:auto;
margin-right:1em;
margin-bottom:1em;
overflow:visible;
display:block;
}
.LeftScreenshot img {
width:100%;
object-fit: contain;
}
.LeftSS_VHS_overlay {
position:absolute;
left:1vw;
top:0.5vw;
width:20vw;
height:auto;
}
.LeftSS_80s_overlay {
position:absolute;
left:0.3vw;
top:0.1vw;
width:10vw;
height:auto;
}
.LeftSScaption {
position:relative;
left:0px;
bottom:5px;
width:95%;
max-width:600px;
padding:0em 0.5em 0em 0.5em;
font-family: 'Poppins', sans-serif;
font-size: 0.7em;
font-weight: 300;
line-height:1.5em;
white-space: pre-line;
color: #ffffff;
background:#000000;
border-bottom:0.3em solid #FF4DA6;
border-right:0.5em solid #FF4DA6;
-moz-transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
}
#MoreCastButton {
position:relative;
top:-0.2em;
width:5em;
background-color: #FF4DA6;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 0.7em;
  border: none;
  color: white;
  padding:0em 0.5em 0em 0.3em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0em 0.5em 0em 0.5em;
  cursor: pointer;
  border-radius: 1em !important;
  overflow:hidden
}
#MoreCastButton:before {
    content:'-LESS' ;
    display:block;
}
#MoreCastButton.collapsed:before
{
    content:'+MORE' ;
    display:block;
}

#MoreCastButton:focus {
outline: none !important;
border:none !important;
}
.InlineTxtLink {
position:relative;
padding:0px;
}
.InlineTxtLink a:link::before, .InlineTxtLink a:visited::before, .InlineTxtLink a:active::before {
position:absolute;
content: '\e072';
color:yellow;
font-family: 'Glyphicons Halflings';
font-size: 0.4em;
top:-0.6em;
left:0em;
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.DYKtxt {
font-family: 'Indie Flower', 'Courier New', Courier, monospace;
font-size: 1em;
text-decoration-skip-ink: auto;
}
.DYKtxt a:link, .DYKtxt a:visited, .DYKtxt a:active {
text-decoration: underline;
text-decoration-skip-ink: auto;
}
.InlineTxtLink a:link::after, .InlineTxtLink a:visited::after, .InlineTxtLink a:active::after, .DYKtxt a:link::after, .DYKtxt a:visited::after, .DYKtxt a:active::after, #ReviewBody a:link::after, #ReviewBody a:visited::after, #ReviewBody a:active::after, a .InlineLinkReminder::after {
content: '\e095';
font-family: 'Glyphicons Halflings';
font-size: 0.4em;
position:relative;
top:-0.6em;
padding-left:0.2em;
text-decoration:none!important;
overflow: hidden;
display: inline-block;
}
.VerdictProsCons {
font-size: 0.8em;
font-weight:400;
padding-left:1em;
}
.RatingCircle {
width: 2em;
height: 2em;
border-radius: 50%;
font-size: 2em;
color: #fff;
line-height: 2em;
text-align: center;
background: deepskyblue;
margin:0.4em;
}
#ReviewBody {
padding:0.7em 0.5em 0.7em 0.5em;
}
.YouTubeEmbed {
position: relative;
width:90%;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
margin-bottom:10px;
}
.YouTubeEmbed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.DYKIcon {
width:153px;
height:40px;
position:relative;
background-image:url(https://www.fast-rewind.com/v4gfx/didyouknow.gif);
background-repeat: none;
margin-bottom:1.5em;
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
.MOViSubmitter {
position:absolute;
float:right;
top:0px;
right:0px;
padding:0em 0.5em 0.25em 0.5em;
font-family:'Saira Extra Condensed',sans-serif;
font-size: 0.7em;
font-weight: 300;
line-height:1.1em;
text-align:right;
background: rgba(255, 255, 255, 0.5);   
}
.MOViRegisteredSubmitter::before {
content: '\e008';
font-family: 'Glyphicons Halflings';
padding-right:0.2em;
}
.MOViPersonSubmitter::before {
content: '\e008';
font-family: 'Glyphicons Halflings';
color:rgba(77, 77, 77, 0.4);
padding-right:0.2em;
}
.MOViEditorSubmitter::before {
content: '\e008';
font-family: 'Glyphicons Halflings';
color:#33cc33;
padding-right:0.2em;
}
.MOViCastCrewSubmitter::before {
content: '\e008';
font-family: 'Glyphicons Halflings';
color:#e6b800;
padding-right:0.2em;
}

.MOViArchiveSubmitter::before {
content: '\e022';
font-family: 'Glyphicons Halflings';
padding-right:0.2em;
}
.MOViUpdateThis {
position:absolute;
float:left;
top:0px;
left:0px;
padding:0em 0.5em 0.25em 0.5em;
font-family:'Saira Extra Condensed',sans-serif;
font-size: 0.9em;
font-weight: 300;
line-height:1.1em;
text-align:right;
background: rgba(255, 255, 255, 0.5);   
}
.Artist {
padding:0px;
}
.Artist a:link, .Artist a:visited, .Artist a:active {
border-bottom:none;
text-decoration:none;
}
.Artist a:link::before, .Artist a:visited::before, .Artist a:active::before, a:link .Artist::before, a:visited .Artist::before, a:active .Artist::before {
content: '\e008';
font-family: 'Glyphicons Halflings';
font-size: 0.7em;
line-height:1.5em;
padding-right:0.2em;
}
.Artist a:link::after, .Artist a:visited::after, .Artist a:active::after {
content: none;
}
.SongItem {
font-weight:400;
font-size: 1.2em;
line-height:1em;
}
a:link .SongItem, a:visited .SongItem, a:active .SongItem {
color:#FF4DA6;
}
.SongItem::before, .SongItem::after {
content: '\0022';
}
/*.SongItem::before {
content: '\e165';
font-family: 'Glyphicons Halflings';
color:#666666;
font-size: 0.5em;
line-height:2em;
position:relative;
top:-0.2em;
padding-right:1em;
}*/
.ScoreItem {
font-weight:400;
font-size: 1.2em;
line-height:1em;
padding:0em;
}
a:link .ScoreItem, a:visited .ScoreItem, a:active .ScoreItem {
color:#0099cc;
}
.ScoreItem::before, .ScoreItem::after {
content: '\0022';
}
.TrackArtist {
padding:0em 0em 0em 0.2em;
line-height:1.2em;
}
a:link .TrackArtist::before, a:visited .TrackArtist::before, a:active .TrackArtist::before {
content: '\e008';
font-family: 'Glyphicons Halflings';
font-size: 0.7em;
line-height:1.5em;
padding-right:0.2em;
}

.UpdateThis {
padding:0px;
font-weight:500;
line-height:1.1em;
}
a:link .UpdateThis::before, a:visited .UpdateThis::before, a:active .UpdateThis::before {
content: '\e111';
font-family: 'Glyphicons Halflings';
color:#33cc33;
position:relative;
top:0.2em;
padding-right:0.2em;
padding-left:0.2em;
}
.AddSome {
padding:0px;
font-weight:500;
line-height:1.1em;
}
.BigAddSome {
padding:0px;
font-size:1.5em;
font-weight:500;
line-height:1.5em;
}
a:link .AddSome::before, a:visited .AddSome::before, a:active .AddSome::before, .BigAddSome:before {
content: '\e081';
font-family: 'Glyphicons Halflings';
color:#33cc33;
position:relative;
top:0.1em;
padding-right:0.1em;
}
.JustMore {
padding:0px;
font-weight:500;
}
a:link .JustMore::before, a:visited .JustMore::before, a:active .JustMore::before {
content: '\e131';
font-family: 'Glyphicons Halflings';
color:#FF4DA6;
position:relative;
top:0.1em;
padding-right:0.2em;
}
.HelpUs {
font-weight:500;
padding:0px;
}
.HelpUs::before {
content: '\e085';
font-family: 'Glyphicons Halflings';
color:#33cc33;
position:relative;
top:0.2em;
padding-right:0.2em;
}

#NextPage {
width:100%;
display:block;
padding:10px;
font-size: 1.2em;
font-weight:500;
color:white;
border-left: 1px solid black;
border-bottom: 1px solid black;
background-color:deepskyblue;
margin-bottom:10px;
}
#NextPage:hover {
color:white;
background-color:#FF4DA6;
}
#MenuPrompt {
width:100%;
display:block;
padding:0px 0px 0px 10px;
font-size: 1.2em;
margin-bottom:10px;
}
.TrackList {
width:100%;
display: flex;
flex-direction: column;
}
.TrackItem {
position:relative;
width:auto;
height:2.5em;
display:flex;
flex-direction: column;
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
margin-left:-12px;
margin-right:auto;
margin-bottom:1em;
overflow:hidden;
}
.TrackIcon {
float:left;
width:1.25em;
height:1.25em;
background: url(https://www.fast-rewind.com/PFR10K/CDNoImageMD.gif);
background-repeat: no-repeat;
background-size: 1.25em 1.25em!important;
margin-bottom:2px;
margin-right:0.5em;
display: block;
}
.TrackGlyph {
float:left;
width:1.25em;
height:1.25em;
color:white;
text-align:center;
margin-bottom:2px;
margin-right:0.5em;
display:block;
}
.SongName {
width:auto;
height:1.5em;
text-align:left;
padding:0em 1.5em 0em 0.5em;
border-bottom: 2px solid #FF4DA6;
display: flex;
flex-direction: row;
overflow:hidden;
}
.ScoreName {
width:auto;
height:1.5em;
text-align:left;
padding:0em 1.5em 0em 0.5em;
border-bottom: 2px solid #0099cc;
display: flex;
flex-direction: row;
overflow:hidden;
}
.ArtistName {
width:auto;
height:1.4em;
margin-top:-0.1em;
text-align:left;
padding: 0em 1.5em 0em 2.3em;
display: flex;
flex-direction: row;
overflow:hidden;
}
.LoXPreviewKey {
width:15em;
margin-left:1em;
font-size:0.7em;
color:white;
background-color:black;
padding:0.5em;
display:table;
}
.FeaturedByBox {
width:100%;
text-align:center;
background-color:#444444;
padding:1em 1em 2em 1em;
color:#999999;
display:block;
}
.FeaturedByTxt {
width:100%;
font-size:0.8em;
text-align:left;
padding-left:0.5em;
display:block;
}
.FeaturedOnLogo {
width:30%;
padding:1em;
}

/* ---------------------------------------------------
    MOVi
-----------Following For Legacy Pins eg: LoX------- */

.MOViItemUP {
position:relative;
left:2%;
width:90%;
line-height:1em;
text-decoration-skip: ink;
text-decoration-skip-ink: auto;
padding:2em 1em 2em 1em;
background: rgba(255, 251, 194, 0.8);
box-shadow:0 0.1em 0.1em rgba(66, 34, 133, 0.3), 0 0 1em rgba(133, 100, 34, 0.1) inset;
display:block;
-moz-transform: rotate(-1.5deg);
-webkit-transform: rotate(-1.5deg);
-o-transform: rotate(-1.5deg);
-ms-transform: rotate(-1.5deg);
transform: rotate(-1.5deg);
}

/*------------NEW MOVi Pins------------------------- */

.MOViItem {
position:relative;
width:90%;
line-height:1em;
text-decoration-skip: ink;
text-decoration-skip-ink: auto;
padding:2em 1em 2em 1em;
box-shadow:0 0.1em 0.1em rgba(66, 34, 133, 0.3), 0 0 1em rgba(133, 100, 34, 0.1) inset;
display:block;
}
.MOViBeUP {
left:2%;
-moz-transform: rotate(-1.5deg);
-webkit-transform: rotate(-1.5deg);
-o-transform: rotate(-1.5deg);
-ms-transform: rotate(-1.5deg);
transform: rotate(-1.5deg);
}
.MOViBeSTRAIGHT {
left:5%;
}
.MOViBeFLAT {
left:5%;
}
.MOViBeDOWN {
left:8%;
-moz-transform: rotate(1.5deg);
-webkit-transform: rotate(1.5deg);
-o-transform: rotate(1.5deg);
-ms-transform: rotate(1.5deg);
transform: rotate(1.5deg);
}
.MOViColor01 {background: rgba(255, 251, 194, 0.8);}
.MOViColor02 {background: rgba(250, 250, 186, 0.8);}
.MOViColor03 {background: rgba(255, 244, 186, 0.8);}
.MOViColor04 {background: rgba(248, 255, 186, 0.8);}
.MOViColor05 {background: rgba(255, 194, 219, 0.8);}
.MOViColor06 {background: rgba(250, 197, 219, 0.8);}
.MOViColor07 {background: rgba(250, 197, 211, 0.8);}   
.MOViColor08 {background: rgba(247, 188, 203, 0.8);}
.MOViColor09 {background: rgba(210, 255, 194, 0.8);}
.MOViColor10 {background: rgba(213, 247, 200, 0.8);}
.MOViColor11 {background: rgba(202, 235, 190, 0.8);}
.MOViColor12 {background: rgba(181, 232, 162, 0.8);}
.MOViColor13 {background: rgba(194, 235, 255, 0.8);}
.MOViColor14 {background: rgba(192, 214, 240, 0.8);}
.MOViColor15 {background: rgba(184, 230, 230, 0.8);}
.MOViColor16 {background: rgba(224, 238, 245, 0.8);}
.MOViColor17 {background: rgba(252, 243, 222, 0.8);}

.MOViPin {
position:absolute;
top:-0.5em;
left:35%;
width:2.7em;
height:2.7em;
background-image:url(https://www.fast-rewind.com/v4gfx/redpin.svg);
background-repeat:no-repeat;
background-size: 2.7em 2.7em;
z-index:99;
}
.MOViListPin {
position:absolute;
top:-0.5em;
left:35%;
width:2.7em;
height:2.7em;
background-repeat:no-repeat;
background-size: 2.7em 2.7em;
z-index:99;
}
.RedListPin {
background-image:url(https://www.fast-rewind.com/v4gfx/redpin.svg);
}
.Red2ListPin {
background-image:url(https://www.fast-rewind.com/v4gfx/redpin2.svg);
}
.BlueListPin {
background-image:url(https://www.fast-rewind.com/v4gfx/bluepin.svg);
}
.GreenListPin {
background-image:url(https://www.fast-rewind.com/v4gfx/greenpin.svg);
}
.YellowListPin {
background-image:url(https://www.fast-rewind.com/v4gfx/yellowpin.svg);
}
.PinkListPin {
background-image:url(https://www.fast-rewind.com/v4gfx/pinkpin.svg);
}
.WhiteListPin {
background-image:url(https://www.fast-rewind.com/v4gfx/whitepin.svg);
}

.MOViAdd {
position:relative;
width:100%;
overflow:hidden;
padding:0em 0em 1em 0em;
margin-top:-3em;
display:block;
font-weight:300;
line-height:1.1em;
}
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 1307px) {
#content-pane {
	font-size: 1.6em;
	}
.LeftScreenshot {
	width:500px;
	}
.h1, h1 {
	font-size: 1.6em!important;
	}
.SlantTxt {
	font-size: 0.8em;
	line-height:1.6em;
	}

}

@media (max-width: 1107px) {
	.tab-flex-txt-container {
	flex-direction: column;
	}
.LeftScreenshot {
	width:400px;
	}
}
@media (max-width: 1007px) {
    #sidebar {
        margin-left: -216px;
    }
    #sidebar.active {
        margin-left: 0;
    }
#content {
    width: calc(100% - 34px);
	}
#content.active {
    width: calc(100% - 250px);
    }
#content-pane {
	font-size: 1.6em;
	}
}

/* --------NEW YEAR LAYOUT ------- */
@media (min-width: 768px) {
#TitleContainer {
width: calc(100% - 286px);
	}
#OSTTitleContainer {
width: calc(100% - 383px);
min-width: calc(70% - 180px);
}
#YearBox {
width:180px;
height:320px;
	}
#YearTxt {
left:-80px;
top:20px;
width:330px;
height:160px;
font-size:170px;
line-height:170px;
	}
.TopSlantBox {
top:0px;
width: calc((100% - 180px) - 3em);
	}
#ShareCircle {
top:300px;
right:61px;
}
#RandomLine {
top:346px;
width:86px;
	}
}

/* --------END NEW YEAR LAYOUT ------- */

@media (max-width: 768px) {
.LeftScreenshot {
	width:342px;
	}
}
@media (min-width: 431px) {
.LeftSS_VHS_overlay {
	top:7px;
	left:10px;
	width:130px;
	}
.LeftSS_80s_overlay {
	top:1px;
	left:5px;
	width:60px;
	}

}
@media (max-width: 430px) {
#SharePane {
    font-size: 1.5em;
    }
#content-pane {
    font-size: 1.3em;
    }
.LeftScreenshot {
	width:100%;
	}

.h1, h1 {
    font-size: 1.5em;
    }
}
.h2, h2 {
    font-size: 20px;
    }
}