.com_bigwhiteduck_stacks_headerpro_stack .text-center{text-align:center}.com_bigwhiteduck_stacks_headerpro_stack .text-left{text-align:left}.com_bigwhiteduck_stacks_headerpro_stack .text-right{text-align:right}.com_bigwhiteduck_stacks_headerpro_stack .text-justify{text-align:justify}.com_bigwhiteduck_stacks_headerpro_stack .text-inherit{text-align:inherit} :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(0, 140, 186, 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);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-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(0, 0, 0, 1.00);} .bp-vault-1.b-p:not(.not-vault){border:0px solid rgba(179, 179, 177, 1.00)}.bp-vault-1.b-p:not(.not-vault):hover{border:0px solid rgba(179, 179, 177, 1.00)} .bp-vault-1.b-p:not(.not-vault){color:rgba(255, 255, 255, 1.00);background-color:rgba(6, 105, 209, 1.00)}.bp-vault-1.b-p:not(.not-vault):not(.d-hov){-webkit-transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease;-webkit-transition:color 200ms ease,background-color 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,-webkit-box-shadow 200ms ease} .bp-vault-1.b-p:not(.not-vault),.bp-vault-1.b-p:not(.not-vault).split-icon>.bp-icon:not(.not-vault){background-image:none} .bp-vault-1.b-p:not(.not-vault):not(.bp-hover):hover{color:rgba(255, 255, 255, 0.90)!important; background-color:rgba(251, 2, 7, 1.00);} .bp-vault-1.b-p:not(.not-vault):not(.bp-hover):hover,.bp-vault-1.b-p:not(.not-vault):not(.bp-hover).split-icon{background-image:none} .bp-vault-1.b-p:not(.not-vault)>.bp-icon>.bp-glyph{color:rgba(204, 204, 204, 1.00)!important}.bp-vault-1.b-p:not(.not-vault):not(.d-hov)>.bp-icon>.bp-glyph{-webkit-transition:color 200ms ease;transition:color 200ms ease}.bp-vault-1.b-p:not(.not-vault).split-icon:not(.icon-only)>.bp-icon{background-color:rgba(27, 96, 201, 1.00)!important}.bp-vault-1.b-p:not(.not-vault).split-icon:not(.icon-only)>.bp-icon.icon-left{border-right:1px solid rgba(255, 255, 255, 0.00)!important}.bp-vault-1.b-p:not(.not-vault).split-icon:not(.icon-only)>.bp-icon.icon-right{border-left:1px solid rgba(255, 255, 255, 0.00)!important} .bp-vault-1.b-p:not(.not-vault):hover>.bp-icon>.bp-glyph{color:rgba(186, 186, 186, 1.00)!important}.bp-vault-1.b-p:not(.not-vault):not(.d-hov):hover>.bp-icon>.bp-glyph{-webkit-transition:color 200ms ease;transition:color 200ms ease}.bp-vault-1.b-p:not(.not-vault).split-icon:not(.icon-only):hover>.bp-icon{background:rgba(23, 97, 213, 1.00);background-color:rgba(23, 97, 213, 1.00)!important}.bp-vault-1.b-p:not(.not-vault).split-icon:not(.icon-only):hover>.bp-icon.icon-left{border-right:1px solid rgba(255, 255, 255, 0.00)!important}.bp-vault-1.b-p:not(.not-vault).split-icon:not(.icon-only):hover>.bp-icon.icon-right{border-left:1px solid rgba(255, 255, 255, 0.00)!important} .bp-vault-1.b-p:not(.custom-shape){border-radius:8px}.bp-vault-1.b-p:not(.custom-shape).split-icon:not(.icon-only)>.bp-icon.icon-left{border-top-left-radius:8px!important;border-bottom-left-radius:8px!important}.bp-vault-1.b-p:not(.custom-shape).split-icon:not(.icon-only)>.bp-icon.icon-right{border-top-right-radius:8px!important;border-bottom-right-radius:8px!important} .bp-vault-1:not(.not-vault) .code-finder{content:"bp-fonts"}.bp-vault-1.icon-only{padding:0!important;border-radius:50%!important; width:51px;height:51px;}.bp-vault-1.icon-only>.bp-icon>.bp-glyph{font-size:100%!important;margin-left:0.00%!important}.bp-vault-1.icon-only .fa:before{line-height:51px}.bp-vault-1.icon-only.tiny{width:33px;height:33px}.bp-vault-1.icon-only.tiny .fa:before{line-height:33px}.bp-vault-1.icon-only.small{width:44px;height:44px}.bp-vault-1.icon-only.small .fa:before{line-height:44px}.bp-vault-1.icon-only.large{width:61px;height:61px}.bp-vault-1.icon-only.large .fa:before{line-height:61px} .button.b-p { box-sizing: border-box; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; } .button.b-p { overflow: visible; -webkit-appearance: button; cursor: pointer; } .button.b-p[disabled] { cursor: default; } .button.b-p::-moz-focus-inner { border: 0; padding: 0; } .button.b-p { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; font-family: inherit; font-weight: inherit; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; transition: all 300ms ease-out; } .button.b-p.large { padding: 1.125rem 2.25rem 1.1875rem 2.25rem; font-size: 1.25rem; } .button.b-p.small { padding: .875rem 1.75rem .9375rem 1.75rem; font-size: .8125rem; } .button.b-p.tiny { padding: .625rem 1.25rem .6875rem 1.25rem; font-size: .6875rem; } .button.b-p.expand { padding-left: 1rem; padding-right: 1rem; width: 100%; } .button.b-p.left-align { text-align: left; text-indent: .75rem; } .button.b-p.right-align { text-align: right; padding-right: .75rem; } .button.b-p.radius, .button.b-p.radius::before, .button.b-p.radius::after { border-radius: 3px; } .button.b-p.round, .button.b-p.radius::before, .button.b-p.round::after { border-radius: 1000px; } .button.b-p.disabled, .button.b-p[disabled] { background-color: #008CBA; border-color: #007095; color: #fff; box-shadow: none; cursor: default; opacity: .7; } .button.b-p.right { float: right !important; } .button.b-p::-moz-focus-inner { border: 0; padding: 0; } @media only screen and (min-width: 40.063em) { .button.b-p { display: inline-block; } } .bp-styles-warning { display: none; } .button.b-p:not(.custom) { background-color: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); } .button.b-p:not(.custom):hover { color: rgba(255, 255, 255, 1.00); background-color: #0272d3; } .button.b-p.secondary:not(.custom) { background-color: rgba(231, 231, 231, 1.00); color: rgba(51, 51, 51, 1.00); } .button.b-p.secondary:not(.custom):hover { color: rgba(51, 51, 51, 1.00); background-color: #e4e4e4; } .button.b-p.alert:not(.custom) { background-color: rgba(217, 83, 79, 1.00); } .button.b-p.alert:not(.custom):hover { background-color: #d84f4b; } .button.b-p.success:not(.custom) { background-color: rgba(92, 184, 92, 1.00); } .button.b-p.success:not(.custom):hover { background-color: #58b658; } .button.b-p.radius:not(.custom) { border-radius: 4px; } .button.b-p.ghost:not(.custom) { background-color: transparent; border-width: 1px; border-color: rgba(2, 117, 216, 1.00); color: rgba(2, 117, 216, 1.00); } .button.b-p.ghost:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #0272d3; background-color: #0272d3; } .button.b-p.ghost.secondary:not(.custom) { border-color: rgba(231, 231, 231, 1.00); color: rgba(231, 231, 231, 1.00); } .button.b-p.ghost.secondary:not(.custom):hover { color: rgba(51, 51, 51, 1.00); border-color: #e4e4e4; background-color: #e4e4e4; } .button.b-p.ghost.alert:not(.custom) { border-color: rgba(217, 83, 79, 1.00); color: rgba(217, 83, 79, 1.00); } .button.b-p.ghost.alert:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #d84f4b; background-color: #d84f4b; } .button.b-p.ghost.success:not(.custom) { border-color: rgba(92, 184, 92, 1.00); color: rgba(92, 184, 92, 1.00); } .button.b-p.ghost.success:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #58b658; background-color: #58b658; } .button.b-p.outline-ghost:not(.custom) { border-color: rgba(204, 204, 204, 1.00); border-width: 1px; color: rgba(55, 58, 60, 1.00); background-color: transparent; } .button.b-p.outline-ghost:not(.custom):hover { color: #353739; border-color: #c9c9c9; background-color: rgba(212, 212, 212, 0.00); } /* @group Basic Styling */ #stacks_in_2646 *, #stacks_in_2646 *:before, #stacks_in_2646 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2646 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2646 { -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_2646 { display: none !important; } #playlisterstacks_in_2646 { 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_2646 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2646 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2646 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2646 { min-height: 0px; } #coverstacks_in_2646 { background-repeat: no-repeat; background-size: 100% 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; position: relative; height: 0px; width: 0px; display: inline-block; } @media screen and (min-width: 600px) { #coverstacks_in_2646 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2646 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2646 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2646 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2646 { margin-top: 0px; } } #titlestacks_in_2646 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2646:before { content: ' '; } #albumstacks_in_2646 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2646:before { content: 'Album: '; } #artiststacks_in_2646 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2646:before { content: 'Artist: '; } #additionalInfostacks_in_2646 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2646:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2646 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2646 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2646 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2646 .buttonItem { display: table-cell; text-align: center; position: relative; overflow: visible; } /* Standard buttons are buttons added by Playlister, regular buttons are ones added by a user */ #playlisterWrapperstacks_in_2646 .playlisterButtonStandard, #playlisterWrapperstacks_in_2646 .playlisterButton { display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; text-align: center; font-size: 20px; background: rgba(76, 76, 76, 1.00); border-radius: 50%; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-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_2646 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2646 .playlisterButton [class^="fa fa-"] { color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; line-height: 50px !important; } #playlisterWrapperstacks_in_2646 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2646 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2646 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2646 .playlisterButton:hover, #playlisterWrapperstacks_in_2646 .playlisterButton:active, #playlisterWrapperstacks_in_2646 .playlisterButton:focus { color: rgba(75, 179, 135, 1.00); background: rgba(76, 76, 76, 1.00); border: 1px solid rgba(25, 25, 25, 1.00); } #playlisterWrapperstacks_in_2646 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2646 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2646 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2646 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2646 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2646 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2646 #playstacks_in_2646 i { margin-right: -3px; } #playlisterWrapperstacks_in_2646 #pausestacks_in_2646 { display: none; } #playlisterWrapperstacks_in_2646 .playlisterIsPlaying #playstacks_in_2646 { display: none; } #playlisterWrapperstacks_in_2646 .playlisterIsPlaying #pausestacks_in_2646 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2646 .playlisterButton:after, #playlisterWrapperstacks_in_2646 .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)); } /* */ /* @end */ /* @group User Options Bar */ #userOptionsBarstacks_in_2646 { float: right; } #playlisterWrapperstacks_in_2646 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2646 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2646 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2646 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2646, #volumeBtnstacks_in_2646 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2646 { display: inline-block; } #volumeControlsstacks_in_2646 { 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_2646 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2646 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2646 [class^="fa fa-"], #volume-fullstacks_in_2646 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2646 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2646 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2646 .ui-slider-range { background: rgba(75, 179, 135, 1.00); border-radius: 5px; outline: none; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } #volumestacks_in_2646 .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; } } /* @end */ /* @group Progress Bar */ #progressBarstacks_in_2646 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2646 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2646 #progressstacks_in_2646 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2646 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2646 { float: right; font-size: 14px; 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_2646 { visibility: hidden; } #durationstacks_in_2646.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2646 { background-color: rgba(255, 255, 255, 1.00); list-style-type: none; margin: 0; padding: 0px; position: relative; z-index: 1; 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_2646 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2646 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2646 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2646 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2646 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: 18px; height: 45px; line-height: 45px; cursor: pointer; transition: color 300ms ease-in-out, background 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out background 300ms ease-in-out; -moz-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_2646 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2646 li.active-playlistitem, #playlisterPlayliststacks_in_2646 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2646 li { padding-left: 0; } #playlisterPlayliststacks_in_2646 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2646 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2646, .no-audio #playlisterPlayliststacks_in_2646 { display: none; } #playlisterNoAudiostacks_in_2646 { display: none; } .no-audio #playlisterNoAudiostacks_in_2646 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2646 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2646 #shufflestacks_in_2646 { display: none; } #playlisterWrapperstacks_in_2646 #playlistTogglestacks_in_2646 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2646 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2646 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */