#stacks_in_1 { background-color: rgba(49, 7, 50, 0.75); } :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(35, 160, 185, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{background-color:rgba(128, 128, 128, 1.00);} .navi-grey{background-color:rgba(77, 77, 77, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.navi-grey{background-attachment:scroll!important}} h2,.h2, .verdana{font-family:Verdana, Geneva, sans-serif } h2,.h2, .tahoma{font-family:Tahoma, Geneva, sans-serif } .FrontText2{font-size:calc(16rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em){ .FrontText2{font-size:calc(16rem/16) }}@media only screen and (min-width:64em){ .FrontText2{font-size:calc(16rem/16) }} .BannerClass1{background-image:url('../files/bgimage-2-FFC.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.BannerClass1{background-attachment:scroll!important}} .fnav, .fnav * { font-family: Open Sans, sans-serif; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .fnav { width: 100%; padding: 0 30px; float: left; position: relative; background: rgba(0, 0, 0, 0.34); } /* Max width restriciton */ .fnav img { max-width: 150px; height: auto; } @media (max-width: 1024px) { .fnav img { max-width: px; height: auto; } .fnav-brand { margin-top: 5px!important; } } @media (max-width: 768px) { .fnav img { max-width: 50px; height: auto; } .fnav-brand { margin-top: 5px!important; } /* Edge to Edge on mobile */ .fnav { padding: 0px; } } /* Fixed Nav */ .fixed { position: fixed; width: 100%; } /* Scroll to solid colour*/ .normal { position: absolute; width: 100%; } .subnavver { /* This is just here for a jquery selection - no styling needed */ } .fnav a { -o-transition: color .3s linear, background .3s linear; -moz-transition: color .3s linear, background .3s linear; -webkit-transition: color .3s linear, background .3s linear; transition: color .3s linear, background .3s linear; } .fnav-brand { margin: 9px 30px 0 0; float: left; text-decoration: none; font-size: 24px; font-weight: 600; line-height: 1.3; cursor: pointer; } a.fnav-brand { text-decoration: none; color: rgba(255, 255, 255, 1.00)!important; } a:visited.fnav-brand { color: inherit; } a.fnav-brand:hover { text-decoration: none; color: rgba(255, 255, 255, 1.00)!important; } .fnav-menu { margin: 0; padding: 0; float: left; list-style: none; } .fnav-menu.fnav-right { float: right; } .fnav-menu > li { display: inline-block; float: left; } .fnav-menu > li > a { padding: 17px 16px; display: inline-block; text-decoration: none; font-size: 14px; font-weight: 600; color: rgba(204, 204, 204, 1.00); outline: 0; line-height: 1.42857143; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; position:relative; text-transform: uppercase; } .fnav-menu > li.active > a, .fnav-menu > li:hover > a { color: rgba(255, 255, 255, 1.00); } li.subnavver a:hover:before { display: none !important; } .fnav-menu ul.dropdown, .fnav-menu ul.dropdown li ul.dropdown { list-style: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 99; min-width: 180px; white-space: nowrap; background: rgba(0, 0, 0, 0.50); } .fnav-menu ul.dropdown li ul.dropdown { left: 100%; } .fnav-menu ul.dropdown li { clear: both; width: 100%; border: 0 none; font-size: 12px; position: relative; } .fnav-menu ul.dropdown li a { width: 100%; background: none; padding: 10px 25px 10px 22px; color: rgba(170, 170, 170, 1.00); text-decoration: none; display: inline-block; float: left; clear: both; position: relative; outline: 0; -o-transition: padding .2s linear; -moz-transition: padding .2s linear; -webkit-transition: padding .2s linear; transition: padding .2s linear; font-size: 12px; } .fnav-menu ul.dropdown li:hover > a { padding-left: 28px; padding-right: 19px; color: rgba(255, 255, 255, 1.00); } .fnav-menu ul.dropdown.dropdown-left { left: none; } .fnav-menu ul.dropdown li ul.dropdown.dropdown-left { left: -100%; } .fnav-menu li .indicator { margin-left: 3px; } .fnav-menu li ul.dropdown li .indicator { position: absolute; top: 8px; right: 10px; font-size: 15px; } .fnav .showhide { width: 60px; height: 46px; padding: 13px 0 0; display: none; float: right; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } .fnav .showhide em { width: 20px; height: 3px; margin: 3.5px 20px 0; float: right; background: rgba(255, 255, 255, 1.00); } .fnav .showhide:before { content: "MENU"; position: absolute; float: left; right: 50px; color: rgba(255, 255, 255, 1.00); } @media (min-width: 768px) { .fnav { padding-right: 0px; } } @media (max-width: 768px) { .fnav-responsive.fnav { padding: 0; } .fnav-responsive .fnav-brand{ margin: 8px 30px 10px 20px; font-size: 20px; line-height: 1.55; } .fnav-responsive .showhide{ margin: 0; } .fnav-responsive .fnav-menu{ width: 100%; float: left !important; } .fnav-responsive .fnav-menu.scrollable{ overflow-y: auto; -webkit-overflow-scrolling: touch; } .fnav-responsive .fnav-menu.scrollable > .scrollable-fix{ display: block; } .fnav-responsive .fnav-menu > li{ width: 100%; display: block; position: relative; } .fnav-responsive .fnav-menu > li > a{ width: 100%; padding: 12px 20px; display: block; border-bottom: solid 1px #f0f0f0; } .fnav-responsive .fnav-menu > li:first-child > a{ border-top: solid 1px #f0f0f0; } .fnav-responsive .fnav-menu > li.subnavver:first-child > a{ border-top: 0px; } .fnav-responsive .fnav-menu ul.dropdown, .fnav-responsive .fnav-menu ul.dropdown li ul.dropdown{ width: 100%; left: 0; position: static; border: none; background: rgba(0, 0, 0, 0.50); float: left; } .fnav-responsive .fnav-menu ul.dropdown li{ position: relative; } .fnav-responsive .fnav-menu ul.dropdown li a{ border-bottom: solid 1px #f0f0f0; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li > a { padding-left: 40px !important; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li > ul.dropdown > li > a { padding-left: 60px !important; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a { padding-left: 80px !important; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li:hover > a { padding-left: 50px !important; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li > ul.dropdown > li:hover > a { padding-left: 70px !important; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li:hover > a { padding-left: 90px !important; } .fnav-responsive .fnav-menu li .indicator{ width: 60px; height: 45px; position: absolute; right: 0; top: 0; font-size: 22px; text-align: center; line-height: 43px; border-left: solid 1px #f5f5f5; } .fnav-responsive .fnav-menu li ul.dropdown li .indicator{ height: 38px; right: 0; top: 0; font-size: 18px; line-height: 36px; } } /* Animation Sets */ .zoom-in { -webkit-animation: zoomIn 400ms ease both; -moz-animation: zoomIn 400ms ease both; -o-animation: zoomIn 400ms ease both; animation: zoomIn 400ms ease both; } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale(1.5); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes zoomIn { 0% { -moz-transform: scale(1.5); } 100% { -moz-transform: scale(1); } } @-o-keyframes zoomIn { 0% { opacity: 0; -o-transform: scale(1.5); } 100% { opacity: 1; -o-transform: scale(1); } } @keyframes zoomIn { 0% { transform: scale(1.5); } 100% { transform: scale(1); } } .zoom-out{ -webkit-animation: zoomOut 400ms ease both; -moz-animation: zoomOut 400ms ease both; -o-animation: zoomOut 400ms ease both; animation: zoomOut 400ms ease both; } @-webkit-keyframes zoomOut { 0% { -webkit-transform: scale(.6); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes zoomOut { 0% { -moz-transform: scale(.6); } 100% { -moz-transform: scale(1); } } @-o-keyframes zoomOut { 0% { -o-transform: scale(.6); } 100% { -o-transform: scale(1); } } @keyframes zoomOut { 0% { transform: scale(.6); } 100% { transform: scale(1); } } .drop-up{ -webkit-animation: drop-up 400ms ease both; -moz-animation: drop-up 400ms ease both; -o-animation: drop-up 400ms ease both; animation: drop-up 400ms ease both; } @-webkit-keyframes drop-up { 0% { -webkit-transform: translateY(100px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes drop-up { 0% { -moz-transform: translateY(100px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes drop-up { 0% { -o-transform: translateY(100px); } 100% { -o-transform: translateY(0); } } @keyframes drop-up { 0% { transform: translateY(100px); } 100% { transform: translateY(0); } } .drop-left{ -webkit-animation: drop-left 400ms ease both; -moz-animation: drop-left 400ms ease both; -o-animation: drop-left 400ms ease both; animation: drop-left 400ms ease both; } @-webkit-keyframes drop-left { 0% { -webkit-transform: translateX(-100px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes drop-left { 0% { -moz-transform: translateX(-100px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes drop-left { 0% { -o-transform: translateX(-100px); } 100% { -o-transform: translateX(0); } } @keyframes drop-left { 0% { transform: translateX(-100px); } 100% { transform: translateX(0); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation: swing 400ms ease-out both; -moz-animation: swing 400ms ease-out both; -o-animation: swing 400ms ease-out both; animation: swing 400ms ease-out both; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .flip{ -webkit-animation: flip 700ms ease both; -moz-animation: flip 700ms ease both; -o-animation: flip 700ms ease both; animation: flip 700ms ease both; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .roll-in{ -webkit-animation: roll-in 400ms ease both; -moz-animation: roll-in 400ms ease both; -o-animation: roll-in 400ms ease both; animation: roll-in 400ms ease both; } @-webkit-keyframes roll-in { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-15deg); transform: translateX(-100%) rotate(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes roll-in { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-15deg); -ms-transform: translateX(-100%) rotate(-15deg); transform: translateX(-100%) rotate(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .stretch{ -webkit-animation: stretch 500ms ease both; -moz-animation: stretch 500ms ease both; -o-animation: stretch 500ms ease both; animation: stretch 500ms ease both; transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @keyframes stretch{ 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretch{ 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } @-o-keyframes stretch{ 0% { -o-transform: scaleX(0.3); } 40% { -o-transform: scaleX(1.02); } 60% { -o-transform: scaleX(0.98); } 80% { -o-transform: scaleX(1.01); } 100% { -o-transform: scaleX(0.98); } 80% { -o-transform: scaleX(1.01); } 100% { -o-transform: scaleX(1); } } /* Divider */ /* Hide Divider Lines Mobile */ /* Align Center */ /* Align Dropdown items */ @media (min-width: 768px) { .fnav-menu ul.dropdown li a { text-align: left; } } /* Start Content Below Navigation */ .offset-content { position: relative; } /* /* SKINS*/ /* Border Bottom Skin */ /* Border Top Skin */ /* Border Boxed Skin */ /* Gradient Skin */ /* Mobile Logo overwrites */ /* Fade in Navigation Animation */ .fnav { -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 1s; /* Firefox < 16 */ -ms-animation: fadein 1s; /* Internet Explorer */ -o-animation: fadein 1s; /* Opera < 12.1 */ animation: fadein 1s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Hide Accessibility Highlights */ /* Hacks for Microsoft Windows IE Browsers */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ /* Hack for bullets to stop appearing in IE*/ .fnav-menu ul.dropdown, .fnav-menu ul.dropdown li ul.dropdown {display: block!important;} .fnav-menu {display: block;} } @supports (-ms-accelerator:true) { /* IE Edge 12+ CSS styles go here */ .fnav-menu ul.dropdown, .fnav-menu ul.dropdown li ul.dropdown {display: block!important;} .fnav-menu {display: block;} } #stacks_in_15_2 { background-color: rgba(89, 88, 89, 1.00); } .BackBio{background-color:rgba(49, 7, 50, 0.75) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.BackBio{background-attachment:scroll!important}} h2,.h2, .H2Text{font-size:calc(18rem/16) ;font-weight:400 ;}@media only screen and (min-width:40em) { h2,.h2, .H2Text{font-size:calc(18rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { h2,.h2, .H2Text{font-size:calc(18rem/16) ;line-height:1.50 }} .padding20{padding:1.25rem ;} .textgrey2{--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(249, 249, 243, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none} #stacks_in_60 { font-size:24px ; line-height:1.00em; } #stacks_in_60 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(153, 153, 153, 1.00) ; font-style:normal ; text-decoration:none ; text-align:center ; font-weight: normal ; font-family:Tahoma, Geneva, sans-serif ; font-variant:small-caps ; text-shadow: 0px 1px 1px rgba(85, 85, 85, 1.00) ; } /*-- End Letterpress --*/ #stacks_in_63 { font-size: 177%; font-weight: bold; } #stacks_in_109 *, #stacks_in_109 *:before, #stacks_in_109 *:after { box-sizing: border-box; } #stacks_in_109 { max-width: 704px; margin: 0 auto; } #playlisterWrapperstacks_in_109 { -webkit-box-shadow: 0px 0px 5px 2px rgba(205, 205, 205, 1.00); box-shadow: 0px 0px 5px 2px rgba(205, 205, 205, 1.00); margin: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #playlisterPlaceholderstacks_in_109 { display: none !important; } #playlisterstacks_in_109 { border-radius: 0px; height: auto; position: relative; width: auto; z-index: 2; display: block; overflow: auto; padding: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } /* Solid colour fill */ #playlisterstacks_in_109 { background: rgba(38, 38, 38, 1.00); } #playlisterstacks_in_109 .btn { text-decoration: none; margin-top: 5px; } #coverControlsWrapperstacks_in_109 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: flex; flex-direction: column; width: 100%; text-align: left; } @media screen and (min-width: 600px) { #coverControlsWrapperstacks_in_109 { flex-direction: row; } } #coverControlsWrapperstacks_in_109 { min-height: 122px; } #coverstacks_in_109 { background-repeat: no-repeat; background-size: contain; background-position: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; position: relative; height: 122px; width: 122px; display: block; margin: 0 auto; } @media screen and (min-width: 600px) { #coverstacks_in_109 { justify-content: space-between; } } #playerInterfacestacks_in_109 { display: block; overflow: hidden; text-align: center; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_109 { flex: 1; padding-left: 15px; display: flex; flex-direction: column; justify-content: space-between; text-align: left; } } #playlisterTopSectionstacks_in_109 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_109 { margin-top: 0px; } } #titlestacks_in_109 { color: rgba(255, 255, 255, 1.00); font-size: 16px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_109:before { content: ' '; } #albumstacks_in_109 { color: rgba(205, 205, 205, 1.00); font-size: 13px; line-height: 1.50em; } #albumstacks_in_109:before { content: 'GlanzGuitar 2025 Part 1 '; } #artiststacks_in_109 { color: rgba(205, 205, 205, 1.00); font-size: 13px; line-height: 1.50em; } #artiststacks_in_109:before { content: 'Peter Glanzmann '; } #additionalInfostacks_in_109 { color: rgba(205, 205, 205, 1.00); font-size: 13px; line-height: 1.50em; } #additionalInfostacks_in_109:before { content: ' '; } #controlsstacks_in_109 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_109 { padding-top: 10px; } } #buttonWrapperstacks_in_109 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_109 .buttonItem { display: table-cell; text-align: center; position: relative; overflow: visible; } #playlisterWrapperstacks_in_109 .playlisterButtonStandard, #playlisterWrapperstacks_in_109 .playlisterButton { display: inline-block; width: 29px; height: 29px; text-align: center; line-height: 29px; text-align: center; font-size: 12px; background: rgba(76, 76, 76, 1.00); border-radius: 50%; transition: all 300ms ease-in-out; color: rgba(255, 255, 255, 1.00); cursor: pointer; position: relative; overflow: hidden; box-shadow: 0px 1px 4px -2px #333; text-shadow: 0px -1px #333; border: 1px solid rgba(25, 25, 25, 1.00); } #playlisterWrapperstacks_in_109 .playlisterButtonStandard i, #playlisterWrapperstacks_in_109 .playlisterButton i { color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; line-height: 29px !important; } #playlisterWrapperstacks_in_109 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_109 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_109 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_109 .playlisterButton:hover, #playlisterWrapperstacks_in_109 .playlisterButton:active, #playlisterWrapperstacks_in_109 .playlisterButton:focus { color: rgba(143, 143, 143, 1.00); background: rgba(76, 76, 76, 1.00); border: 1px solid rgba(25, 25, 25, 1.00); } #playlisterWrapperstacks_in_109 .playlisterButtonStandard:hover i, #playlisterWrapperstacks_in_109 .playlisterButtonStandard:active i, #playlisterWrapperstacks_in_109 .playlisterButtonStandard:focus i, #playlisterWrapperstacks_in_109 .playlisterButton:hover i, #playlisterWrapperstacks_in_109 .playlisterButton:active i, #playlisterWrapperstacks_in_109 .playlisterButton:focus i { color: rgba(143, 143, 143, 1.00); } #playlisterWrapperstacks_in_109 #playstacks_in_109 i { margin-right: -3px; } #playlisterWrapperstacks_in_109 #pausestacks_in_109 { display: none; } #playlisterWrapperstacks_in_109 .playlisterIsPlaying #playstacks_in_109 { display: none; } #playlisterWrapperstacks_in_109 .playlisterIsPlaying #pausestacks_in_109 { display: inline-block; } /* Glass effect */ #playlisterWrapperstacks_in_109 .playlisterButton:after, #playlisterWrapperstacks_in_109 .playlisterButtonStandard:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 50%; background: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)); } #userOptionsBarstacks_in_109 { float: right; } #playlisterWrapperstacks_in_109 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_109 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: 600px) { #playlisterWrapperstacks_in_109 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_109 .playlisterInterfaceComponentStandard { float: left; } } #volumeControlsstacks_in_109, #volumeBtnstacks_in_109 { display: none; } @media screen and (min-width: 600px) { #volumeBtnstacks_in_109 { display: inline-block; } #volumeControlsstacks_in_109 { height: 140px; width: 70px; display: none; position: absolute; left: 50%; bottom: 100%; margin-left: -35px; overflow: visible; z-index: 90; background: rgba(25, 25, 25, 1.00); border-radius: 10px; } #volume-fullstacks_in_109 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_109 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_109 i, #volume-fullstacks_in_109 i { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_109 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_109 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_109 .ui-slider-range { background: rgba(75, 179, 135, 0.50); border-radius: 5px; outline: none; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } #volumestacks_in_109 .ui-slider-handle { cursor: pointer; position: absolute; left: 0; bottom: 0px; margin-left: -5px; margin-bottom: -10px; width: 20px; height: 20px; z-index: 2; border-radius: 10px; background: rgba(205, 205, 205, 1.00); outline: none; } } #progressBarstacks_in_109 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_109 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_109 #progressstacks_in_109 { background-color: rgba(75, 179, 135, 0.50); height: 100%; display: block; width: 0px; background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-animation: playlister-progress-bar-stripes 2s linear infinite; -o-animation: playlister-progress-bar-stripes 2s linear infinite; animation: playlister-progress-bar-stripes 2s linear infinite; } @-webkit-keyframes playlister-progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } @keyframes playlister-progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } #currentstacks_in_109 { float: left; font-size: 13px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_109 { float: right; font-size: 13px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } /* iOS can't preload audio and fetch the total duration until the track starts to play. So we make duration invisisble and make it visible on desktops or (via jQuery) when the track is clicked and playing */ #durationstacks_in_109 { visibility: hidden; } #durationstacks_in_109.showDuration { visibility: visible; } #playlisterPlayliststacks_in_109 { background-color: rgba(255, 255, 255, 1.00); list-style-type: none; margin: 0; padding: 0px; position: relative; z-index: 1; /* Start either displayed or hidden */ display: block; overflow: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; -webkit-column-rule: 0px solid #CDCDCD; -moz-column-rule: 0px solid #CDCDCD; column-rule: 0px solid #CDCDCD; /* Hide top-most item borders */ margin-top: -0px } @media screen and (min-width: 34em) { #playlisterPlayliststacks_in_109 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_109 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_109 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_109 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_109 li { display: block; width: 100%; margin: 0; padding: 0; background: rgba(255, 255, 255, 1.00); color: rgba(153, 153, 153, 1.00); font-size: 12px; height: 45px; line-height: 45px; cursor: pointer; transition: color 300ms ease-in-out, background 300ms ease-in-out; overflow: hidden; position: relative; -webkit-column-break-inside: avoid; break-inside: avoid; transform: translateZ(0); border-top: 0px solid #CDCDCD; } #playlisterPlayliststacks_in_109 li { height: auto; line-height: 1.50em; } #playlisterPlayliststacks_in_109 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_109 li.active-playlistitem, #playlisterPlayliststacks_in_109 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 0.50); } #playlisterPlayliststacks_in_109 li { padding-left: 0; } #playlisterPlayliststacks_in_109 li .playlistItemNumber { display: inline-block; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_109 li .playListerAdditionalInfo { display: none; } #playlisterPlayliststacks_in_109 li .playlistItemActiveIcon { display: none; } .no-audio #playlisterstacks_in_109, .no-audio #playlisterPlayliststacks_in_109 { display: none; } #playlisterNoAudiostacks_in_109 { display: none; } .no-audio #playlisterNoAudiostacks_in_109 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_109 { display: none; } #playlisterWrapperstacks_in_109 #additionalInfostacks_in_109 { display: none; } #playlisterWrapperstacks_in_109 #downloadstacks_in_109 { display: none !important; } #playlisterWrapperstacks_in_109 #repeatstacks_in_109 { display: none; } #playlisterWrapperstacks_in_109 #shufflestacks_in_109 { display: none; } #playlisterWrapperstacks_in_109 #inline_download_stacks_in_109 { display: none; } #playlisterWrapperstacks_in_109 #playlistTogglestacks_in_109 { display: none; } #playlisterPlaceholderstacks_in_109 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_109 audio { width: 100%; } #stacks_in_121 *, #stacks_in_121 *:before, #stacks_in_121 *:after { box-sizing: border-box; } #stacks_in_121 { max-width: 704px; margin: 0 auto; } #playlisterWrapperstacks_in_121 { -webkit-box-shadow: 0px 0px 5px 2px rgba(205, 205, 205, 1.00); box-shadow: 0px 0px 5px 2px rgba(205, 205, 205, 1.00); margin: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #playlisterPlaceholderstacks_in_121 { display: none !important; } #playlisterstacks_in_121 { border-radius: 0px; height: auto; position: relative; width: auto; z-index: 2; display: block; overflow: auto; padding: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } /* Solid colour fill */ #playlisterstacks_in_121 { background: rgba(38, 38, 38, 1.00); } #playlisterstacks_in_121 .btn { text-decoration: none; margin-top: 5px; } #coverControlsWrapperstacks_in_121 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: flex; flex-direction: column; width: 100%; text-align: left; } @media screen and (min-width: 600px) { #coverControlsWrapperstacks_in_121 { flex-direction: row; } } #coverControlsWrapperstacks_in_121 { min-height: 122px; } #coverstacks_in_121 { background-repeat: no-repeat; background-size: contain; background-position: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; position: relative; height: 122px; width: 122px; display: block; margin: 0 auto; } @media screen and (min-width: 600px) { #coverstacks_in_121 { justify-content: space-between; } } #playerInterfacestacks_in_121 { display: block; overflow: hidden; text-align: center; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_121 { flex: 1; padding-left: 15px; display: flex; flex-direction: column; justify-content: space-between; text-align: left; } } #playlisterTopSectionstacks_in_121 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_121 { margin-top: 0px; } } #titlestacks_in_121 { color: rgba(255, 255, 255, 1.00); font-size: 16px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_121:before { content: ' '; } #albumstacks_in_121 { color: rgba(205, 205, 205, 1.00); font-size: 13px; line-height: 1.50em; } #albumstacks_in_121:before { content: 'GlanzGuitar 2025 Part 2 '; } #artiststacks_in_121 { color: rgba(205, 205, 205, 1.00); font-size: 13px; line-height: 1.50em; } #artiststacks_in_121:before { content: 'Peter Glanzmann '; } #additionalInfostacks_in_121 { color: rgba(205, 205, 205, 1.00); font-size: 13px; line-height: 1.50em; } #additionalInfostacks_in_121:before { content: ' '; } #controlsstacks_in_121 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_121 { padding-top: 10px; } } #buttonWrapperstacks_in_121 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_121 .buttonItem { display: table-cell; text-align: center; position: relative; overflow: visible; } #playlisterWrapperstacks_in_121 .playlisterButtonStandard, #playlisterWrapperstacks_in_121 .playlisterButton { display: inline-block; width: 29px; height: 29px; text-align: center; line-height: 29px; text-align: center; font-size: 12px; background: rgba(76, 76, 76, 1.00); border-radius: 50%; transition: all 300ms ease-in-out; color: rgba(255, 255, 255, 1.00); cursor: pointer; position: relative; overflow: hidden; box-shadow: 0px 1px 4px -2px #333; text-shadow: 0px -1px #333; border: 1px solid rgba(25, 25, 25, 1.00); } #playlisterWrapperstacks_in_121 .playlisterButtonStandard i, #playlisterWrapperstacks_in_121 .playlisterButton i { color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; line-height: 29px !important; } #playlisterWrapperstacks_in_121 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_121 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_121 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_121 .playlisterButton:hover, #playlisterWrapperstacks_in_121 .playlisterButton:active, #playlisterWrapperstacks_in_121 .playlisterButton:focus { color: rgba(143, 143, 143, 1.00); background: rgba(76, 76, 76, 1.00); border: 1px solid rgba(25, 25, 25, 1.00); } #playlisterWrapperstacks_in_121 .playlisterButtonStandard:hover i, #playlisterWrapperstacks_in_121 .playlisterButtonStandard:active i, #playlisterWrapperstacks_in_121 .playlisterButtonStandard:focus i, #playlisterWrapperstacks_in_121 .playlisterButton:hover i, #playlisterWrapperstacks_in_121 .playlisterButton:active i, #playlisterWrapperstacks_in_121 .playlisterButton:focus i { color: rgba(143, 143, 143, 1.00); } #playlisterWrapperstacks_in_121 #playstacks_in_121 i { margin-right: -3px; } #playlisterWrapperstacks_in_121 #pausestacks_in_121 { display: none; } #playlisterWrapperstacks_in_121 .playlisterIsPlaying #playstacks_in_121 { display: none; } #playlisterWrapperstacks_in_121 .playlisterIsPlaying #pausestacks_in_121 { display: inline-block; } /* Glass effect */ #playlisterWrapperstacks_in_121 .playlisterButton:after, #playlisterWrapperstacks_in_121 .playlisterButtonStandard:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 50%; background: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)); } #userOptionsBarstacks_in_121 { float: right; } #playlisterWrapperstacks_in_121 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_121 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: 600px) { #playlisterWrapperstacks_in_121 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_121 .playlisterInterfaceComponentStandard { float: left; } } #volumeControlsstacks_in_121, #volumeBtnstacks_in_121 { display: none; } @media screen and (min-width: 600px) { #volumeBtnstacks_in_121 { display: inline-block; } #volumeControlsstacks_in_121 { height: 140px; width: 70px; display: none; position: absolute; left: 50%; bottom: 100%; margin-left: -35px; overflow: visible; z-index: 90; background: rgba(25, 25, 25, 1.00); border-radius: 10px; } #volume-fullstacks_in_121 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_121 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_121 i, #volume-fullstacks_in_121 i { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_121 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_121 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_121 .ui-slider-range { background: rgba(75, 179, 135, 0.50); border-radius: 5px; outline: none; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } #volumestacks_in_121 .ui-slider-handle { cursor: pointer; position: absolute; left: 0; bottom: 0px; margin-left: -5px; margin-bottom: -10px; width: 20px; height: 20px; z-index: 2; border-radius: 10px; background: rgba(205, 205, 205, 1.00); outline: none; } } #progressBarstacks_in_121 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_121 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_121 #progressstacks_in_121 { background-color: rgba(75, 179, 135, 0.50); height: 100%; display: block; width: 0px; background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 20px 20px; background-size: 20px 20px; -webkit-animation: playlister-progress-bar-stripes 2s linear infinite; -o-animation: playlister-progress-bar-stripes 2s linear infinite; animation: playlister-progress-bar-stripes 2s linear infinite; } @-webkit-keyframes playlister-progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } @keyframes playlister-progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } #currentstacks_in_121 { float: left; font-size: 13px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_121 { float: right; font-size: 13px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } /* iOS can't preload audio and fetch the total duration until the track starts to play. So we make duration invisisble and make it visible on desktops or (via jQuery) when the track is clicked and playing */ #durationstacks_in_121 { visibility: hidden; } #durationstacks_in_121.showDuration { visibility: visible; } #playlisterPlayliststacks_in_121 { background-color: rgba(255, 255, 255, 1.00); list-style-type: none; margin: 0; padding: 0px; position: relative; z-index: 1; /* Start either displayed or hidden */ display: block; overflow: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; -webkit-column-rule: 0px solid #CDCDCD; -moz-column-rule: 0px solid #CDCDCD; column-rule: 0px solid #CDCDCD; /* Hide top-most item borders */ margin-top: -0px } @media screen and (min-width: 34em) { #playlisterPlayliststacks_in_121 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_121 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_121 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_121 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_121 li { display: block; width: 100%; margin: 0; padding: 0; background: rgba(255, 255, 255, 1.00); color: rgba(153, 153, 153, 1.00); font-size: 12px; height: 45px; line-height: 45px; cursor: pointer; transition: color 300ms ease-in-out, background 300ms ease-in-out; overflow: hidden; position: relative; -webkit-column-break-inside: avoid; break-inside: avoid; transform: translateZ(0); border-top: 0px solid #CDCDCD; } #playlisterPlayliststacks_in_121 li { height: auto; line-height: 1.50em; } #playlisterPlayliststacks_in_121 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_121 li.active-playlistitem, #playlisterPlayliststacks_in_121 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 0.50); } #playlisterPlayliststacks_in_121 li { padding-left: 0; } #playlisterPlayliststacks_in_121 li .playlistItemNumber { display: inline-block; width: 35px; text-align: right; margin: 0 10px 0 0; padding: 0; } #playlisterPlayliststacks_in_121 li .playListerAdditionalInfo { display: none; } #playlisterPlayliststacks_in_121 li .playlistItemActiveIcon { display: none; } .no-audio #playlisterstacks_in_121, .no-audio #playlisterPlayliststacks_in_121 { display: none; } #playlisterNoAudiostacks_in_121 { display: none; } .no-audio #playlisterNoAudiostacks_in_121 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_121 { display: none; } #playlisterWrapperstacks_in_121 #additionalInfostacks_in_121 { display: none; } #playlisterWrapperstacks_in_121 #downloadstacks_in_121 { display: none !important; } #playlisterWrapperstacks_in_121 #repeatstacks_in_121 { display: none; } #playlisterWrapperstacks_in_121 #shufflestacks_in_121 { display: none; } #playlisterWrapperstacks_in_121 #inline_download_stacks_in_121 { display: none; } #playlisterWrapperstacks_in_121 #playlistTogglestacks_in_121 { display: none; } #playlisterPlaceholderstacks_in_121 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_121 audio { width: 100%; }