/* * com.bwd.lib.sectionspro */ .sections-stack.s-pro.eq-height,.sections-stack.s-pro.eq-height>.shear-wrapper{margin-top:0!important}.sections-stack.s-pro.top-margin-none{margin-top:0}.sections-stack.s-pro.bot-margin-none{margin-bottom:0}.sections-stack.s-pro .inner-content{position:relative}.sections-stack.s-pro .content-wrapper.fill-content{height:100%}.sections-stack.s-pro .content-wrapper>.content{margin:0;padding:0}.sections-stack.s-pro .shear-inner::before,.sections-stack.s-pro .shear-inner::after{-webkit-box-sizing:border-box!important;box-sizing:border-box!important;pointer-events:none!important;position:absolute;top:0;height:100%;left:0;width:100%;content:""}.sections-stack.s-pro.allow-pull-out>.shear-wrapper>.shear-inner.full-height,.sections-stack.s-pro.allow-pull-out>.shear-wrapper>.shear-inner>.inner-content.v-center,.sections-stack.s-pro.allow-pull-out>.shear-wrapper>.shear-inner.fixed-height>.inner-content{overflow:visible!important} .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} .com_bigwhiteduck_stacks_FoundationButtonPlus2_stack{position:relative}.b-p.icon-only{-webkit-box-sizing:content-box!important;box-sizing:content-box!important}.bp-wrap.bp-txt-left>.b-p:not(.icon-only){text-align:left!important}.bp-wrap.bp-txt-center>.b-p:not(.icon-only){text-align:center!important}.bp-wrap.bp-txt-right>.b-p:not(.icon-only){text-align:right!important}.bp-wrap.noclick-active>.b-p.active{pointer-events:none!important} .bp-wrap.inline-wrap{display:inline-block} .infix{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;outline:none !important;overflow:hidden}.infix.infix-section{z-index:999}.infix *{-webkit-box-sizing:border-box;box-sizing:border-box}.infix-wrap{z-index:9990;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.infix.infix-body{position:fixed}.infix.no-nav > .infix-wrap > .infix-nav{display:none}.infix.infix-body .infix-wrap{position:fixed}.infix.infix-section{position:absolute}.infix.infix-section .infix-wrap{position:absolute}.infix-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle}.splb-loader{z-index:99999;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .6s ease;transition:opacity .6s ease}.infix-loading .splb-loader{opacity:1}.infix-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.infix.stacks-v-top .infix-container{vertical-align:top}.infix.stacks-v-bottom .infix-container{vertical-align:bottom}.infix.infix-section .infix-container{position:static}.infix.infix-section.infix-inline .infix-container{position:static}.infix-content{z-index:9993;width:100%}.infix-content::after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;z-index:-1}.infix-body .infix-close{position:fixed}.infix-body.infix-inline .infix-container{width:96%;max-width:1000px}.infix-body.cross-overlay .infix-close{position:fixed}.infix-body.cross-inside .infix-close{position:absolute}.infix-section .infix-close{position:absolute}.infix-closed:not(.infix-closing){z-index:-99 !important;height:0 !important}.infix-close{display:none;cursor:pointer;text-decoration:none;text-align:center;font-style:normal;border:0;-webkit-appearance:none;outline:none;background:none;-webkit-box-shadow:none;box-shadow:none}.infix-close,[data-infix-next],[data-infix-prev]{cursor:pointer}.infix-close.icon-tr{right:0;top:0}.infix-close.icon-tl{left:0;top:0}.infix-close.icon-br{right:0;bottom:0}.infix-close.icon-bl{left:0;bottom:0}.infix-close::-moz-focus-inner{border:0;padding:0}.infix-img{max-width:100%;margin:0 auto;display:block;line-height:0;border:0}.infix-section.size-target.infix-image .infix-img[style],.infix-section.size-native.infix-image .infix-img[style]{max-height:none !important}.infix.infix-section.size-native{overflow:visible}.infix.infix-section.size-native,.infix.infix-section.size-native > .infix-wrap,.infix.infix-section.size-native > .infix-wrap > .infix-container{position:relative;width:100%}.infix.infix-section.size-native.infix-closing{display:none !important}.infix.size-native > .infix-wrap > .infix-container > .infix-content > .splb{max-height:none !important}.infix-iframe .infix-container{width:100%}.infix-body.infix-iframe .infix-container{max-width:1000px}.infix-section.infix-iframe.full-frame .infix-container{max-width:100%}.infix-section.infix-iframe.auto-size-section .infix-iframe-container{max-height:none !important}.size-target:not(.lightbox-open)[style]{max-height:initial !important;min-height:initial !important}.infix-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.infix-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%}.infix-htmlvideo video{position:absolute;top:0px;width:100%}.infix-instagram .infix-content{margin:0 auto;width:100%}.infix-instagram .infix-content .infix-iframe-container{padding-top:113.0719%}.infix-error{text-align:center}.infix-err-txt{color:black;background-color:rgba(255,255,255,0.4);padding:3px 6px}.spl-lightbox,.spl-lightbox::before,.spl-lightbox::after{display:none}.limelight-launcher{cursor:pointer}.limelight-launcher:not(.allowclicks) *{pointer-events:none}.ll-count{display:none} .sections-stack .content.preload-content{opacity:0}html.no-js .sections-stack .content.preload-content{opacity:1} :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); } #stacks_in_1414>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1414>.s-pro>.sections-layer{display:none} #stacks_in_1414>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1414>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1428{text-align:center} #stacks_in_1428 .button.b-p,#stacks_in_1428 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1428>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1428>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1428 .button.b-p.expand-large:not(.icon-only),#stacks_in_1428>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1414>.s-pro.animate-stacks_in_1416>.shear-wrapper>.shear-inner,#stacks_in_1414>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1414>.s-pro.animate-stacks_in_1416>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1414>.s-pro.animate-stacks_in_1416>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1414>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1414>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1414>.s-pro.animate-stacks_in_1416>.shear-wrapper>.shear-inner::before,#stacks_in_1414>.s-pro.animate-stacks_in_1416>.shear-wrapper>.shear-inner::after,#stacks_in_1414>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1414>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1414>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1414>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1414>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1414>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1414>.s-pro.animate-stacks_in_1416 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1414>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1414>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1414>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_2494>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_2494>.s-pro>.sections-layer{display:none} #stacks_in_2494>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_2494>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_2498{text-align:center} #stacks_in_2498 .button.b-p,#stacks_in_2498 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_2498>.button.b-p.expand-mob:not(.icon-only),#stacks_in_2498>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_2498 .button.b-p.expand-large:not(.icon-only),#stacks_in_2498>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_2494>.s-pro.animate-stacks_in_2496>.shear-wrapper>.shear-inner,#stacks_in_2494>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_2494>.s-pro.animate-stacks_in_2496>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_2494>.s-pro.animate-stacks_in_2496>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_2494>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_2494>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_2494>.s-pro.animate-stacks_in_2496>.shear-wrapper>.shear-inner::before,#stacks_in_2494>.s-pro.animate-stacks_in_2496>.shear-wrapper>.shear-inner::after,#stacks_in_2494>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_2494>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_2494>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_2494>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_2494>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_2494>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_2494>.s-pro.animate-stacks_in_2496 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_2494>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_2494>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_2494>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1436>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1436>.s-pro>.sections-layer{display:none} #stacks_in_1436>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1436>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1440{text-align:center} #stacks_in_1440 .button.b-p,#stacks_in_1440 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1440>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1440>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1440 .button.b-p.expand-large:not(.icon-only),#stacks_in_1440>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1436>.s-pro.animate-stacks_in_1438>.shear-wrapper>.shear-inner,#stacks_in_1436>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1436>.s-pro.animate-stacks_in_1438>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1436>.s-pro.animate-stacks_in_1438>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1436>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1436>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1436>.s-pro.animate-stacks_in_1438>.shear-wrapper>.shear-inner::before,#stacks_in_1436>.s-pro.animate-stacks_in_1438>.shear-wrapper>.shear-inner::after,#stacks_in_1436>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1436>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1436>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1436>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1436>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1436>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1436>.s-pro.animate-stacks_in_1438 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1436>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1436>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1436>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1404>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1404>.s-pro>.sections-layer{display:none} #stacks_in_1404>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1404>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1408{text-align:center} #stacks_in_1408 .button.b-p,#stacks_in_1408 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1408>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1408>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1408 .button.b-p.expand-large:not(.icon-only),#stacks_in_1408>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1404>.s-pro.animate-stacks_in_1406>.shear-wrapper>.shear-inner,#stacks_in_1404>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1404>.s-pro.animate-stacks_in_1406>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1404>.s-pro.animate-stacks_in_1406>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1404>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1404>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1404>.s-pro.animate-stacks_in_1406>.shear-wrapper>.shear-inner::before,#stacks_in_1404>.s-pro.animate-stacks_in_1406>.shear-wrapper>.shear-inner::after,#stacks_in_1404>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1404>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1404>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1404>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1404>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1404>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1404>.s-pro.animate-stacks_in_1406 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1404>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1404>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1404>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1394>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1394>.s-pro>.sections-layer{display:none} #stacks_in_1394>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1394>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1398{text-align:center} #stacks_in_1398 .button.b-p,#stacks_in_1398 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1398>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1398>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1398 .button.b-p.expand-large:not(.icon-only),#stacks_in_1398>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1394>.s-pro.animate-stacks_in_1396>.shear-wrapper>.shear-inner,#stacks_in_1394>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1394>.s-pro.animate-stacks_in_1396>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1394>.s-pro.animate-stacks_in_1396>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1394>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1394>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1394>.s-pro.animate-stacks_in_1396>.shear-wrapper>.shear-inner::before,#stacks_in_1394>.s-pro.animate-stacks_in_1396>.shear-wrapper>.shear-inner::after,#stacks_in_1394>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1394>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1394>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1394>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1394>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1394>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1394>.s-pro.animate-stacks_in_1396 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1394>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1394>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1394>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1384>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1384>.s-pro>.sections-layer{display:none} #stacks_in_1384>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1384>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1388{text-align:center} #stacks_in_1388 .button.b-p,#stacks_in_1388 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1388>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1388>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1388 .button.b-p.expand-large:not(.icon-only),#stacks_in_1388>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1384>.s-pro.animate-stacks_in_1386>.shear-wrapper>.shear-inner,#stacks_in_1384>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1384>.s-pro.animate-stacks_in_1386>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1384>.s-pro.animate-stacks_in_1386>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1384>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1384>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1384>.s-pro.animate-stacks_in_1386>.shear-wrapper>.shear-inner::before,#stacks_in_1384>.s-pro.animate-stacks_in_1386>.shear-wrapper>.shear-inner::after,#stacks_in_1384>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1384>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1384>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1384>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1384>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1384>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1384>.s-pro.animate-stacks_in_1386 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1384>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1384>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1384>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1374>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1374>.s-pro>.sections-layer{display:none} #stacks_in_1374>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1374>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1378{text-align:center} #stacks_in_1378 .button.b-p,#stacks_in_1378 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1378>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1378>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1378 .button.b-p.expand-large:not(.icon-only),#stacks_in_1378>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1374>.s-pro.animate-stacks_in_1376>.shear-wrapper>.shear-inner,#stacks_in_1374>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1374>.s-pro.animate-stacks_in_1376>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1374>.s-pro.animate-stacks_in_1376>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1374>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1374>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1374>.s-pro.animate-stacks_in_1376>.shear-wrapper>.shear-inner::before,#stacks_in_1374>.s-pro.animate-stacks_in_1376>.shear-wrapper>.shear-inner::after,#stacks_in_1374>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1374>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1374>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1374>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1374>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1374>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1374>.s-pro.animate-stacks_in_1376 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1374>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1374>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1374>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1364>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1364>.s-pro>.sections-layer{display:none} #stacks_in_1364>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1364>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1368{text-align:center} #stacks_in_1368 .button.b-p,#stacks_in_1368 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1368>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1368>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1368 .button.b-p.expand-large:not(.icon-only),#stacks_in_1368>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1364>.s-pro.animate-stacks_in_1366>.shear-wrapper>.shear-inner,#stacks_in_1364>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1364>.s-pro.animate-stacks_in_1366>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1364>.s-pro.animate-stacks_in_1366>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1364>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1364>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1364>.s-pro.animate-stacks_in_1366>.shear-wrapper>.shear-inner::before,#stacks_in_1364>.s-pro.animate-stacks_in_1366>.shear-wrapper>.shear-inner::after,#stacks_in_1364>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1364>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1364>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1364>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1364>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1364>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1364>.s-pro.animate-stacks_in_1366 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1364>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1364>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1364>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1354>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1354>.s-pro>.sections-layer{display:none} #stacks_in_1354>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1354>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1358{text-align:center} #stacks_in_1358 .button.b-p,#stacks_in_1358 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1358>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1358>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1358 .button.b-p.expand-large:not(.icon-only),#stacks_in_1358>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1354>.s-pro.animate-stacks_in_1356>.shear-wrapper>.shear-inner,#stacks_in_1354>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1354>.s-pro.animate-stacks_in_1356>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1354>.s-pro.animate-stacks_in_1356>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1354>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1354>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1354>.s-pro.animate-stacks_in_1356>.shear-wrapper>.shear-inner::before,#stacks_in_1354>.s-pro.animate-stacks_in_1356>.shear-wrapper>.shear-inner::after,#stacks_in_1354>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1354>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1354>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1354>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1354>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1354>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1354>.s-pro.animate-stacks_in_1356 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1354>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1354>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1354>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1444>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1444>.s-pro>.sections-layer{display:none} #stacks_in_1444>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1444>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1638{text-align:center} #stacks_in_1638 .button.b-p,#stacks_in_1638 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1638>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1638>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1638 .button.b-p.expand-large:not(.icon-only),#stacks_in_1638>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1444>.s-pro.animate-stacks_in_1446>.shear-wrapper>.shear-inner,#stacks_in_1444>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1444>.s-pro.animate-stacks_in_1446>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1444>.s-pro.animate-stacks_in_1446>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1444>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1444>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1444>.s-pro.animate-stacks_in_1446>.shear-wrapper>.shear-inner::before,#stacks_in_1444>.s-pro.animate-stacks_in_1446>.shear-wrapper>.shear-inner::after,#stacks_in_1444>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1444>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1444>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1444>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1444>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1444>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1444>.s-pro.animate-stacks_in_1446 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1444>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1444>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1444>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1452>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1452>.s-pro>.sections-layer{display:none} #stacks_in_1452>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1452>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1640{text-align:center} #stacks_in_1640 .button.b-p,#stacks_in_1640 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1640>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1640>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1640 .button.b-p.expand-large:not(.icon-only),#stacks_in_1640>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1452>.s-pro.animate-stacks_in_1454>.shear-wrapper>.shear-inner,#stacks_in_1452>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1452>.s-pro.animate-stacks_in_1454>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1452>.s-pro.animate-stacks_in_1454>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1452>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1452>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1452>.s-pro.animate-stacks_in_1454>.shear-wrapper>.shear-inner::before,#stacks_in_1452>.s-pro.animate-stacks_in_1454>.shear-wrapper>.shear-inner::after,#stacks_in_1452>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1452>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1452>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1452>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1452>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1452>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1452>.s-pro.animate-stacks_in_1454 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1452>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1452>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1452>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1458>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1458>.s-pro>.sections-layer{display:none} #stacks_in_1458>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1458>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1642{text-align:center} #stacks_in_1642 .button.b-p,#stacks_in_1642 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1642>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1642>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1642 .button.b-p.expand-large:not(.icon-only),#stacks_in_1642>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1458>.s-pro.animate-stacks_in_1460>.shear-wrapper>.shear-inner,#stacks_in_1458>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1458>.s-pro.animate-stacks_in_1460>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1458>.s-pro.animate-stacks_in_1460>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1458>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1458>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1458>.s-pro.animate-stacks_in_1460>.shear-wrapper>.shear-inner::before,#stacks_in_1458>.s-pro.animate-stacks_in_1460>.shear-wrapper>.shear-inner::after,#stacks_in_1458>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1458>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1458>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1458>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1458>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1458>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1458>.s-pro.animate-stacks_in_1460 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1458>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1458>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1458>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1464>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1464>.s-pro>.sections-layer{display:none} #stacks_in_1464>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1464>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1644{text-align:center} #stacks_in_1644 .button.b-p,#stacks_in_1644 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1644>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1644>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1644 .button.b-p.expand-large:not(.icon-only),#stacks_in_1644>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1464>.s-pro.animate-stacks_in_1466>.shear-wrapper>.shear-inner,#stacks_in_1464>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1464>.s-pro.animate-stacks_in_1466>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1464>.s-pro.animate-stacks_in_1466>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1464>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1464>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1464>.s-pro.animate-stacks_in_1466>.shear-wrapper>.shear-inner::before,#stacks_in_1464>.s-pro.animate-stacks_in_1466>.shear-wrapper>.shear-inner::after,#stacks_in_1464>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1464>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1464>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1464>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1464>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1464>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1464>.s-pro.animate-stacks_in_1466 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1464>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1464>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1464>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1470>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1470>.s-pro>.sections-layer{display:none} #stacks_in_1470>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1470>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1646{text-align:center} #stacks_in_1646 .button.b-p,#stacks_in_1646 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1646>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1646>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1646 .button.b-p.expand-large:not(.icon-only),#stacks_in_1646>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1470>.s-pro.animate-stacks_in_1472>.shear-wrapper>.shear-inner,#stacks_in_1470>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1470>.s-pro.animate-stacks_in_1472>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1470>.s-pro.animate-stacks_in_1472>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1470>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1470>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1470>.s-pro.animate-stacks_in_1472>.shear-wrapper>.shear-inner::before,#stacks_in_1470>.s-pro.animate-stacks_in_1472>.shear-wrapper>.shear-inner::after,#stacks_in_1470>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1470>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1470>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1470>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1470>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1470>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1470>.s-pro.animate-stacks_in_1472 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1470>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1470>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1470>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1476>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1476>.s-pro>.sections-layer{display:none} #stacks_in_1476>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1476>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1648{text-align:center} #stacks_in_1648 .button.b-p,#stacks_in_1648 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1648>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1648>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1648 .button.b-p.expand-large:not(.icon-only),#stacks_in_1648>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1476>.s-pro.animate-stacks_in_1478>.shear-wrapper>.shear-inner,#stacks_in_1476>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1476>.s-pro.animate-stacks_in_1478>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1476>.s-pro.animate-stacks_in_1478>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1476>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1476>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1476>.s-pro.animate-stacks_in_1478>.shear-wrapper>.shear-inner::before,#stacks_in_1476>.s-pro.animate-stacks_in_1478>.shear-wrapper>.shear-inner::after,#stacks_in_1476>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1476>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1476>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1476>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1476>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1476>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1476>.s-pro.animate-stacks_in_1478 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1476>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1476>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1476>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1482>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1482>.s-pro>.sections-layer{display:none} #stacks_in_1482>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1482>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1650{text-align:center} #stacks_in_1650 .button.b-p,#stacks_in_1650 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1650>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1650>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1650 .button.b-p.expand-large:not(.icon-only),#stacks_in_1650>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1482>.s-pro.animate-stacks_in_1484>.shear-wrapper>.shear-inner,#stacks_in_1482>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1482>.s-pro.animate-stacks_in_1484>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1482>.s-pro.animate-stacks_in_1484>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1482>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1482>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1482>.s-pro.animate-stacks_in_1484>.shear-wrapper>.shear-inner::before,#stacks_in_1482>.s-pro.animate-stacks_in_1484>.shear-wrapper>.shear-inner::after,#stacks_in_1482>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1482>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1482>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1482>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1482>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1482>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1482>.s-pro.animate-stacks_in_1484 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1482>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1482>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1482>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1488>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1488>.s-pro>.sections-layer{display:none} #stacks_in_1488>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1488>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1652{text-align:center} #stacks_in_1652 .button.b-p,#stacks_in_1652 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1652>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1652>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1652 .button.b-p.expand-large:not(.icon-only),#stacks_in_1652>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1652 .button.b-p.custom{border:0px solid rgba(179, 179, 177, 1.00)}#stacks_in_1652 .button.b-p.custom:hover{border:0px solid rgba(179, 179, 177, 1.00)} #stacks_in_1652 .button.b-p{color:rgba(255, 255, 255, 1.00);background-color:rgba(221, 3, 33, 1.00)}#stacks_in_1652 .button.b-p:not(.d-hov){-webkit-transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;-webkit-transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease} #stacks_in_1652 .button.b-p:not(.bp-hover):hover{color:rgba(255, 255, 255, 0.90)!important; background-color:rgba(0, 222, 0, 1.00);} #stacks_in_1488>.s-pro.animate-stacks_in_1490>.shear-wrapper>.shear-inner,#stacks_in_1488>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1488>.s-pro.animate-stacks_in_1490>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1488>.s-pro.animate-stacks_in_1490>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1488>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1488>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1488>.s-pro.animate-stacks_in_1490>.shear-wrapper>.shear-inner::before,#stacks_in_1488>.s-pro.animate-stacks_in_1490>.shear-wrapper>.shear-inner::after,#stacks_in_1488>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1488>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1488>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1488>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1488>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1488>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1488>.s-pro.animate-stacks_in_1490 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1488>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1488>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1488>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1494>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1494>.s-pro>.sections-layer{display:none} #stacks_in_1494>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1494>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1654{text-align:center} #stacks_in_1654 .button.b-p,#stacks_in_1654 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1654>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1654>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1654 .button.b-p.expand-large:not(.icon-only),#stacks_in_1654>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1494>.s-pro.animate-stacks_in_1496>.shear-wrapper>.shear-inner,#stacks_in_1494>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1494>.s-pro.animate-stacks_in_1496>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1494>.s-pro.animate-stacks_in_1496>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1494>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1494>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1494>.s-pro.animate-stacks_in_1496>.shear-wrapper>.shear-inner::before,#stacks_in_1494>.s-pro.animate-stacks_in_1496>.shear-wrapper>.shear-inner::after,#stacks_in_1494>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1494>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1494>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1494>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1494>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1494>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1494>.s-pro.animate-stacks_in_1496 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1494>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1494>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1494>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1500>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1500>.s-pro>.sections-layer{display:none} #stacks_in_1500>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1500>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1656{text-align:center} #stacks_in_1656 .button.b-p,#stacks_in_1656 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1656>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1656>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1656 .button.b-p.expand-large:not(.icon-only),#stacks_in_1656>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1500>.s-pro.animate-stacks_in_1502>.shear-wrapper>.shear-inner,#stacks_in_1500>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1500>.s-pro.animate-stacks_in_1502>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1500>.s-pro.animate-stacks_in_1502>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1500>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1500>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1500>.s-pro.animate-stacks_in_1502>.shear-wrapper>.shear-inner::before,#stacks_in_1500>.s-pro.animate-stacks_in_1502>.shear-wrapper>.shear-inner::after,#stacks_in_1500>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1500>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1500>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1500>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1500>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1500>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1500>.s-pro.animate-stacks_in_1502 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1500>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1500>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1500>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1506>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1506>.s-pro>.sections-layer{display:none} #stacks_in_1506>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1506>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1658{text-align:center} #stacks_in_1658 .button.b-p,#stacks_in_1658 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1658>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1658>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1658 .button.b-p.expand-large:not(.icon-only),#stacks_in_1658>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1506>.s-pro.animate-stacks_in_1508>.shear-wrapper>.shear-inner,#stacks_in_1506>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1506>.s-pro.animate-stacks_in_1508>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1506>.s-pro.animate-stacks_in_1508>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1506>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1506>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1506>.s-pro.animate-stacks_in_1508>.shear-wrapper>.shear-inner::before,#stacks_in_1506>.s-pro.animate-stacks_in_1508>.shear-wrapper>.shear-inner::after,#stacks_in_1506>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1506>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1506>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1506>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1506>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1506>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1506>.s-pro.animate-stacks_in_1508 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1506>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1506>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1506>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1513>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1513>.s-pro>.sections-layer{display:none} #stacks_in_1513>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1513>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1660{text-align:center} #stacks_in_1660 .button.b-p,#stacks_in_1660 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1660>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1660>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1660 .button.b-p.expand-large:not(.icon-only),#stacks_in_1660>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1660 .button.b-p.custom{border:0px solid rgba(179, 179, 177, 1.00)}#stacks_in_1660 .button.b-p.custom:hover{border:0px solid rgba(179, 179, 177, 1.00)} #stacks_in_1660 .button.b-p{color:rgba(255, 255, 255, 1.00);background-color:rgba(210, 0, 26, 1.00)}#stacks_in_1660 .button.b-p:not(.d-hov){-webkit-transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;-webkit-transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease} #stacks_in_1660 .button.b-p:not(.bp-hover):hover{color:rgba(255, 255, 255, 0.90)!important; background-color:rgba(0, 222, 0, 1.00);} #stacks_in_1513>.s-pro.animate-stacks_in_1515>.shear-wrapper>.shear-inner,#stacks_in_1513>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1513>.s-pro.animate-stacks_in_1515>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1513>.s-pro.animate-stacks_in_1515>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1513>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1513>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1513>.s-pro.animate-stacks_in_1515>.shear-wrapper>.shear-inner::before,#stacks_in_1513>.s-pro.animate-stacks_in_1515>.shear-wrapper>.shear-inner::after,#stacks_in_1513>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1513>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1513>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1513>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1513>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1513>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1513>.s-pro.animate-stacks_in_1515 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1513>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1513>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1513>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1519>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1519>.s-pro>.sections-layer{display:none} #stacks_in_1519>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1519>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1662{text-align:center} #stacks_in_1662 .button.b-p,#stacks_in_1662 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1662>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1662>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1662 .button.b-p.expand-large:not(.icon-only),#stacks_in_1662>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1519>.s-pro.animate-stacks_in_1521>.shear-wrapper>.shear-inner,#stacks_in_1519>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1519>.s-pro.animate-stacks_in_1521>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1519>.s-pro.animate-stacks_in_1521>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1519>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1519>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1519>.s-pro.animate-stacks_in_1521>.shear-wrapper>.shear-inner::before,#stacks_in_1519>.s-pro.animate-stacks_in_1521>.shear-wrapper>.shear-inner::after,#stacks_in_1519>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1519>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1519>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1519>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1519>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1519>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1519>.s-pro.animate-stacks_in_1521 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1519>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1519>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1519>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1525>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1525>.s-pro>.sections-layer{display:none} #stacks_in_1525>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1525>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1664{text-align:center} #stacks_in_1664 .button.b-p,#stacks_in_1664 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1664>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1664>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1664 .button.b-p.expand-large:not(.icon-only),#stacks_in_1664>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1664 .button.b-p.custom{border:0px solid rgba(179, 179, 177, 1.00)}#stacks_in_1664 .button.b-p.custom:hover{border:0px solid rgba(179, 179, 177, 1.00)} #stacks_in_1664 .button.b-p{color:rgba(255, 255, 255, 1.00);background-color:rgba(210, 0, 26, 1.00)}#stacks_in_1664 .button.b-p:not(.d-hov){-webkit-transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;-webkit-transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease} #stacks_in_1664 .button.b-p:not(.bp-hover):hover{color:rgba(255, 255, 255, 0.90)!important; background-color:rgba(0, 222, 0, 1.00);} #stacks_in_1525>.s-pro.animate-stacks_in_1527>.shear-wrapper>.shear-inner,#stacks_in_1525>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1525>.s-pro.animate-stacks_in_1527>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1525>.s-pro.animate-stacks_in_1527>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1525>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1525>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1525>.s-pro.animate-stacks_in_1527>.shear-wrapper>.shear-inner::before,#stacks_in_1525>.s-pro.animate-stacks_in_1527>.shear-wrapper>.shear-inner::after,#stacks_in_1525>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1525>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1525>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1525>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1525>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1525>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1525>.s-pro.animate-stacks_in_1527 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1525>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1525>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1525>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1531>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1531>.s-pro>.sections-layer{display:none} #stacks_in_1531>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1531>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1666{text-align:center} #stacks_in_1666 .button.b-p,#stacks_in_1666 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1666>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1666>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1666 .button.b-p.expand-large:not(.icon-only),#stacks_in_1666>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1531>.s-pro.animate-stacks_in_1533>.shear-wrapper>.shear-inner,#stacks_in_1531>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1531>.s-pro.animate-stacks_in_1533>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1531>.s-pro.animate-stacks_in_1533>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1531>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1531>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1531>.s-pro.animate-stacks_in_1533>.shear-wrapper>.shear-inner::before,#stacks_in_1531>.s-pro.animate-stacks_in_1533>.shear-wrapper>.shear-inner::after,#stacks_in_1531>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1531>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1531>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1531>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1531>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1531>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1531>.s-pro.animate-stacks_in_1533 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1531>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1531>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1531>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1537>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1537>.s-pro>.sections-layer{display:none} #stacks_in_1537>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1537>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1668{text-align:center} #stacks_in_1668 .button.b-p,#stacks_in_1668 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1668>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1668>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1668 .button.b-p.expand-large:not(.icon-only),#stacks_in_1668>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1668 .button.b-p.custom{border:0px solid rgba(179, 179, 177, 1.00)}#stacks_in_1668 .button.b-p.custom:hover{border:0px solid rgba(179, 179, 177, 1.00)} #stacks_in_1668 .button.b-p{color:rgba(255, 255, 255, 1.00);background-color:rgba(221, 3, 33, 1.00)}#stacks_in_1668 .button.b-p:not(.d-hov){-webkit-transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;-webkit-transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease} #stacks_in_1668 .button.b-p:not(.bp-hover):hover{color:rgba(255, 255, 255, 0.90)!important; background-color:rgba(0, 222, 0, 1.00);} #stacks_in_1537>.s-pro.animate-stacks_in_1539>.shear-wrapper>.shear-inner,#stacks_in_1537>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1537>.s-pro.animate-stacks_in_1539>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1537>.s-pro.animate-stacks_in_1539>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1537>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1537>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1537>.s-pro.animate-stacks_in_1539>.shear-wrapper>.shear-inner::before,#stacks_in_1537>.s-pro.animate-stacks_in_1539>.shear-wrapper>.shear-inner::after,#stacks_in_1537>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1537>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1537>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1537>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1537>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1537>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1537>.s-pro.animate-stacks_in_1539 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1537>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1537>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1537>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1543>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1543>.s-pro>.sections-layer{display:none} #stacks_in_1543>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1543>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1670{text-align:center} #stacks_in_1670 .button.b-p,#stacks_in_1670 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1670>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1670>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1670 .button.b-p.expand-large:not(.icon-only),#stacks_in_1670>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1543>.s-pro.animate-stacks_in_1545>.shear-wrapper>.shear-inner,#stacks_in_1543>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1543>.s-pro.animate-stacks_in_1545>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1543>.s-pro.animate-stacks_in_1545>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1543>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1543>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1543>.s-pro.animate-stacks_in_1545>.shear-wrapper>.shear-inner::before,#stacks_in_1543>.s-pro.animate-stacks_in_1545>.shear-wrapper>.shear-inner::after,#stacks_in_1543>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1543>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1543>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1543>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1543>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1543>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1543>.s-pro.animate-stacks_in_1545 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1543>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1543>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1543>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1549>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1549>.s-pro>.sections-layer{display:none} #stacks_in_1549>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1549>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1672{text-align:center} #stacks_in_1672 .button.b-p,#stacks_in_1672 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1672>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1672>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1672 .button.b-p.expand-large:not(.icon-only),#stacks_in_1672>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1549>.s-pro.animate-stacks_in_1551>.shear-wrapper>.shear-inner,#stacks_in_1549>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1549>.s-pro.animate-stacks_in_1551>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1549>.s-pro.animate-stacks_in_1551>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1549>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1549>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1549>.s-pro.animate-stacks_in_1551>.shear-wrapper>.shear-inner::before,#stacks_in_1549>.s-pro.animate-stacks_in_1551>.shear-wrapper>.shear-inner::after,#stacks_in_1549>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1549>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1549>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1549>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1549>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1549>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1549>.s-pro.animate-stacks_in_1551 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1549>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1549>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1549>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1555>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1555>.s-pro>.sections-layer{display:none} #stacks_in_1555>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1555>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1674{text-align:center} #stacks_in_1674 .button.b-p,#stacks_in_1674 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1674>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1674>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1674 .button.b-p.expand-large:not(.icon-only),#stacks_in_1674>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1555>.s-pro.animate-stacks_in_1557>.shear-wrapper>.shear-inner,#stacks_in_1555>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1555>.s-pro.animate-stacks_in_1557>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1555>.s-pro.animate-stacks_in_1557>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1555>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1555>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1555>.s-pro.animate-stacks_in_1557>.shear-wrapper>.shear-inner::before,#stacks_in_1555>.s-pro.animate-stacks_in_1557>.shear-wrapper>.shear-inner::after,#stacks_in_1555>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1555>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1555>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1555>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1555>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1555>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1555>.s-pro.animate-stacks_in_1557 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1555>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1555>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1555>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1561>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1561>.s-pro>.sections-layer{display:none} #stacks_in_1561>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1561>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1676{text-align:center} #stacks_in_1676 .button.b-p,#stacks_in_1676 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1676>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1676>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1676 .button.b-p.expand-large:not(.icon-only),#stacks_in_1676>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1561>.s-pro.animate-stacks_in_1563>.shear-wrapper>.shear-inner,#stacks_in_1561>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1561>.s-pro.animate-stacks_in_1563>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1561>.s-pro.animate-stacks_in_1563>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1561>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1561>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1561>.s-pro.animate-stacks_in_1563>.shear-wrapper>.shear-inner::before,#stacks_in_1561>.s-pro.animate-stacks_in_1563>.shear-wrapper>.shear-inner::after,#stacks_in_1561>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1561>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1561>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1561>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1561>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1561>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1561>.s-pro.animate-stacks_in_1563 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1561>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1561>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1561>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1567>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1567>.s-pro>.sections-layer{display:none} #stacks_in_1567>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1567>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1678{text-align:center} #stacks_in_1678 .button.b-p,#stacks_in_1678 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1678>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1678>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1678 .button.b-p.expand-large:not(.icon-only),#stacks_in_1678>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1567>.s-pro.animate-stacks_in_1569>.shear-wrapper>.shear-inner,#stacks_in_1567>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1567>.s-pro.animate-stacks_in_1569>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1567>.s-pro.animate-stacks_in_1569>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1567>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1567>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1567>.s-pro.animate-stacks_in_1569>.shear-wrapper>.shear-inner::before,#stacks_in_1567>.s-pro.animate-stacks_in_1569>.shear-wrapper>.shear-inner::after,#stacks_in_1567>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1567>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1567>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1567>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1567>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1567>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1567>.s-pro.animate-stacks_in_1569 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1567>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1567>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1567>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1573>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1573>.s-pro>.sections-layer{display:none} #stacks_in_1573>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1573>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1680{text-align:center} #stacks_in_1680 .button.b-p,#stacks_in_1680 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1680>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1680>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1680 .button.b-p.expand-large:not(.icon-only),#stacks_in_1680>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1680 .button.b-p.custom{border:0px solid rgba(179, 179, 177, 1.00)}#stacks_in_1680 .button.b-p.custom:hover{border:0px solid rgba(179, 179, 177, 1.00)} #stacks_in_1680 .button.b-p{color:rgba(255, 255, 255, 1.00);background-color:rgba(221, 3, 33, 1.00)}#stacks_in_1680 .button.b-p:not(.d-hov){-webkit-transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;-webkit-transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease} #stacks_in_1680 .button.b-p:not(.bp-hover):hover{color:rgba(255, 255, 255, 0.90)!important; background-color:rgba(0, 222, 0, 1.00);} #stacks_in_1573>.s-pro.animate-stacks_in_1575>.shear-wrapper>.shear-inner,#stacks_in_1573>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1573>.s-pro.animate-stacks_in_1575>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1573>.s-pro.animate-stacks_in_1575>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1573>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1573>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1573>.s-pro.animate-stacks_in_1575>.shear-wrapper>.shear-inner::before,#stacks_in_1573>.s-pro.animate-stacks_in_1575>.shear-wrapper>.shear-inner::after,#stacks_in_1573>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1573>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1573>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1573>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1573>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1573>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1573>.s-pro.animate-stacks_in_1575 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1573>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1573>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1573>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1579>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1579>.s-pro>.sections-layer{display:none} #stacks_in_1579>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1579>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1682{text-align:center} #stacks_in_1682 .button.b-p,#stacks_in_1682 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1682>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1682>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1682 .button.b-p.expand-large:not(.icon-only),#stacks_in_1682>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1579>.s-pro.animate-stacks_in_1581>.shear-wrapper>.shear-inner,#stacks_in_1579>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1579>.s-pro.animate-stacks_in_1581>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1579>.s-pro.animate-stacks_in_1581>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1579>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1579>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1579>.s-pro.animate-stacks_in_1581>.shear-wrapper>.shear-inner::before,#stacks_in_1579>.s-pro.animate-stacks_in_1581>.shear-wrapper>.shear-inner::after,#stacks_in_1579>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1579>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1579>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1579>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1579>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1579>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1579>.s-pro.animate-stacks_in_1581 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1579>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1579>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1579>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1585>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1585>.s-pro>.sections-layer{display:none} #stacks_in_1585>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1585>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1684{text-align:center} #stacks_in_1684 .button.b-p,#stacks_in_1684 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1684>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1684>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1684 .button.b-p.expand-large:not(.icon-only),#stacks_in_1684>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1585>.s-pro.animate-stacks_in_1587>.shear-wrapper>.shear-inner,#stacks_in_1585>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1585>.s-pro.animate-stacks_in_1587>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1585>.s-pro.animate-stacks_in_1587>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1585>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1585>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1585>.s-pro.animate-stacks_in_1587>.shear-wrapper>.shear-inner::before,#stacks_in_1585>.s-pro.animate-stacks_in_1587>.shear-wrapper>.shear-inner::after,#stacks_in_1585>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1585>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1585>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1585>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1585>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1585>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1585>.s-pro.animate-stacks_in_1587 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1585>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1585>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1585>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1591>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1591>.s-pro>.sections-layer{display:none} #stacks_in_1591>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1591>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1686{text-align:center} #stacks_in_1686 .button.b-p,#stacks_in_1686 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1686>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1686>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1686 .button.b-p.expand-large:not(.icon-only),#stacks_in_1686>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1591>.s-pro.animate-stacks_in_1593>.shear-wrapper>.shear-inner,#stacks_in_1591>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1591>.s-pro.animate-stacks_in_1593>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1591>.s-pro.animate-stacks_in_1593>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1591>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1591>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1591>.s-pro.animate-stacks_in_1593>.shear-wrapper>.shear-inner::before,#stacks_in_1591>.s-pro.animate-stacks_in_1593>.shear-wrapper>.shear-inner::after,#stacks_in_1591>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1591>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1591>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1591>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1591>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1591>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1591>.s-pro.animate-stacks_in_1593 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1591>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1591>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1591>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1597>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1597>.s-pro>.sections-layer{display:none} #stacks_in_1597>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1597>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1688{text-align:center} #stacks_in_1688 .button.b-p,#stacks_in_1688 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1688>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1688>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1688 .button.b-p.expand-large:not(.icon-only),#stacks_in_1688>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1597>.s-pro.animate-stacks_in_1599>.shear-wrapper>.shear-inner,#stacks_in_1597>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1597>.s-pro.animate-stacks_in_1599>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1597>.s-pro.animate-stacks_in_1599>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1597>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1597>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1597>.s-pro.animate-stacks_in_1599>.shear-wrapper>.shear-inner::before,#stacks_in_1597>.s-pro.animate-stacks_in_1599>.shear-wrapper>.shear-inner::after,#stacks_in_1597>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1597>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1597>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1597>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1597>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1597>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1597>.s-pro.animate-stacks_in_1599 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1597>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1597>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1597>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1603>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1603>.s-pro>.sections-layer{display:none} #stacks_in_1603>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1603>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1690{text-align:center} #stacks_in_1690 .button.b-p,#stacks_in_1690 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1690>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1690>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1690 .button.b-p.expand-large:not(.icon-only),#stacks_in_1690>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1603>.s-pro.animate-stacks_in_1605>.shear-wrapper>.shear-inner,#stacks_in_1603>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1603>.s-pro.animate-stacks_in_1605>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1603>.s-pro.animate-stacks_in_1605>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1603>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1603>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1603>.s-pro.animate-stacks_in_1605>.shear-wrapper>.shear-inner::before,#stacks_in_1603>.s-pro.animate-stacks_in_1605>.shear-wrapper>.shear-inner::after,#stacks_in_1603>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1603>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1603>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1603>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1603>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1603>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1603>.s-pro.animate-stacks_in_1605 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1603>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1603>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1603>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1609>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1609>.s-pro>.sections-layer{display:none} #stacks_in_1609>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1609>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1692{text-align:center} #stacks_in_1692 .button.b-p,#stacks_in_1692 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1692>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1692>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1692 .button.b-p.expand-large:not(.icon-only),#stacks_in_1692>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1609>.s-pro.animate-stacks_in_1611>.shear-wrapper>.shear-inner,#stacks_in_1609>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1609>.s-pro.animate-stacks_in_1611>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1609>.s-pro.animate-stacks_in_1611>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1609>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1609>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1609>.s-pro.animate-stacks_in_1611>.shear-wrapper>.shear-inner::before,#stacks_in_1609>.s-pro.animate-stacks_in_1611>.shear-wrapper>.shear-inner::after,#stacks_in_1609>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1609>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1609>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1609>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1609>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1609>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1609>.s-pro.animate-stacks_in_1611 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1609>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1609>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1609>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1615>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1615>.s-pro>.sections-layer{display:none} #stacks_in_1615>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1615>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1694{text-align:center} #stacks_in_1694 .button.b-p,#stacks_in_1694 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1694>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1694>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1694 .button.b-p.expand-large:not(.icon-only),#stacks_in_1694>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1615>.s-pro.animate-stacks_in_1617>.shear-wrapper>.shear-inner,#stacks_in_1615>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1615>.s-pro.animate-stacks_in_1617>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1615>.s-pro.animate-stacks_in_1617>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1615>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1615>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1615>.s-pro.animate-stacks_in_1617>.shear-wrapper>.shear-inner::before,#stacks_in_1615>.s-pro.animate-stacks_in_1617>.shear-wrapper>.shear-inner::after,#stacks_in_1615>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1615>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1615>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1615>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1615>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1615>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1615>.s-pro.animate-stacks_in_1617 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1615>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1615>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1615>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1621>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1621>.s-pro>.sections-layer{display:none} #stacks_in_1621>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1621>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1696{text-align:center} #stacks_in_1696 .button.b-p,#stacks_in_1696 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1696>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1696>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1696 .button.b-p.expand-large:not(.icon-only),#stacks_in_1696>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1621>.s-pro.animate-stacks_in_1623>.shear-wrapper>.shear-inner,#stacks_in_1621>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1621>.s-pro.animate-stacks_in_1623>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1621>.s-pro.animate-stacks_in_1623>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1621>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1621>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1621>.s-pro.animate-stacks_in_1623>.shear-wrapper>.shear-inner::before,#stacks_in_1621>.s-pro.animate-stacks_in_1623>.shear-wrapper>.shear-inner::after,#stacks_in_1621>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1621>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1621>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1621>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1621>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1621>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1621>.s-pro.animate-stacks_in_1623 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1621>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1621>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1621>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1627>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1627>.s-pro>.sections-layer{display:none} #stacks_in_1627>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1627>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1698{text-align:center} #stacks_in_1698 .button.b-p,#stacks_in_1698 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1698>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1698>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1698 .button.b-p.expand-large:not(.icon-only),#stacks_in_1698>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1627>.s-pro.animate-stacks_in_1629>.shear-wrapper>.shear-inner,#stacks_in_1627>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1627>.s-pro.animate-stacks_in_1629>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1627>.s-pro.animate-stacks_in_1629>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1627>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1627>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1627>.s-pro.animate-stacks_in_1629>.shear-wrapper>.shear-inner::before,#stacks_in_1627>.s-pro.animate-stacks_in_1629>.shear-wrapper>.shear-inner::after,#stacks_in_1627>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1627>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1627>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1627>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1627>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1627>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1627>.s-pro.animate-stacks_in_1629 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1627>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1627>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1627>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1633>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1633>.s-pro>.sections-layer{display:none} #stacks_in_1633>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1633>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1700{text-align:center} #stacks_in_1700 .button.b-p,#stacks_in_1700 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1700>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1700>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1700 .button.b-p.expand-large:not(.icon-only),#stacks_in_1700>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1633>.s-pro.animate-stacks_in_1635>.shear-wrapper>.shear-inner,#stacks_in_1633>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1633>.s-pro.animate-stacks_in_1635>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1633>.s-pro.animate-stacks_in_1635>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1633>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1633>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1633>.s-pro.animate-stacks_in_1635>.shear-wrapper>.shear-inner::before,#stacks_in_1633>.s-pro.animate-stacks_in_1635>.shear-wrapper>.shear-inner::after,#stacks_in_1633>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1633>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1633>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1633>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1633>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1633>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1633>.s-pro.animate-stacks_in_1635 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1633>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1633>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1633>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1703>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1703>.s-pro>.sections-layer{display:none} #stacks_in_1703>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1703>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1824{text-align:center} #stacks_in_1824 .button.b-p,#stacks_in_1824 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1824>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1824>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1824 .button.b-p.expand-large:not(.icon-only),#stacks_in_1824>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1703>.s-pro.animate-stacks_in_1705>.shear-wrapper>.shear-inner,#stacks_in_1703>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1703>.s-pro.animate-stacks_in_1705>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1703>.s-pro.animate-stacks_in_1705>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1703>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1703>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1703>.s-pro.animate-stacks_in_1705>.shear-wrapper>.shear-inner::before,#stacks_in_1703>.s-pro.animate-stacks_in_1705>.shear-wrapper>.shear-inner::after,#stacks_in_1703>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1703>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1703>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1703>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1703>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1703>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1703>.s-pro.animate-stacks_in_1705 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1703>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1703>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1703>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1711>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1711>.s-pro>.sections-layer{display:none} #stacks_in_1711>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1711>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1826{text-align:center} #stacks_in_1826 .button.b-p,#stacks_in_1826 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1826>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1826>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1826 .button.b-p.expand-large:not(.icon-only),#stacks_in_1826>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1711>.s-pro.animate-stacks_in_1713>.shear-wrapper>.shear-inner,#stacks_in_1711>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1711>.s-pro.animate-stacks_in_1713>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1711>.s-pro.animate-stacks_in_1713>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1711>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1711>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1711>.s-pro.animate-stacks_in_1713>.shear-wrapper>.shear-inner::before,#stacks_in_1711>.s-pro.animate-stacks_in_1713>.shear-wrapper>.shear-inner::after,#stacks_in_1711>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1711>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1711>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1711>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1711>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1711>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1711>.s-pro.animate-stacks_in_1713 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1711>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1711>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1711>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1717>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1717>.s-pro>.sections-layer{display:none} #stacks_in_1717>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1717>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1828{text-align:center} #stacks_in_1828 .button.b-p,#stacks_in_1828 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1828>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1828>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1828 .button.b-p.expand-large:not(.icon-only),#stacks_in_1828>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1717>.s-pro.animate-stacks_in_1719>.shear-wrapper>.shear-inner,#stacks_in_1717>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1717>.s-pro.animate-stacks_in_1719>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1717>.s-pro.animate-stacks_in_1719>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1717>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1717>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1717>.s-pro.animate-stacks_in_1719>.shear-wrapper>.shear-inner::before,#stacks_in_1717>.s-pro.animate-stacks_in_1719>.shear-wrapper>.shear-inner::after,#stacks_in_1717>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1717>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1717>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1717>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1717>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1717>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1717>.s-pro.animate-stacks_in_1719 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1717>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1717>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1717>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1723>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1723>.s-pro>.sections-layer{display:none} #stacks_in_1723>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1723>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1830{text-align:center} #stacks_in_1830 .button.b-p,#stacks_in_1830 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1830>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1830>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1830 .button.b-p.expand-large:not(.icon-only),#stacks_in_1830>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1723>.s-pro.animate-stacks_in_1725>.shear-wrapper>.shear-inner,#stacks_in_1723>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1723>.s-pro.animate-stacks_in_1725>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1723>.s-pro.animate-stacks_in_1725>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1723>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1723>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1723>.s-pro.animate-stacks_in_1725>.shear-wrapper>.shear-inner::before,#stacks_in_1723>.s-pro.animate-stacks_in_1725>.shear-wrapper>.shear-inner::after,#stacks_in_1723>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1723>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1723>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1723>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1723>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1723>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1723>.s-pro.animate-stacks_in_1725 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1723>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1723>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1723>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1729>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1729>.s-pro>.sections-layer{display:none} #stacks_in_1729>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1729>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1832{text-align:center} #stacks_in_1832 .button.b-p,#stacks_in_1832 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1832>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1832>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1832 .button.b-p.expand-large:not(.icon-only),#stacks_in_1832>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1729>.s-pro.animate-stacks_in_1731>.shear-wrapper>.shear-inner,#stacks_in_1729>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1729>.s-pro.animate-stacks_in_1731>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1729>.s-pro.animate-stacks_in_1731>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1729>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1729>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1729>.s-pro.animate-stacks_in_1731>.shear-wrapper>.shear-inner::before,#stacks_in_1729>.s-pro.animate-stacks_in_1731>.shear-wrapper>.shear-inner::after,#stacks_in_1729>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1729>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1729>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1729>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1729>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1729>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1729>.s-pro.animate-stacks_in_1731 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1729>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1729>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1729>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1735>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1735>.s-pro>.sections-layer{display:none} #stacks_in_1735>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1735>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1834{text-align:center} #stacks_in_1834 .button.b-p,#stacks_in_1834 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1834>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1834>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1834 .button.b-p.expand-large:not(.icon-only),#stacks_in_1834>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1735>.s-pro.animate-stacks_in_1737>.shear-wrapper>.shear-inner,#stacks_in_1735>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1735>.s-pro.animate-stacks_in_1737>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1735>.s-pro.animate-stacks_in_1737>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1735>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1735>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1735>.s-pro.animate-stacks_in_1737>.shear-wrapper>.shear-inner::before,#stacks_in_1735>.s-pro.animate-stacks_in_1737>.shear-wrapper>.shear-inner::after,#stacks_in_1735>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1735>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1735>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1735>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1735>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1735>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1735>.s-pro.animate-stacks_in_1737 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1735>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1735>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1735>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1741>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1741>.s-pro>.sections-layer{display:none} #stacks_in_1741>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1741>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1836{text-align:center} #stacks_in_1836 .button.b-p,#stacks_in_1836 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1836>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1836>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1836 .button.b-p.expand-large:not(.icon-only),#stacks_in_1836>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1741>.s-pro.animate-stacks_in_1743>.shear-wrapper>.shear-inner,#stacks_in_1741>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1741>.s-pro.animate-stacks_in_1743>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1741>.s-pro.animate-stacks_in_1743>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1741>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1741>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1741>.s-pro.animate-stacks_in_1743>.shear-wrapper>.shear-inner::before,#stacks_in_1741>.s-pro.animate-stacks_in_1743>.shear-wrapper>.shear-inner::after,#stacks_in_1741>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1741>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1741>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1741>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1741>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1741>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1741>.s-pro.animate-stacks_in_1743 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1741>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1741>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1741>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1747>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1747>.s-pro>.sections-layer{display:none} #stacks_in_1747>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1747>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1838{text-align:center} #stacks_in_1838 .button.b-p,#stacks_in_1838 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1838>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1838>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1838 .button.b-p.expand-large:not(.icon-only),#stacks_in_1838>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1747>.s-pro.animate-stacks_in_1749>.shear-wrapper>.shear-inner,#stacks_in_1747>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1747>.s-pro.animate-stacks_in_1749>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1747>.s-pro.animate-stacks_in_1749>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1747>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1747>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1747>.s-pro.animate-stacks_in_1749>.shear-wrapper>.shear-inner::before,#stacks_in_1747>.s-pro.animate-stacks_in_1749>.shear-wrapper>.shear-inner::after,#stacks_in_1747>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1747>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1747>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1747>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1747>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1747>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1747>.s-pro.animate-stacks_in_1749 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1747>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1747>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1747>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1753>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1753>.s-pro>.sections-layer{display:none} #stacks_in_1753>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1753>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1840{text-align:center} #stacks_in_1840 .button.b-p,#stacks_in_1840 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1840>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1840>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1840 .button.b-p.expand-large:not(.icon-only),#stacks_in_1840>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1753>.s-pro.animate-stacks_in_1755>.shear-wrapper>.shear-inner,#stacks_in_1753>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1753>.s-pro.animate-stacks_in_1755>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1753>.s-pro.animate-stacks_in_1755>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1753>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1753>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1753>.s-pro.animate-stacks_in_1755>.shear-wrapper>.shear-inner::before,#stacks_in_1753>.s-pro.animate-stacks_in_1755>.shear-wrapper>.shear-inner::after,#stacks_in_1753>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1753>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1753>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1753>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1753>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1753>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1753>.s-pro.animate-stacks_in_1755 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1753>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1753>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1753>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1759>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1759>.s-pro>.sections-layer{display:none} #stacks_in_1759>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1759>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1842{text-align:center} #stacks_in_1842 .button.b-p,#stacks_in_1842 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1842>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1842>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1842 .button.b-p.expand-large:not(.icon-only),#stacks_in_1842>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1759>.s-pro.animate-stacks_in_1761>.shear-wrapper>.shear-inner,#stacks_in_1759>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1759>.s-pro.animate-stacks_in_1761>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1759>.s-pro.animate-stacks_in_1761>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1759>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1759>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1759>.s-pro.animate-stacks_in_1761>.shear-wrapper>.shear-inner::before,#stacks_in_1759>.s-pro.animate-stacks_in_1761>.shear-wrapper>.shear-inner::after,#stacks_in_1759>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1759>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1759>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1759>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1759>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1759>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1759>.s-pro.animate-stacks_in_1761 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1759>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1759>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1759>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1765>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1765>.s-pro>.sections-layer{display:none} #stacks_in_1765>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1765>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1844{text-align:center} #stacks_in_1844 .button.b-p,#stacks_in_1844 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1844>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1844>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1844 .button.b-p.expand-large:not(.icon-only),#stacks_in_1844>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1765>.s-pro.animate-stacks_in_1767>.shear-wrapper>.shear-inner,#stacks_in_1765>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1765>.s-pro.animate-stacks_in_1767>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1765>.s-pro.animate-stacks_in_1767>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1765>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1765>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1765>.s-pro.animate-stacks_in_1767>.shear-wrapper>.shear-inner::before,#stacks_in_1765>.s-pro.animate-stacks_in_1767>.shear-wrapper>.shear-inner::after,#stacks_in_1765>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1765>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1765>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1765>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1765>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1765>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1765>.s-pro.animate-stacks_in_1767 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1765>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1765>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1765>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1771>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1771>.s-pro>.sections-layer{display:none} #stacks_in_1771>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1771>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1846{text-align:center} #stacks_in_1846 .button.b-p,#stacks_in_1846 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1846>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1846>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1846 .button.b-p.expand-large:not(.icon-only),#stacks_in_1846>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1771>.s-pro.animate-stacks_in_1773>.shear-wrapper>.shear-inner,#stacks_in_1771>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1771>.s-pro.animate-stacks_in_1773>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1771>.s-pro.animate-stacks_in_1773>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1771>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1771>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1771>.s-pro.animate-stacks_in_1773>.shear-wrapper>.shear-inner::before,#stacks_in_1771>.s-pro.animate-stacks_in_1773>.shear-wrapper>.shear-inner::after,#stacks_in_1771>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1771>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1771>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1771>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1771>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1771>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1771>.s-pro.animate-stacks_in_1773 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1771>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1771>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1771>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1777>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1777>.s-pro>.sections-layer{display:none} #stacks_in_1777>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1777>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1848{text-align:center} #stacks_in_1848 .button.b-p,#stacks_in_1848 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1848>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1848>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1848 .button.b-p.expand-large:not(.icon-only),#stacks_in_1848>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1777>.s-pro.animate-stacks_in_1779>.shear-wrapper>.shear-inner,#stacks_in_1777>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1777>.s-pro.animate-stacks_in_1779>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1777>.s-pro.animate-stacks_in_1779>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1777>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1777>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1777>.s-pro.animate-stacks_in_1779>.shear-wrapper>.shear-inner::before,#stacks_in_1777>.s-pro.animate-stacks_in_1779>.shear-wrapper>.shear-inner::after,#stacks_in_1777>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1777>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1777>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1777>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1777>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1777>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1777>.s-pro.animate-stacks_in_1779 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1777>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1777>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1777>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1783>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1783>.s-pro>.sections-layer{display:none} #stacks_in_1783>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1783>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1850{text-align:center} #stacks_in_1850 .button.b-p,#stacks_in_1850 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1850>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1850>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1850 .button.b-p.expand-large:not(.icon-only),#stacks_in_1850>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1783>.s-pro.animate-stacks_in_1785>.shear-wrapper>.shear-inner,#stacks_in_1783>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1783>.s-pro.animate-stacks_in_1785>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1783>.s-pro.animate-stacks_in_1785>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1783>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1783>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1783>.s-pro.animate-stacks_in_1785>.shear-wrapper>.shear-inner::before,#stacks_in_1783>.s-pro.animate-stacks_in_1785>.shear-wrapper>.shear-inner::after,#stacks_in_1783>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1783>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1783>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1783>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1783>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1783>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1783>.s-pro.animate-stacks_in_1785 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1783>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1783>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1783>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1789>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1789>.s-pro>.sections-layer{display:none} #stacks_in_1789>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1789>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1852{text-align:center} #stacks_in_1852 .button.b-p,#stacks_in_1852 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1852>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1852>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1852 .button.b-p.expand-large:not(.icon-only),#stacks_in_1852>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1789>.s-pro.animate-stacks_in_1791>.shear-wrapper>.shear-inner,#stacks_in_1789>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1789>.s-pro.animate-stacks_in_1791>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1789>.s-pro.animate-stacks_in_1791>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1789>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1789>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1789>.s-pro.animate-stacks_in_1791>.shear-wrapper>.shear-inner::before,#stacks_in_1789>.s-pro.animate-stacks_in_1791>.shear-wrapper>.shear-inner::after,#stacks_in_1789>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1789>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1789>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1789>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1789>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1789>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1789>.s-pro.animate-stacks_in_1791 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1789>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1789>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1789>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1795>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1795>.s-pro>.sections-layer{display:none} #stacks_in_1795>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1795>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1854{text-align:center} #stacks_in_1854 .button.b-p,#stacks_in_1854 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1854>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1854>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1854 .button.b-p.expand-large:not(.icon-only),#stacks_in_1854>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1795>.s-pro.animate-stacks_in_1797>.shear-wrapper>.shear-inner,#stacks_in_1795>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1795>.s-pro.animate-stacks_in_1797>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1795>.s-pro.animate-stacks_in_1797>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1795>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1795>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1795>.s-pro.animate-stacks_in_1797>.shear-wrapper>.shear-inner::before,#stacks_in_1795>.s-pro.animate-stacks_in_1797>.shear-wrapper>.shear-inner::after,#stacks_in_1795>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1795>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1795>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1795>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1795>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1795>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1795>.s-pro.animate-stacks_in_1797 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1795>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1795>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1795>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1801>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1801>.s-pro>.sections-layer{display:none} #stacks_in_1801>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1801>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1856{text-align:center} #stacks_in_1856 .button.b-p,#stacks_in_1856 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1856>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1856>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1856 .button.b-p.expand-large:not(.icon-only),#stacks_in_1856>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1801>.s-pro.animate-stacks_in_1803>.shear-wrapper>.shear-inner,#stacks_in_1801>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1801>.s-pro.animate-stacks_in_1803>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1801>.s-pro.animate-stacks_in_1803>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1801>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1801>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1801>.s-pro.animate-stacks_in_1803>.shear-wrapper>.shear-inner::before,#stacks_in_1801>.s-pro.animate-stacks_in_1803>.shear-wrapper>.shear-inner::after,#stacks_in_1801>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1801>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1801>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1801>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1801>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1801>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1801>.s-pro.animate-stacks_in_1803 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1801>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1801>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1801>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1807>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1807>.s-pro>.sections-layer{display:none} #stacks_in_1807>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1807>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1858{text-align:center} #stacks_in_1858 .button.b-p,#stacks_in_1858 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1858>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1858>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1858 .button.b-p.expand-large:not(.icon-only),#stacks_in_1858>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1807>.s-pro.animate-stacks_in_1809>.shear-wrapper>.shear-inner,#stacks_in_1807>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1807>.s-pro.animate-stacks_in_1809>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1807>.s-pro.animate-stacks_in_1809>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1807>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1807>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1807>.s-pro.animate-stacks_in_1809>.shear-wrapper>.shear-inner::before,#stacks_in_1807>.s-pro.animate-stacks_in_1809>.shear-wrapper>.shear-inner::after,#stacks_in_1807>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1807>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1807>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1807>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1807>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1807>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1807>.s-pro.animate-stacks_in_1809 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1807>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1807>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1807>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1813>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1813>.s-pro>.sections-layer{display:none} #stacks_in_1813>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1813>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1860{text-align:center} #stacks_in_1860 .button.b-p,#stacks_in_1860 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1860>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1860>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1860 .button.b-p.expand-large:not(.icon-only),#stacks_in_1860>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1813>.s-pro.animate-stacks_in_1815>.shear-wrapper>.shear-inner,#stacks_in_1813>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1813>.s-pro.animate-stacks_in_1815>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1813>.s-pro.animate-stacks_in_1815>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1813>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1813>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1813>.s-pro.animate-stacks_in_1815>.shear-wrapper>.shear-inner::before,#stacks_in_1813>.s-pro.animate-stacks_in_1815>.shear-wrapper>.shear-inner::after,#stacks_in_1813>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1813>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1813>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1813>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1813>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1813>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1813>.s-pro.animate-stacks_in_1815 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1813>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1813>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1813>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1819>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1819>.s-pro>.sections-layer{display:none} #stacks_in_1819>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1819>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1910{text-align:center} #stacks_in_1910 .button.b-p,#stacks_in_1910 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1910>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1910>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1910 .button.b-p.expand-large:not(.icon-only),#stacks_in_1910>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1819>.s-pro.animate-stacks_in_1821>.shear-wrapper>.shear-inner,#stacks_in_1819>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1819>.s-pro.animate-stacks_in_1821>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1819>.s-pro.animate-stacks_in_1821>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1819>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1819>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1819>.s-pro.animate-stacks_in_1821>.shear-wrapper>.shear-inner::before,#stacks_in_1819>.s-pro.animate-stacks_in_1821>.shear-wrapper>.shear-inner::after,#stacks_in_1819>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1819>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1819>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1819>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1819>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1819>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1819>.s-pro.animate-stacks_in_1821 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1819>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1819>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1819>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1863>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1863>.s-pro>.sections-layer{display:none} #stacks_in_1863>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1863>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1912{text-align:center} #stacks_in_1912 .button.b-p,#stacks_in_1912 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1912>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1912>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1912 .button.b-p.expand-large:not(.icon-only),#stacks_in_1912>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1863>.s-pro.animate-stacks_in_1865>.shear-wrapper>.shear-inner,#stacks_in_1863>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1863>.s-pro.animate-stacks_in_1865>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1863>.s-pro.animate-stacks_in_1865>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1863>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1863>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1863>.s-pro.animate-stacks_in_1865>.shear-wrapper>.shear-inner::before,#stacks_in_1863>.s-pro.animate-stacks_in_1865>.shear-wrapper>.shear-inner::after,#stacks_in_1863>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1863>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1863>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1863>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1863>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1863>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1863>.s-pro.animate-stacks_in_1865 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1863>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1863>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1863>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1869>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1869>.s-pro>.sections-layer{display:none} #stacks_in_1869>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1869>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1914{text-align:center} #stacks_in_1914 .button.b-p,#stacks_in_1914 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1914>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1914>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1914 .button.b-p.expand-large:not(.icon-only),#stacks_in_1914>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1869>.s-pro.animate-stacks_in_1871>.shear-wrapper>.shear-inner,#stacks_in_1869>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1869>.s-pro.animate-stacks_in_1871>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1869>.s-pro.animate-stacks_in_1871>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1869>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1869>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1869>.s-pro.animate-stacks_in_1871>.shear-wrapper>.shear-inner::before,#stacks_in_1869>.s-pro.animate-stacks_in_1871>.shear-wrapper>.shear-inner::after,#stacks_in_1869>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1869>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1869>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1869>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1869>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1869>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1869>.s-pro.animate-stacks_in_1871 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1869>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1869>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1869>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1875>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1875>.s-pro>.sections-layer{display:none} #stacks_in_1875>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1875>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1916{text-align:center} #stacks_in_1916 .button.b-p,#stacks_in_1916 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1916>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1916>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1916 .button.b-p.expand-large:not(.icon-only),#stacks_in_1916>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1875>.s-pro.animate-stacks_in_1877>.shear-wrapper>.shear-inner,#stacks_in_1875>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1875>.s-pro.animate-stacks_in_1877>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1875>.s-pro.animate-stacks_in_1877>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1875>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1875>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1875>.s-pro.animate-stacks_in_1877>.shear-wrapper>.shear-inner::before,#stacks_in_1875>.s-pro.animate-stacks_in_1877>.shear-wrapper>.shear-inner::after,#stacks_in_1875>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1875>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1875>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1875>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1875>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1875>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1875>.s-pro.animate-stacks_in_1877 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1875>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1875>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1875>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1881>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1881>.s-pro>.sections-layer{display:none} #stacks_in_1881>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1881>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1918{text-align:center} #stacks_in_1918 .button.b-p,#stacks_in_1918 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1918>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1918>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1918 .button.b-p.expand-large:not(.icon-only),#stacks_in_1918>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1881>.s-pro.animate-stacks_in_1883>.shear-wrapper>.shear-inner,#stacks_in_1881>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1881>.s-pro.animate-stacks_in_1883>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1881>.s-pro.animate-stacks_in_1883>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1881>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1881>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1881>.s-pro.animate-stacks_in_1883>.shear-wrapper>.shear-inner::before,#stacks_in_1881>.s-pro.animate-stacks_in_1883>.shear-wrapper>.shear-inner::after,#stacks_in_1881>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1881>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1881>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1881>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1881>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1881>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1881>.s-pro.animate-stacks_in_1883 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1881>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1881>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1881>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1887>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1887>.s-pro>.sections-layer{display:none} #stacks_in_1887>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1887>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1920{text-align:center} #stacks_in_1920 .button.b-p,#stacks_in_1920 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1920>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1920>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1920 .button.b-p.expand-large:not(.icon-only),#stacks_in_1920>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1887>.s-pro.animate-stacks_in_1889>.shear-wrapper>.shear-inner,#stacks_in_1887>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1887>.s-pro.animate-stacks_in_1889>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1887>.s-pro.animate-stacks_in_1889>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1887>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1887>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1887>.s-pro.animate-stacks_in_1889>.shear-wrapper>.shear-inner::before,#stacks_in_1887>.s-pro.animate-stacks_in_1889>.shear-wrapper>.shear-inner::after,#stacks_in_1887>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1887>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1887>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1887>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1887>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1887>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1887>.s-pro.animate-stacks_in_1889 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1887>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1887>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1887>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1893>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1893>.s-pro>.sections-layer{display:none} #stacks_in_1893>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1893>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1922{text-align:center} #stacks_in_1922 .button.b-p,#stacks_in_1922 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1922>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1922>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1922 .button.b-p.expand-large:not(.icon-only),#stacks_in_1922>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1893>.s-pro.animate-stacks_in_1895>.shear-wrapper>.shear-inner,#stacks_in_1893>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1893>.s-pro.animate-stacks_in_1895>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1893>.s-pro.animate-stacks_in_1895>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1893>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1893>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1893>.s-pro.animate-stacks_in_1895>.shear-wrapper>.shear-inner::before,#stacks_in_1893>.s-pro.animate-stacks_in_1895>.shear-wrapper>.shear-inner::after,#stacks_in_1893>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1893>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1893>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1893>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1893>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1893>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1893>.s-pro.animate-stacks_in_1895 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1893>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1893>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1893>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } #stacks_in_1899>.s-pro.no-vault-z>.shear-wrapper>.shear-inner.o-bg-vault>.inner-content{z-index:1} #stacks_in_1899>.s-pro>.sections-layer{display:none} #stacks_in_1899>.s-pro>.shear-wrapper>.shear-inner::after,#stacks_in_1899>.s-pro>.shear-wrapper>.shear-inner::before{margin-top:0.00%} #stacks_in_1924{text-align:center} #stacks_in_1924 .button.b-p,#stacks_in_1924 .button.b-p::before{border-radius:10px} @media screen and (max-width:641px){#stacks_in_1924>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1924>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1924 .button.b-p.expand-large:not(.icon-only),#stacks_in_1924>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} #stacks_in_1899>.s-pro.animate-stacks_in_1901>.shear-wrapper>.shear-inner,#stacks_in_1899>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative; overflow:hidden; border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#stacks_in_1899>.s-pro.animate-stacks_in_1901>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1899>.s-pro.animate-stacks_in_1901>.shear-wrapper>.shear-inner.bot-edge,#stacks_in_1899>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#stacks_in_1899>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#stacks_in_1899>.s-pro.animate-stacks_in_1901>.shear-wrapper>.shear-inner::before,#stacks_in_1899>.s-pro.animate-stacks_in_1901>.shear-wrapper>.shear-inner::after,#stacks_in_1899>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#stacks_in_1899>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important} #stacks_in_1899>.s-pro.pre-hover >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms} #stacks_in_1899>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} #stacks_in_1899>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform} #stacks_in_1899>.s-pro >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(0.90,0.90,0.90) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);-webkit-transform-origin:50.00% 50.00%;transform-origin:50.00% 50.00%}#stacks_in_1899>.s-pro.animate-stacks_in_1901 >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{-webkit-transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg);transform:scale3d(1.00,1.00,1.00) translate(0.00%,0.00%) rotate(0.00deg) skew(0.00deg,0.00deg)} @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#stacks_in_1899>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ }}_:-ms-fullscreen #stacks_in_1899>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content,:root #stacks_in_1899>.s-pro[class*="animate-"] >.shear-wrapper>.shear-inner>.inner-content>.content-wrapper.ani-content>.content{ } .lb-master_stacks_in_1926.bg-vault.bg-color.style-pro-stacks_in_1926{background-color:rgba(0, 0, 0, 0.78)}.lb-master_stacks_in_1926.close-vis-never .infix-close{display:none !important}.ll-overlay#ovl_stacks_in_1926.bg-color{background-color:rgba(0, 0, 0, 0.78)}@media screen and (max-width:640px){.ll-overlay#ovl_stacks_in_1926.small-bg-color{background-color:rgba(0, 0, 0, 0.78)}.ll-overlay#ovl_stacks_in_1926.small-bg-color::before{background-color:transparent !important;background-image:none !important}}body > .ll-overlay#ovl_stacks_in_1926{position:fixed}.ll-open-stacks_in_1926 > .ll-overlay#ovl_stacks_in_1926{z-index:9989}.ll-open-stacks_in_1926.sectionsPro1 > .ll-overlay#ovl_stacks_in_1926{z-index:998}@media screen and (min-width:640px){.lb-master_stacks_in_1926.close-vis-small-only .infix-close{display:none !important}}@media screen and (max-width:640px){.lb-master_stacks_in_1926.close-vis-large-only .infix-close{display:none !important}}#stacks_in_1926 .infix-close.lb-close-master{display:none !important}@media screen and (min-width:640px){#ovl_stacks_in_1926.large-hide-overlay{background-color:transparent !important}}@media screen and (min-width:640px){.lb-master_stacks_in_1926.infix-section.large-hide-overlay{background-color:transparent !important}}@media screen and (max-width:640px){.lb-master_stacks_in_1926.infix-section.sm-hide-borders .infix-content{border-radius:0 !important;border:none !important}}[data-ll-target="limelight1"].sectionsPro1.size-target.lightbox-open.ll-open-stacks_in_1926 > .shear-wrapper{position:absolute}.lb-master_stacks_in_1926.maxw-frame:not(.infix-image):not(.custom-size) .infix-container{width:100%}@media screen and (max-width:640px){.lb-master_stacks_in_1926.maxw-frame:not(.infix-image):not(.custom-size) .infix-container{width:100%}}.lb-master_stacks_in_1926.maxw-frame.infix-image:not(.custom-size) .infix-container > .infix-content{margin:0 auto;width:100%}@media screen and (max-width:640px){.lb-master_stacks_in_1926.maxw-frame.infix-image:not(.custom-size) .infix-container > .infix-content{width:100%}}.lb-master_stacks_in_1926.maxw-frame:not(.custom-size) .infix-container{max-width:1000px}@media screen and (max-width:640px){.lb-master_stacks_in_1926.maxw-frame:not(.custom-size) .infix-container{max-width:1000px}}.lb-master_stacks_in_1926.prop-height.infix-body:not(.vid-letterbox):not(.infix-image) .infix-iframe-container{padding-top:85vh}@media screen and (min-width:640px){.lb-master_stacks_in_1926.prop-height.infix-body:not(.vid-letterbox):not(.infix-image) .infix-iframe-container{padding-top:85vh}}.lb-master_stacks_in_1926.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container,.lb-master_stacks_in_1926.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_1926.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:85vh !important;max-height:85vh !important}@media screen and (min-width:640px){.lb-master_stacks_in_1926.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container,.lb-master_stacks_in_1926.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_1926.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:85vh !important;max-height:85vh !important}}.lb-master_stacks_in_1926.prop-height.infix-section:not(.vid-letterbox):not(.infix-image) .infix-container{top:calc((100% - 85%) / 2) !important;height:85% !important}@media screen and (min-width:640px){.lb-master_stacks_in_1926.prop-height.infix-section:not(.vid-letterbox):not(.infix-image) .infix-container{top:calc((100% - 85%) / 2) !important;height:85% !important}}.lb-master_stacks_in_1926.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container{height:85% !important;max-height:85% !important}@media screen and (min-width:640px){.lb-master_stacks_in_1926.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container{height:85% !important;max-height:85% !important}}.lb-master_stacks_in_1926.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_1926.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:100% !important;max-height:100% !important}.lb-master_stacks_in_1926.infix-iframe.infix-section .infix-container,.lb-master_stacks_in_1926.infix-iframe.infix-section .infix-content,.lb-master_stacks_in_1926.infix-iframe.infix-section .infix-iframe-container{position:static;top:0;left:0;height:100%;width:100%}.lb-master_stacks_in_1926.infix-iframe.infix-section.size-float .infix-iframe-container{padding-top:0}.lb-master_stacks_in_1926 .infix-content::after{-webkit-box-shadow:0 0 36px 0px rgba(0, 0, 0, 0.30);box-shadow:0 0 36px 0px rgba(0, 0, 0, 0.30)}.lb-master_stacks_in_1926 .infix-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;z-index:9999;padding:8px;border-radius:0% 0% 0% 0%;background:rgba(0, 0, 0, 0.00)}html.bwd-touch .lb-master_stacks_in_1926 .infix-close{opacity:1 !important}.lb-master_stacks_in_1926 .infix-close > .close-wrap{position:relative;width:40px;height:40px;opacity:0.94}.lb-master_stacks_in_1926 .infix-close > .close-wrap:hover,html.bwd-touch .lb-master_stacks_in_1926 .infix-close > .close-wrap{opacity:1 !important}.lb-master_stacks_in_1926 .infix-close > .close-wrap.close-text-only{width:auto;height:auto;color:rgba(255, 255, 255, 0.96);font-size:12px;line-height:1}.lb-master_stacks_in_1926 .infix-close > .close-wrap.close-text-only .text-border{padding:8px;border:1px solid rgba(255, 255, 255, 0.00);border-radius:8px;background-color:rgba(255, 255, 255, 0.00);text-align:center}.lb-master_stacks_in_1926 .infix-close > .close-wrap > svg{width:40px;height:40px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.lb-master_stacks_in_1926 .infix-close > .close-wrap > svg circle.bg{fill:rgba(255, 255, 255, 0.00)}.lb-master_stacks_in_1926 .infix-close > .close-wrap > svg .ring{stroke:rgba(255, 255, 255, 0.00);stroke-width:4px}.lb-master_stacks_in_1926 .infix-close > .close-wrap > svg .action-icon path{stroke:rgba(255, 255, 255, 0.96);stroke-width:4px;fill:none}.lb-master_stacks_in_1926 .infix-close > .close-wrap > svg .ring,.lb-master_stacks_in_1926 .infix-close > .close-wrap > svg .action-icon path{-webkit-transition:stroke 200ms ease-out;transition:stroke 200ms ease-out}.lb-master_stacks_in_1926 .infix-close > .close-wrap > svg circle.bg{-webkit-transition:fill 220ms ease-out;transition:fill 220ms ease-out}.lb-master_stacks_in_1926 .infix-close:hover,html.bwd-touch .lb-master_stacks_in_1926 .infix-close{background:rgba(0, 0, 0, 0.00)}.lb-master_stacks_in_1926 .infix-close:hover > .close-wrap > svg circle.bg,html.bwd-touch .lb-master_stacks_in_1926 .infix-close > .close-wrap > svg circle.bg{fill:rgba(255, 255, 255, 0.00)}.lb-master_stacks_in_1926 .infix-close:hover > .close-wrap > svg .ring,html.bwd-touch .lb-master_stacks_in_1926 .infix-close > .close-wrap > svg .ring{stroke:rgba(255, 255, 255, 1.00)}.lb-master_stacks_in_1926 .infix-close:hover > .close-wrap > svg .action-icon path,html.bwd-touch .lb-master_stacks_in_1926 .infix-close > .close-wrap > svg .action-icon path{stroke:rgba(255, 255, 255, 1.00);fill:none}.lb-master_stacks_in_1926 .infix-close:hover > .close-wrap.close-text-only,html.bwd-touch .lb-master_stacks_in_1926 .infix-close > .close-wrap.close-text-only{color:rgba(255, 255, 255, 1.00)}.lb-master_stacks_in_1926 .infix-close i.fa,.lb-master_stacks_in_1926 .infix-close svg,.lb-master_stacks_in_1926 .infix-close .simple-icon,.lb-master_stacks_in_1926 .infix-close .close-wrap,.lb-master_stacks_in_1926 .infix-close .text-border{pointer-events:none}@media screen and (min-width:640px){.lb-master_stacks_in_1926 .infix-close .close-wrap,.lb-master_stacks_in_1926 .infix-close .close-wrap > svg{width:40px;height:40px}.lb-master_stacks_in_1926 .infix-close .close-wrap.close-text-only{font-size:16px}}.lb-master_stacks_in_1926 .infix-close .action-icon > g{display:none}.lb-master_stacks_in_1926 .infix-close.close-cross .action-icon > g#cross{display:block}.lb-master_stacks_in_1926 .infix-close.close-small-cross .action-icon > g#smallcross{display:block}.lb-master_stacks_in_1926 .infix-close.close-left-arrow .action-icon > g#arrow{display:block}.lb-master_stacks_in_1926 .infix-close.close-hamburger .action-icon > g#burger{display:block}@media screen and (min-width:640px){.lb-master_stacks_in_1926.close-bg-small-only .infix-close{background:none}}.lb-master_stacks_in_1926 .splb-loader .loader-message{display:none}.lb-master_stacks_in_1926 .splb-loader svg{display:none}.lb-master_stacks_in_1926 .splb-loader > .loader-message{margin-top:0} .infix-content.bg-vault.bg-color.style-pro-stacks_in_1929{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_1929.splb{padding:12px}#splb_stacks_in_1929 .infix-iframe-container{background-color:}#stacks_in_1929{display:none}.infix-opened #stacks_in_1929,.infix-closed #stacks_in_1929{display:block}.lightbox1{cursor:pointer}#stacks_in_1929.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_1929.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_1933 *, #stacks_in_1933 *:before, #stacks_in_1933 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1933 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_1933 { -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_1933 { display: none !important; } #playlisterstacks_in_1933 { 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_1933 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_1933 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_1933 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_1933 { min-height: 0px; } #coverstacks_in_1933 { 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_1933 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_1933 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_1933 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_1933 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_1933 { margin-top: 0px; } } #titlestacks_in_1933 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_1933:before { content: ' '; } #albumstacks_in_1933 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_1933:before { content: 'Album: '; } #artiststacks_in_1933 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_1933:before { content: 'Artist: '; } #additionalInfostacks_in_1933 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_1933:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_1933 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_1933 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_1933 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_1933 .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_1933 .playlisterButtonStandard, #playlisterWrapperstacks_in_1933 .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_1933 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_1933 .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_1933 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_1933 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_1933 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_1933 .playlisterButton:hover, #playlisterWrapperstacks_in_1933 .playlisterButton:active, #playlisterWrapperstacks_in_1933 .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_1933 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1933 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_1933 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_1933 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1933 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_1933 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_1933 #playstacks_in_1933 i { margin-right: -3px; } #playlisterWrapperstacks_in_1933 #pausestacks_in_1933 { display: none; } #playlisterWrapperstacks_in_1933 .playlisterIsPlaying #playstacks_in_1933 { display: none; } #playlisterWrapperstacks_in_1933 .playlisterIsPlaying #pausestacks_in_1933 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_1933 .playlisterButton:after, #playlisterWrapperstacks_in_1933 .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_1933 { float: right; } #playlisterWrapperstacks_in_1933 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1933 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_1933 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1933 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_1933, #volumeBtnstacks_in_1933 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_1933 { display: inline-block; } #volumeControlsstacks_in_1933 { 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_1933 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_1933 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_1933 [class^="fa fa-"], #volume-fullstacks_in_1933 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_1933 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_1933 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_1933 .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_1933 .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_1933 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_1933 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_1933 #progressstacks_in_1933 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_1933 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_1933 { 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_1933 { visibility: hidden; } #durationstacks_in_1933.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_1933 { 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_1933 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_1933 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_1933 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_1933 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_1933 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_1933 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_1933 li.active-playlistitem, #playlisterPlayliststacks_in_1933 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_1933 li { padding-left: 0; } #playlisterPlayliststacks_in_1933 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_1933 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_1933, .no-audio #playlisterPlayliststacks_in_1933 { display: none; } #playlisterNoAudiostacks_in_1933 { display: none; } .no-audio #playlisterNoAudiostacks_in_1933 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_1933 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_1933 #shufflestacks_in_1933 { display: none; } #playlisterWrapperstacks_in_1933 #playlistTogglestacks_in_1933 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_1933 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_1933 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_1935{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_1935.splb{padding:12px}#splb_stacks_in_1935 .infix-iframe-container{background-color:}#stacks_in_1935{display:none}.infix-opened #stacks_in_1935,.infix-closed #stacks_in_1935{display:block}.lightbox2{cursor:pointer}#stacks_in_1935.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_1935.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_1938 *, #stacks_in_1938 *:before, #stacks_in_1938 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1938 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_1938 { -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_1938 { display: none !important; } #playlisterstacks_in_1938 { 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_1938 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_1938 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_1938 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_1938 { min-height: 0px; } #coverstacks_in_1938 { 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_1938 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_1938 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_1938 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_1938 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_1938 { margin-top: 0px; } } #titlestacks_in_1938 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_1938:before { content: ' '; } #albumstacks_in_1938 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_1938:before { content: 'Album: '; } #artiststacks_in_1938 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_1938:before { content: 'Artist: '; } #additionalInfostacks_in_1938 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_1938:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_1938 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_1938 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_1938 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_1938 .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_1938 .playlisterButtonStandard, #playlisterWrapperstacks_in_1938 .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_1938 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_1938 .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_1938 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_1938 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_1938 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_1938 .playlisterButton:hover, #playlisterWrapperstacks_in_1938 .playlisterButton:active, #playlisterWrapperstacks_in_1938 .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_1938 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1938 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_1938 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_1938 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1938 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_1938 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_1938 #playstacks_in_1938 i { margin-right: -3px; } #playlisterWrapperstacks_in_1938 #pausestacks_in_1938 { display: none; } #playlisterWrapperstacks_in_1938 .playlisterIsPlaying #playstacks_in_1938 { display: none; } #playlisterWrapperstacks_in_1938 .playlisterIsPlaying #pausestacks_in_1938 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_1938 .playlisterButton:after, #playlisterWrapperstacks_in_1938 .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_1938 { float: right; } #playlisterWrapperstacks_in_1938 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1938 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_1938 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1938 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_1938, #volumeBtnstacks_in_1938 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_1938 { display: inline-block; } #volumeControlsstacks_in_1938 { 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_1938 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_1938 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_1938 [class^="fa fa-"], #volume-fullstacks_in_1938 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_1938 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_1938 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_1938 .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_1938 .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_1938 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_1938 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_1938 #progressstacks_in_1938 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_1938 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_1938 { 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_1938 { visibility: hidden; } #durationstacks_in_1938.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_1938 { 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_1938 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_1938 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_1938 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_1938 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_1938 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_1938 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_1938 li.active-playlistitem, #playlisterPlayliststacks_in_1938 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_1938 li { padding-left: 0; } #playlisterPlayliststacks_in_1938 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_1938 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_1938, .no-audio #playlisterPlayliststacks_in_1938 { display: none; } #playlisterNoAudiostacks_in_1938 { display: none; } .no-audio #playlisterNoAudiostacks_in_1938 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_1938 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_1938 #shufflestacks_in_1938 { display: none; } #playlisterWrapperstacks_in_1938 #playlistTogglestacks_in_1938 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_1938 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_1938 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_1940{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_1940.splb{padding:12px}#splb_stacks_in_1940 .infix-iframe-container{background-color:}#stacks_in_1940{display:none}.infix-opened #stacks_in_1940,.infix-closed #stacks_in_1940{display:block}.lightbox3{cursor:pointer}#stacks_in_1940.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_1940.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_1943 *, #stacks_in_1943 *:before, #stacks_in_1943 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1943 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_1943 { -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_1943 { display: none !important; } #playlisterstacks_in_1943 { 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_1943 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_1943 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_1943 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_1943 { min-height: 0px; } #coverstacks_in_1943 { 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_1943 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_1943 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_1943 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_1943 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_1943 { margin-top: 0px; } } #titlestacks_in_1943 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_1943:before { content: ' '; } #albumstacks_in_1943 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_1943:before { content: 'Album: '; } #artiststacks_in_1943 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_1943:before { content: 'Artist: '; } #additionalInfostacks_in_1943 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_1943:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_1943 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_1943 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_1943 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_1943 .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_1943 .playlisterButtonStandard, #playlisterWrapperstacks_in_1943 .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_1943 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_1943 .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_1943 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_1943 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_1943 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_1943 .playlisterButton:hover, #playlisterWrapperstacks_in_1943 .playlisterButton:active, #playlisterWrapperstacks_in_1943 .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_1943 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1943 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_1943 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_1943 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1943 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_1943 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_1943 #playstacks_in_1943 i { margin-right: -3px; } #playlisterWrapperstacks_in_1943 #pausestacks_in_1943 { display: none; } #playlisterWrapperstacks_in_1943 .playlisterIsPlaying #playstacks_in_1943 { display: none; } #playlisterWrapperstacks_in_1943 .playlisterIsPlaying #pausestacks_in_1943 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_1943 .playlisterButton:after, #playlisterWrapperstacks_in_1943 .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_1943 { float: right; } #playlisterWrapperstacks_in_1943 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1943 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_1943 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1943 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_1943, #volumeBtnstacks_in_1943 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_1943 { display: inline-block; } #volumeControlsstacks_in_1943 { 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_1943 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_1943 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_1943 [class^="fa fa-"], #volume-fullstacks_in_1943 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_1943 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_1943 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_1943 .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_1943 .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_1943 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_1943 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_1943 #progressstacks_in_1943 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_1943 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_1943 { 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_1943 { visibility: hidden; } #durationstacks_in_1943.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_1943 { 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_1943 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_1943 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_1943 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_1943 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_1943 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_1943 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_1943 li.active-playlistitem, #playlisterPlayliststacks_in_1943 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_1943 li { padding-left: 0; } #playlisterPlayliststacks_in_1943 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_1943 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_1943, .no-audio #playlisterPlayliststacks_in_1943 { display: none; } #playlisterNoAudiostacks_in_1943 { display: none; } .no-audio #playlisterNoAudiostacks_in_1943 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_1943 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_1943 #shufflestacks_in_1943 { display: none; } #playlisterWrapperstacks_in_1943 #playlistTogglestacks_in_1943 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_1943 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_1943 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_1945{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_1945.splb{padding:12px}#splb_stacks_in_1945 .infix-iframe-container{background-color:}#stacks_in_1945{display:none}.infix-opened #stacks_in_1945,.infix-closed #stacks_in_1945{display:block}.lightbox4{cursor:pointer}#stacks_in_1945.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_1945.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_1948 *, #stacks_in_1948 *:before, #stacks_in_1948 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1948 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_1948 { -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_1948 { display: none !important; } #playlisterstacks_in_1948 { 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_1948 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_1948 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_1948 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_1948 { min-height: 0px; } #coverstacks_in_1948 { 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_1948 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_1948 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_1948 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_1948 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_1948 { margin-top: 0px; } } #titlestacks_in_1948 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_1948:before { content: ' '; } #albumstacks_in_1948 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_1948:before { content: 'Album: '; } #artiststacks_in_1948 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_1948:before { content: 'Artist: '; } #additionalInfostacks_in_1948 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_1948:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_1948 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_1948 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_1948 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_1948 .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_1948 .playlisterButtonStandard, #playlisterWrapperstacks_in_1948 .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_1948 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_1948 .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_1948 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_1948 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_1948 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_1948 .playlisterButton:hover, #playlisterWrapperstacks_in_1948 .playlisterButton:active, #playlisterWrapperstacks_in_1948 .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_1948 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1948 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_1948 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_1948 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1948 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_1948 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_1948 #playstacks_in_1948 i { margin-right: -3px; } #playlisterWrapperstacks_in_1948 #pausestacks_in_1948 { display: none; } #playlisterWrapperstacks_in_1948 .playlisterIsPlaying #playstacks_in_1948 { display: none; } #playlisterWrapperstacks_in_1948 .playlisterIsPlaying #pausestacks_in_1948 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_1948 .playlisterButton:after, #playlisterWrapperstacks_in_1948 .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_1948 { float: right; } #playlisterWrapperstacks_in_1948 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1948 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_1948 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1948 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_1948, #volumeBtnstacks_in_1948 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_1948 { display: inline-block; } #volumeControlsstacks_in_1948 { 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_1948 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_1948 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_1948 [class^="fa fa-"], #volume-fullstacks_in_1948 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_1948 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_1948 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_1948 .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_1948 .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_1948 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_1948 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_1948 #progressstacks_in_1948 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_1948 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_1948 { 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_1948 { visibility: hidden; } #durationstacks_in_1948.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_1948 { 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_1948 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_1948 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_1948 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_1948 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_1948 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_1948 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_1948 li.active-playlistitem, #playlisterPlayliststacks_in_1948 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_1948 li { padding-left: 0; } #playlisterPlayliststacks_in_1948 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_1948 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_1948, .no-audio #playlisterPlayliststacks_in_1948 { display: none; } #playlisterNoAudiostacks_in_1948 { display: none; } .no-audio #playlisterNoAudiostacks_in_1948 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_1948 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_1948 #shufflestacks_in_1948 { display: none; } #playlisterWrapperstacks_in_1948 #playlistTogglestacks_in_1948 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_1948 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_1948 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_1950{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_1950.splb{padding:12px}#splb_stacks_in_1950 .infix-iframe-container{background-color:}#stacks_in_1950{display:none}.infix-opened #stacks_in_1950,.infix-closed #stacks_in_1950{display:block}.lightbox5{cursor:pointer}#stacks_in_1950.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_1950.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_1953 *, #stacks_in_1953 *:before, #stacks_in_1953 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1953 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_1953 { -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_1953 { display: none !important; } #playlisterstacks_in_1953 { 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_1953 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_1953 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_1953 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_1953 { min-height: 0px; } #coverstacks_in_1953 { 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_1953 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_1953 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_1953 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_1953 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_1953 { margin-top: 0px; } } #titlestacks_in_1953 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_1953:before { content: ' '; } #albumstacks_in_1953 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_1953:before { content: 'Album: '; } #artiststacks_in_1953 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_1953:before { content: 'Artist: '; } #additionalInfostacks_in_1953 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_1953:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_1953 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_1953 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_1953 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_1953 .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_1953 .playlisterButtonStandard, #playlisterWrapperstacks_in_1953 .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_1953 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_1953 .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_1953 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_1953 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_1953 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_1953 .playlisterButton:hover, #playlisterWrapperstacks_in_1953 .playlisterButton:active, #playlisterWrapperstacks_in_1953 .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_1953 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1953 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_1953 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_1953 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1953 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_1953 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_1953 #playstacks_in_1953 i { margin-right: -3px; } #playlisterWrapperstacks_in_1953 #pausestacks_in_1953 { display: none; } #playlisterWrapperstacks_in_1953 .playlisterIsPlaying #playstacks_in_1953 { display: none; } #playlisterWrapperstacks_in_1953 .playlisterIsPlaying #pausestacks_in_1953 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_1953 .playlisterButton:after, #playlisterWrapperstacks_in_1953 .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_1953 { float: right; } #playlisterWrapperstacks_in_1953 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1953 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_1953 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1953 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_1953, #volumeBtnstacks_in_1953 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_1953 { display: inline-block; } #volumeControlsstacks_in_1953 { 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_1953 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_1953 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_1953 [class^="fa fa-"], #volume-fullstacks_in_1953 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_1953 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_1953 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_1953 .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_1953 .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_1953 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_1953 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_1953 #progressstacks_in_1953 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_1953 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_1953 { 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_1953 { visibility: hidden; } #durationstacks_in_1953.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_1953 { 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_1953 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_1953 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_1953 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_1953 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_1953 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_1953 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_1953 li.active-playlistitem, #playlisterPlayliststacks_in_1953 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_1953 li { padding-left: 0; } #playlisterPlayliststacks_in_1953 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_1953 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_1953, .no-audio #playlisterPlayliststacks_in_1953 { display: none; } #playlisterNoAudiostacks_in_1953 { display: none; } .no-audio #playlisterNoAudiostacks_in_1953 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_1953 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_1953 #shufflestacks_in_1953 { display: none; } #playlisterWrapperstacks_in_1953 #playlistTogglestacks_in_1953 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_1953 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_1953 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_1955{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_1955.splb{padding:12px}#splb_stacks_in_1955 .infix-iframe-container{background-color:}#stacks_in_1955{display:none}.infix-opened #stacks_in_1955,.infix-closed #stacks_in_1955{display:block}.lightbox6{cursor:pointer}#stacks_in_1955.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_1955.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_1958 *, #stacks_in_1958 *:before, #stacks_in_1958 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1958 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_1958 { -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_1958 { display: none !important; } #playlisterstacks_in_1958 { 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_1958 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_1958 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_1958 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_1958 { min-height: 0px; } #coverstacks_in_1958 { 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_1958 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_1958 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_1958 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_1958 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_1958 { margin-top: 0px; } } #titlestacks_in_1958 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_1958:before { content: ' '; } #albumstacks_in_1958 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_1958:before { content: 'Album: '; } #artiststacks_in_1958 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_1958:before { content: 'Artist: '; } #additionalInfostacks_in_1958 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_1958:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_1958 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_1958 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_1958 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_1958 .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_1958 .playlisterButtonStandard, #playlisterWrapperstacks_in_1958 .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_1958 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_1958 .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_1958 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_1958 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_1958 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_1958 .playlisterButton:hover, #playlisterWrapperstacks_in_1958 .playlisterButton:active, #playlisterWrapperstacks_in_1958 .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_1958 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1958 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_1958 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_1958 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1958 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_1958 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_1958 #playstacks_in_1958 i { margin-right: -3px; } #playlisterWrapperstacks_in_1958 #pausestacks_in_1958 { display: none; } #playlisterWrapperstacks_in_1958 .playlisterIsPlaying #playstacks_in_1958 { display: none; } #playlisterWrapperstacks_in_1958 .playlisterIsPlaying #pausestacks_in_1958 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_1958 .playlisterButton:after, #playlisterWrapperstacks_in_1958 .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_1958 { float: right; } #playlisterWrapperstacks_in_1958 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1958 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_1958 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1958 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_1958, #volumeBtnstacks_in_1958 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_1958 { display: inline-block; } #volumeControlsstacks_in_1958 { 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_1958 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_1958 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_1958 [class^="fa fa-"], #volume-fullstacks_in_1958 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_1958 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_1958 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_1958 .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_1958 .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_1958 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_1958 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_1958 #progressstacks_in_1958 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_1958 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_1958 { 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_1958 { visibility: hidden; } #durationstacks_in_1958.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_1958 { 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_1958 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_1958 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_1958 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_1958 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_1958 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_1958 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_1958 li.active-playlistitem, #playlisterPlayliststacks_in_1958 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_1958 li { padding-left: 0; } #playlisterPlayliststacks_in_1958 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_1958 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_1958, .no-audio #playlisterPlayliststacks_in_1958 { display: none; } #playlisterNoAudiostacks_in_1958 { display: none; } .no-audio #playlisterNoAudiostacks_in_1958 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_1958 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_1958 #shufflestacks_in_1958 { display: none; } #playlisterWrapperstacks_in_1958 #playlistTogglestacks_in_1958 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_1958 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_1958 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_1960{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_1960.splb{padding:12px}#splb_stacks_in_1960 .infix-iframe-container{background-color:}#stacks_in_1960{display:none}.infix-opened #stacks_in_1960,.infix-closed #stacks_in_1960{display:block}.lightbox7{cursor:pointer}#stacks_in_1960.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_1960.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_1963 *, #stacks_in_1963 *:before, #stacks_in_1963 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1963 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_1963 { -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_1963 { display: none !important; } #playlisterstacks_in_1963 { 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_1963 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_1963 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_1963 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_1963 { min-height: 0px; } #coverstacks_in_1963 { 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_1963 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_1963 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_1963 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_1963 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_1963 { margin-top: 0px; } } #titlestacks_in_1963 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_1963:before { content: ' '; } #albumstacks_in_1963 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_1963:before { content: 'Album: '; } #artiststacks_in_1963 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_1963:before { content: 'Artist: '; } #additionalInfostacks_in_1963 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_1963:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_1963 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_1963 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_1963 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_1963 .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_1963 .playlisterButtonStandard, #playlisterWrapperstacks_in_1963 .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_1963 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_1963 .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_1963 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_1963 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_1963 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_1963 .playlisterButton:hover, #playlisterWrapperstacks_in_1963 .playlisterButton:active, #playlisterWrapperstacks_in_1963 .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_1963 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1963 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_1963 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_1963 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1963 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_1963 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_1963 #playstacks_in_1963 i { margin-right: -3px; } #playlisterWrapperstacks_in_1963 #pausestacks_in_1963 { display: none; } #playlisterWrapperstacks_in_1963 .playlisterIsPlaying #playstacks_in_1963 { display: none; } #playlisterWrapperstacks_in_1963 .playlisterIsPlaying #pausestacks_in_1963 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_1963 .playlisterButton:after, #playlisterWrapperstacks_in_1963 .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_1963 { float: right; } #playlisterWrapperstacks_in_1963 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1963 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_1963 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1963 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_1963, #volumeBtnstacks_in_1963 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_1963 { display: inline-block; } #volumeControlsstacks_in_1963 { 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_1963 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_1963 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_1963 [class^="fa fa-"], #volume-fullstacks_in_1963 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_1963 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_1963 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_1963 .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_1963 .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_1963 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_1963 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_1963 #progressstacks_in_1963 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_1963 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_1963 { 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_1963 { visibility: hidden; } #durationstacks_in_1963.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_1963 { 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_1963 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_1963 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_1963 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_1963 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_1963 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_1963 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_1963 li.active-playlistitem, #playlisterPlayliststacks_in_1963 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_1963 li { padding-left: 0; } #playlisterPlayliststacks_in_1963 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_1963 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_1963, .no-audio #playlisterPlayliststacks_in_1963 { display: none; } #playlisterNoAudiostacks_in_1963 { display: none; } .no-audio #playlisterNoAudiostacks_in_1963 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_1963 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_1963 #shufflestacks_in_1963 { display: none; } #playlisterWrapperstacks_in_1963 #playlistTogglestacks_in_1963 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_1963 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_1963 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_1965{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_1965.splb{padding:12px}#splb_stacks_in_1965 .infix-iframe-container{background-color:}#stacks_in_1965{display:none}.infix-opened #stacks_in_1965,.infix-closed #stacks_in_1965{display:block}.lightbox8{cursor:pointer}#stacks_in_1965.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_1965.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_1968 *, #stacks_in_1968 *:before, #stacks_in_1968 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1968 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_1968 { -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_1968 { display: none !important; } #playlisterstacks_in_1968 { 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_1968 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_1968 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_1968 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_1968 { min-height: 0px; } #coverstacks_in_1968 { 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_1968 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_1968 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_1968 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_1968 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_1968 { margin-top: 0px; } } #titlestacks_in_1968 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_1968:before { content: ' '; } #albumstacks_in_1968 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_1968:before { content: 'Album: '; } #artiststacks_in_1968 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_1968:before { content: 'Artist: '; } #additionalInfostacks_in_1968 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_1968:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_1968 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_1968 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_1968 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_1968 .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_1968 .playlisterButtonStandard, #playlisterWrapperstacks_in_1968 .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_1968 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_1968 .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_1968 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_1968 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_1968 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_1968 .playlisterButton:hover, #playlisterWrapperstacks_in_1968 .playlisterButton:active, #playlisterWrapperstacks_in_1968 .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_1968 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1968 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_1968 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_1968 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1968 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_1968 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_1968 #playstacks_in_1968 i { margin-right: -3px; } #playlisterWrapperstacks_in_1968 #pausestacks_in_1968 { display: none; } #playlisterWrapperstacks_in_1968 .playlisterIsPlaying #playstacks_in_1968 { display: none; } #playlisterWrapperstacks_in_1968 .playlisterIsPlaying #pausestacks_in_1968 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_1968 .playlisterButton:after, #playlisterWrapperstacks_in_1968 .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_1968 { float: right; } #playlisterWrapperstacks_in_1968 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1968 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_1968 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1968 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_1968, #volumeBtnstacks_in_1968 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_1968 { display: inline-block; } #volumeControlsstacks_in_1968 { 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_1968 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_1968 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_1968 [class^="fa fa-"], #volume-fullstacks_in_1968 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_1968 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_1968 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_1968 .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_1968 .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_1968 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_1968 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_1968 #progressstacks_in_1968 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_1968 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_1968 { 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_1968 { visibility: hidden; } #durationstacks_in_1968.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_1968 { 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_1968 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_1968 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_1968 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_1968 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_1968 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_1968 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_1968 li.active-playlistitem, #playlisterPlayliststacks_in_1968 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_1968 li { padding-left: 0; } #playlisterPlayliststacks_in_1968 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_1968 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_1968, .no-audio #playlisterPlayliststacks_in_1968 { display: none; } #playlisterNoAudiostacks_in_1968 { display: none; } .no-audio #playlisterNoAudiostacks_in_1968 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_1968 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_1968 #shufflestacks_in_1968 { display: none; } #playlisterWrapperstacks_in_1968 #playlistTogglestacks_in_1968 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_1968 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_1968 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_1970{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_1970.splb{padding:12px}#splb_stacks_in_1970 .infix-iframe-container{background-color:}#stacks_in_1970{display:none}.infix-opened #stacks_in_1970,.infix-closed #stacks_in_1970{display:block}.lightbox9{cursor:pointer}#stacks_in_1970.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_1970.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_1973 *, #stacks_in_1973 *:before, #stacks_in_1973 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1973 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_1973 { -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_1973 { display: none !important; } #playlisterstacks_in_1973 { 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_1973 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_1973 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_1973 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_1973 { min-height: 0px; } #coverstacks_in_1973 { 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_1973 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_1973 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_1973 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_1973 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_1973 { margin-top: 0px; } } #titlestacks_in_1973 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_1973:before { content: ' '; } #albumstacks_in_1973 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_1973:before { content: 'Album: '; } #artiststacks_in_1973 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_1973:before { content: 'Artist: '; } #additionalInfostacks_in_1973 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_1973:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_1973 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_1973 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_1973 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_1973 .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_1973 .playlisterButtonStandard, #playlisterWrapperstacks_in_1973 .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_1973 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_1973 .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_1973 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_1973 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_1973 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_1973 .playlisterButton:hover, #playlisterWrapperstacks_in_1973 .playlisterButton:active, #playlisterWrapperstacks_in_1973 .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_1973 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1973 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_1973 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_1973 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1973 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_1973 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_1973 #playstacks_in_1973 i { margin-right: -3px; } #playlisterWrapperstacks_in_1973 #pausestacks_in_1973 { display: none; } #playlisterWrapperstacks_in_1973 .playlisterIsPlaying #playstacks_in_1973 { display: none; } #playlisterWrapperstacks_in_1973 .playlisterIsPlaying #pausestacks_in_1973 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_1973 .playlisterButton:after, #playlisterWrapperstacks_in_1973 .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_1973 { float: right; } #playlisterWrapperstacks_in_1973 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1973 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_1973 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1973 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_1973, #volumeBtnstacks_in_1973 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_1973 { display: inline-block; } #volumeControlsstacks_in_1973 { 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_1973 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_1973 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_1973 [class^="fa fa-"], #volume-fullstacks_in_1973 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_1973 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_1973 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_1973 .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_1973 .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_1973 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_1973 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_1973 #progressstacks_in_1973 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_1973 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_1973 { 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_1973 { visibility: hidden; } #durationstacks_in_1973.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_1973 { 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_1973 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_1973 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_1973 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_1973 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_1973 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_1973 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_1973 li.active-playlistitem, #playlisterPlayliststacks_in_1973 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_1973 li { padding-left: 0; } #playlisterPlayliststacks_in_1973 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_1973 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_1973, .no-audio #playlisterPlayliststacks_in_1973 { display: none; } #playlisterNoAudiostacks_in_1973 { display: none; } .no-audio #playlisterNoAudiostacks_in_1973 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_1973 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_1973 #shufflestacks_in_1973 { display: none; } #playlisterWrapperstacks_in_1973 #playlistTogglestacks_in_1973 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_1973 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_1973 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_1975{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_1975.splb{padding:12px}#splb_stacks_in_1975 .infix-iframe-container{background-color:}#stacks_in_1975{display:none}.infix-opened #stacks_in_1975,.infix-closed #stacks_in_1975{display:block}.lightbox10{cursor:pointer}#stacks_in_1975.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_1975.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_1978 *, #stacks_in_1978 *:before, #stacks_in_1978 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1978 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_1978 { -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_1978 { display: none !important; } #playlisterstacks_in_1978 { 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_1978 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_1978 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_1978 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_1978 { min-height: 0px; } #coverstacks_in_1978 { 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_1978 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_1978 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_1978 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_1978 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_1978 { margin-top: 0px; } } #titlestacks_in_1978 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_1978:before { content: ' '; } #albumstacks_in_1978 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_1978:before { content: 'Album: '; } #artiststacks_in_1978 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_1978:before { content: 'Artist: '; } #additionalInfostacks_in_1978 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_1978:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_1978 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_1978 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_1978 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_1978 .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_1978 .playlisterButtonStandard, #playlisterWrapperstacks_in_1978 .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_1978 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_1978 .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_1978 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_1978 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_1978 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_1978 .playlisterButton:hover, #playlisterWrapperstacks_in_1978 .playlisterButton:active, #playlisterWrapperstacks_in_1978 .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_1978 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1978 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_1978 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_1978 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1978 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_1978 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_1978 #playstacks_in_1978 i { margin-right: -3px; } #playlisterWrapperstacks_in_1978 #pausestacks_in_1978 { display: none; } #playlisterWrapperstacks_in_1978 .playlisterIsPlaying #playstacks_in_1978 { display: none; } #playlisterWrapperstacks_in_1978 .playlisterIsPlaying #pausestacks_in_1978 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_1978 .playlisterButton:after, #playlisterWrapperstacks_in_1978 .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_1978 { float: right; } #playlisterWrapperstacks_in_1978 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1978 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_1978 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1978 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_1978, #volumeBtnstacks_in_1978 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_1978 { display: inline-block; } #volumeControlsstacks_in_1978 { 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_1978 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_1978 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_1978 [class^="fa fa-"], #volume-fullstacks_in_1978 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_1978 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_1978 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_1978 .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_1978 .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_1978 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_1978 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_1978 #progressstacks_in_1978 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_1978 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_1978 { 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_1978 { visibility: hidden; } #durationstacks_in_1978.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_1978 { 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_1978 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_1978 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_1978 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_1978 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_1978 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_1978 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_1978 li.active-playlistitem, #playlisterPlayliststacks_in_1978 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_1978 li { padding-left: 0; } #playlisterPlayliststacks_in_1978 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_1978 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_1978, .no-audio #playlisterPlayliststacks_in_1978 { display: none; } #playlisterNoAudiostacks_in_1978 { display: none; } .no-audio #playlisterNoAudiostacks_in_1978 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_1978 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_1978 #shufflestacks_in_1978 { display: none; } #playlisterWrapperstacks_in_1978 #playlistTogglestacks_in_1978 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_1978 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_1978 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_1980{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_1980.splb{padding:12px}#splb_stacks_in_1980 .infix-iframe-container{background-color:}#stacks_in_1980{display:none}.infix-opened #stacks_in_1980,.infix-closed #stacks_in_1980{display:block}.lightbox11{cursor:pointer}#stacks_in_1980.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_1980.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_1983 *, #stacks_in_1983 *:before, #stacks_in_1983 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1983 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_1983 { -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_1983 { display: none !important; } #playlisterstacks_in_1983 { 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_1983 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_1983 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_1983 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_1983 { min-height: 0px; } #coverstacks_in_1983 { 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_1983 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_1983 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_1983 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_1983 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_1983 { margin-top: 0px; } } #titlestacks_in_1983 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_1983:before { content: ' '; } #albumstacks_in_1983 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_1983:before { content: 'Album: '; } #artiststacks_in_1983 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_1983:before { content: 'Artist: '; } #additionalInfostacks_in_1983 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_1983:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_1983 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_1983 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_1983 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_1983 .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_1983 .playlisterButtonStandard, #playlisterWrapperstacks_in_1983 .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_1983 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_1983 .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_1983 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_1983 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_1983 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_1983 .playlisterButton:hover, #playlisterWrapperstacks_in_1983 .playlisterButton:active, #playlisterWrapperstacks_in_1983 .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_1983 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1983 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_1983 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_1983 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1983 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_1983 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_1983 #playstacks_in_1983 i { margin-right: -3px; } #playlisterWrapperstacks_in_1983 #pausestacks_in_1983 { display: none; } #playlisterWrapperstacks_in_1983 .playlisterIsPlaying #playstacks_in_1983 { display: none; } #playlisterWrapperstacks_in_1983 .playlisterIsPlaying #pausestacks_in_1983 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_1983 .playlisterButton:after, #playlisterWrapperstacks_in_1983 .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_1983 { float: right; } #playlisterWrapperstacks_in_1983 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1983 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_1983 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1983 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_1983, #volumeBtnstacks_in_1983 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_1983 { display: inline-block; } #volumeControlsstacks_in_1983 { 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_1983 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_1983 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_1983 [class^="fa fa-"], #volume-fullstacks_in_1983 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_1983 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_1983 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_1983 .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_1983 .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_1983 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_1983 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_1983 #progressstacks_in_1983 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_1983 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_1983 { 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_1983 { visibility: hidden; } #durationstacks_in_1983.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_1983 { 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_1983 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_1983 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_1983 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_1983 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_1983 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_1983 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_1983 li.active-playlistitem, #playlisterPlayliststacks_in_1983 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_1983 li { padding-left: 0; } #playlisterPlayliststacks_in_1983 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_1983 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_1983, .no-audio #playlisterPlayliststacks_in_1983 { display: none; } #playlisterNoAudiostacks_in_1983 { display: none; } .no-audio #playlisterNoAudiostacks_in_1983 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_1983 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_1983 #shufflestacks_in_1983 { display: none; } #playlisterWrapperstacks_in_1983 #playlistTogglestacks_in_1983 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_1983 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_1983 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_1985{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_1985.splb{padding:12px}#splb_stacks_in_1985 .infix-iframe-container{background-color:}#stacks_in_1985{display:none}.infix-opened #stacks_in_1985,.infix-closed #stacks_in_1985{display:block}.lightbox12{cursor:pointer}#stacks_in_1985.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_1985.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_1988 *, #stacks_in_1988 *:before, #stacks_in_1988 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1988 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_1988 { -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_1988 { display: none !important; } #playlisterstacks_in_1988 { 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_1988 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_1988 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_1988 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_1988 { min-height: 0px; } #coverstacks_in_1988 { 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_1988 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_1988 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_1988 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_1988 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_1988 { margin-top: 0px; } } #titlestacks_in_1988 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_1988:before { content: ' '; } #albumstacks_in_1988 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_1988:before { content: 'Album: '; } #artiststacks_in_1988 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_1988:before { content: 'Artist: '; } #additionalInfostacks_in_1988 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_1988:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_1988 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_1988 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_1988 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_1988 .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_1988 .playlisterButtonStandard, #playlisterWrapperstacks_in_1988 .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_1988 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_1988 .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_1988 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_1988 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_1988 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_1988 .playlisterButton:hover, #playlisterWrapperstacks_in_1988 .playlisterButton:active, #playlisterWrapperstacks_in_1988 .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_1988 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1988 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_1988 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_1988 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1988 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_1988 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_1988 #playstacks_in_1988 i { margin-right: -3px; } #playlisterWrapperstacks_in_1988 #pausestacks_in_1988 { display: none; } #playlisterWrapperstacks_in_1988 .playlisterIsPlaying #playstacks_in_1988 { display: none; } #playlisterWrapperstacks_in_1988 .playlisterIsPlaying #pausestacks_in_1988 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_1988 .playlisterButton:after, #playlisterWrapperstacks_in_1988 .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_1988 { float: right; } #playlisterWrapperstacks_in_1988 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1988 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_1988 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1988 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_1988, #volumeBtnstacks_in_1988 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_1988 { display: inline-block; } #volumeControlsstacks_in_1988 { 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_1988 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_1988 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_1988 [class^="fa fa-"], #volume-fullstacks_in_1988 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_1988 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_1988 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_1988 .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_1988 .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_1988 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_1988 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_1988 #progressstacks_in_1988 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_1988 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_1988 { 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_1988 { visibility: hidden; } #durationstacks_in_1988.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_1988 { 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_1988 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_1988 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_1988 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_1988 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_1988 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_1988 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_1988 li.active-playlistitem, #playlisterPlayliststacks_in_1988 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_1988 li { padding-left: 0; } #playlisterPlayliststacks_in_1988 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_1988 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_1988, .no-audio #playlisterPlayliststacks_in_1988 { display: none; } #playlisterNoAudiostacks_in_1988 { display: none; } .no-audio #playlisterNoAudiostacks_in_1988 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_1988 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_1988 #shufflestacks_in_1988 { display: none; } #playlisterWrapperstacks_in_1988 #playlistTogglestacks_in_1988 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_1988 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_1988 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_1990{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_1990.splb{padding:12px}#splb_stacks_in_1990 .infix-iframe-container{background-color:}#stacks_in_1990{display:none}.infix-opened #stacks_in_1990,.infix-closed #stacks_in_1990{display:block}.lightbox13{cursor:pointer}#stacks_in_1990.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_1990.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_1993 *, #stacks_in_1993 *:before, #stacks_in_1993 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1993 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_1993 { -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_1993 { display: none !important; } #playlisterstacks_in_1993 { 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_1993 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_1993 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_1993 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_1993 { min-height: 0px; } #coverstacks_in_1993 { 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_1993 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_1993 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_1993 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_1993 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_1993 { margin-top: 0px; } } #titlestacks_in_1993 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_1993:before { content: ' '; } #albumstacks_in_1993 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_1993:before { content: 'Album: '; } #artiststacks_in_1993 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_1993:before { content: 'Artist: '; } #additionalInfostacks_in_1993 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_1993:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_1993 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_1993 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_1993 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_1993 .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_1993 .playlisterButtonStandard, #playlisterWrapperstacks_in_1993 .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_1993 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_1993 .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_1993 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_1993 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_1993 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_1993 .playlisterButton:hover, #playlisterWrapperstacks_in_1993 .playlisterButton:active, #playlisterWrapperstacks_in_1993 .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_1993 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1993 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_1993 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_1993 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1993 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_1993 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_1993 #playstacks_in_1993 i { margin-right: -3px; } #playlisterWrapperstacks_in_1993 #pausestacks_in_1993 { display: none; } #playlisterWrapperstacks_in_1993 .playlisterIsPlaying #playstacks_in_1993 { display: none; } #playlisterWrapperstacks_in_1993 .playlisterIsPlaying #pausestacks_in_1993 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_1993 .playlisterButton:after, #playlisterWrapperstacks_in_1993 .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_1993 { float: right; } #playlisterWrapperstacks_in_1993 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1993 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_1993 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1993 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_1993, #volumeBtnstacks_in_1993 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_1993 { display: inline-block; } #volumeControlsstacks_in_1993 { 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_1993 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_1993 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_1993 [class^="fa fa-"], #volume-fullstacks_in_1993 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_1993 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_1993 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_1993 .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_1993 .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_1993 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_1993 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_1993 #progressstacks_in_1993 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_1993 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_1993 { 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_1993 { visibility: hidden; } #durationstacks_in_1993.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_1993 { 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_1993 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_1993 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_1993 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_1993 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_1993 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_1993 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_1993 li.active-playlistitem, #playlisterPlayliststacks_in_1993 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_1993 li { padding-left: 0; } #playlisterPlayliststacks_in_1993 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_1993 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_1993, .no-audio #playlisterPlayliststacks_in_1993 { display: none; } #playlisterNoAudiostacks_in_1993 { display: none; } .no-audio #playlisterNoAudiostacks_in_1993 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_1993 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_1993 #shufflestacks_in_1993 { display: none; } #playlisterWrapperstacks_in_1993 #playlistTogglestacks_in_1993 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_1993 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_1993 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_1995{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_1995.splb{padding:12px}#splb_stacks_in_1995 .infix-iframe-container{background-color:}#stacks_in_1995{display:none}.infix-opened #stacks_in_1995,.infix-closed #stacks_in_1995{display:block}.lightbox14{cursor:pointer}#stacks_in_1995.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_1995.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_1998 *, #stacks_in_1998 *:before, #stacks_in_1998 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1998 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_1998 { -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_1998 { display: none !important; } #playlisterstacks_in_1998 { 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_1998 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_1998 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_1998 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_1998 { min-height: 0px; } #coverstacks_in_1998 { 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_1998 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_1998 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_1998 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_1998 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_1998 { margin-top: 0px; } } #titlestacks_in_1998 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_1998:before { content: ' '; } #albumstacks_in_1998 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_1998:before { content: 'Album: '; } #artiststacks_in_1998 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_1998:before { content: 'Artist: '; } #additionalInfostacks_in_1998 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_1998:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_1998 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_1998 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_1998 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_1998 .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_1998 .playlisterButtonStandard, #playlisterWrapperstacks_in_1998 .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_1998 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_1998 .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_1998 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_1998 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_1998 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_1998 .playlisterButton:hover, #playlisterWrapperstacks_in_1998 .playlisterButton:active, #playlisterWrapperstacks_in_1998 .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_1998 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1998 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_1998 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_1998 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_1998 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_1998 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_1998 #playstacks_in_1998 i { margin-right: -3px; } #playlisterWrapperstacks_in_1998 #pausestacks_in_1998 { display: none; } #playlisterWrapperstacks_in_1998 .playlisterIsPlaying #playstacks_in_1998 { display: none; } #playlisterWrapperstacks_in_1998 .playlisterIsPlaying #pausestacks_in_1998 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_1998 .playlisterButton:after, #playlisterWrapperstacks_in_1998 .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_1998 { float: right; } #playlisterWrapperstacks_in_1998 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1998 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_1998 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_1998 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_1998, #volumeBtnstacks_in_1998 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_1998 { display: inline-block; } #volumeControlsstacks_in_1998 { 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_1998 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_1998 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_1998 [class^="fa fa-"], #volume-fullstacks_in_1998 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_1998 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_1998 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_1998 .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_1998 .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_1998 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_1998 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_1998 #progressstacks_in_1998 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_1998 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_1998 { 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_1998 { visibility: hidden; } #durationstacks_in_1998.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_1998 { 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_1998 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_1998 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_1998 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_1998 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_1998 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_1998 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_1998 li.active-playlistitem, #playlisterPlayliststacks_in_1998 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_1998 li { padding-left: 0; } #playlisterPlayliststacks_in_1998 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_1998 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_1998, .no-audio #playlisterPlayliststacks_in_1998 { display: none; } #playlisterNoAudiostacks_in_1998 { display: none; } .no-audio #playlisterNoAudiostacks_in_1998 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_1998 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_1998 #shufflestacks_in_1998 { display: none; } #playlisterWrapperstacks_in_1998 #playlistTogglestacks_in_1998 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_1998 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_1998 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2000{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2000.splb{padding:12px}#splb_stacks_in_2000 .infix-iframe-container{background-color:}#stacks_in_2000{display:none}.infix-opened #stacks_in_2000,.infix-closed #stacks_in_2000{display:block}.lightbox15{cursor:pointer}#stacks_in_2000.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2000.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2003 *, #stacks_in_2003 *:before, #stacks_in_2003 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2003 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2003 { -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_2003 { display: none !important; } #playlisterstacks_in_2003 { 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_2003 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2003 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2003 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2003 { min-height: 0px; } #coverstacks_in_2003 { 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_2003 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2003 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2003 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2003 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2003 { margin-top: 0px; } } #titlestacks_in_2003 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2003:before { content: ' '; } #albumstacks_in_2003 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2003:before { content: 'Album: '; } #artiststacks_in_2003 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2003:before { content: 'Artist: '; } #additionalInfostacks_in_2003 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2003:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2003 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2003 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2003 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2003 .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_2003 .playlisterButtonStandard, #playlisterWrapperstacks_in_2003 .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_2003 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2003 .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_2003 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2003 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2003 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2003 .playlisterButton:hover, #playlisterWrapperstacks_in_2003 .playlisterButton:active, #playlisterWrapperstacks_in_2003 .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_2003 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2003 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2003 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2003 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2003 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2003 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2003 #playstacks_in_2003 i { margin-right: -3px; } #playlisterWrapperstacks_in_2003 #pausestacks_in_2003 { display: none; } #playlisterWrapperstacks_in_2003 .playlisterIsPlaying #playstacks_in_2003 { display: none; } #playlisterWrapperstacks_in_2003 .playlisterIsPlaying #pausestacks_in_2003 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2003 .playlisterButton:after, #playlisterWrapperstacks_in_2003 .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_2003 { float: right; } #playlisterWrapperstacks_in_2003 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2003 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2003 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2003 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2003, #volumeBtnstacks_in_2003 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2003 { display: inline-block; } #volumeControlsstacks_in_2003 { 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_2003 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2003 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2003 [class^="fa fa-"], #volume-fullstacks_in_2003 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2003 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2003 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2003 .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_2003 .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_2003 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2003 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2003 #progressstacks_in_2003 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2003 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2003 { 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_2003 { visibility: hidden; } #durationstacks_in_2003.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2003 { 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_2003 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2003 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2003 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2003 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2003 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_2003 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2003 li.active-playlistitem, #playlisterPlayliststacks_in_2003 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2003 li { padding-left: 0; } #playlisterPlayliststacks_in_2003 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2003 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2003, .no-audio #playlisterPlayliststacks_in_2003 { display: none; } #playlisterNoAudiostacks_in_2003 { display: none; } .no-audio #playlisterNoAudiostacks_in_2003 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2003 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2003 #shufflestacks_in_2003 { display: none; } #playlisterWrapperstacks_in_2003 #playlistTogglestacks_in_2003 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2003 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2003 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2005{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2005.splb{padding:12px}#splb_stacks_in_2005 .infix-iframe-container{background-color:}#stacks_in_2005{display:none}.infix-opened #stacks_in_2005,.infix-closed #stacks_in_2005{display:block}.lightbox16{cursor:pointer}#stacks_in_2005.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2005.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2008 *, #stacks_in_2008 *:before, #stacks_in_2008 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2008 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2008 { -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_2008 { display: none !important; } #playlisterstacks_in_2008 { 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_2008 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2008 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2008 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2008 { min-height: 0px; } #coverstacks_in_2008 { 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_2008 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2008 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2008 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2008 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2008 { margin-top: 0px; } } #titlestacks_in_2008 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2008:before { content: ' '; } #albumstacks_in_2008 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2008:before { content: 'Album: '; } #artiststacks_in_2008 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2008:before { content: 'Artist: '; } #additionalInfostacks_in_2008 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2008:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2008 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2008 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2008 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2008 .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_2008 .playlisterButtonStandard, #playlisterWrapperstacks_in_2008 .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_2008 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2008 .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_2008 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2008 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2008 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2008 .playlisterButton:hover, #playlisterWrapperstacks_in_2008 .playlisterButton:active, #playlisterWrapperstacks_in_2008 .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_2008 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2008 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2008 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2008 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2008 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2008 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2008 #playstacks_in_2008 i { margin-right: -3px; } #playlisterWrapperstacks_in_2008 #pausestacks_in_2008 { display: none; } #playlisterWrapperstacks_in_2008 .playlisterIsPlaying #playstacks_in_2008 { display: none; } #playlisterWrapperstacks_in_2008 .playlisterIsPlaying #pausestacks_in_2008 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2008 .playlisterButton:after, #playlisterWrapperstacks_in_2008 .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_2008 { float: right; } #playlisterWrapperstacks_in_2008 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2008 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2008 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2008 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2008, #volumeBtnstacks_in_2008 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2008 { display: inline-block; } #volumeControlsstacks_in_2008 { 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_2008 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2008 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2008 [class^="fa fa-"], #volume-fullstacks_in_2008 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2008 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2008 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2008 .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_2008 .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_2008 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2008 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2008 #progressstacks_in_2008 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2008 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2008 { 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_2008 { visibility: hidden; } #durationstacks_in_2008.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2008 { 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_2008 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2008 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2008 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2008 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2008 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_2008 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2008 li.active-playlistitem, #playlisterPlayliststacks_in_2008 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2008 li { padding-left: 0; } #playlisterPlayliststacks_in_2008 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2008 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2008, .no-audio #playlisterPlayliststacks_in_2008 { display: none; } #playlisterNoAudiostacks_in_2008 { display: none; } .no-audio #playlisterNoAudiostacks_in_2008 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2008 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2008 #shufflestacks_in_2008 { display: none; } #playlisterWrapperstacks_in_2008 #playlistTogglestacks_in_2008 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2008 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2008 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2010{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2010.splb{padding:12px}#splb_stacks_in_2010 .infix-iframe-container{background-color:}#stacks_in_2010{display:none}.infix-opened #stacks_in_2010,.infix-closed #stacks_in_2010{display:block}.lightbox17{cursor:pointer}#stacks_in_2010.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2010.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2013 *, #stacks_in_2013 *:before, #stacks_in_2013 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2013 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2013 { -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_2013 { display: none !important; } #playlisterstacks_in_2013 { 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_2013 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2013 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2013 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2013 { min-height: 0px; } #coverstacks_in_2013 { 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_2013 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2013 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2013 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2013 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2013 { margin-top: 0px; } } #titlestacks_in_2013 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2013:before { content: ' '; } #albumstacks_in_2013 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2013:before { content: 'Album: '; } #artiststacks_in_2013 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2013:before { content: 'Artist: '; } #additionalInfostacks_in_2013 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2013:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2013 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2013 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2013 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2013 .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_2013 .playlisterButtonStandard, #playlisterWrapperstacks_in_2013 .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_2013 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2013 .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_2013 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2013 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2013 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2013 .playlisterButton:hover, #playlisterWrapperstacks_in_2013 .playlisterButton:active, #playlisterWrapperstacks_in_2013 .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_2013 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2013 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2013 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2013 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2013 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2013 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2013 #playstacks_in_2013 i { margin-right: -3px; } #playlisterWrapperstacks_in_2013 #pausestacks_in_2013 { display: none; } #playlisterWrapperstacks_in_2013 .playlisterIsPlaying #playstacks_in_2013 { display: none; } #playlisterWrapperstacks_in_2013 .playlisterIsPlaying #pausestacks_in_2013 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2013 .playlisterButton:after, #playlisterWrapperstacks_in_2013 .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_2013 { float: right; } #playlisterWrapperstacks_in_2013 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2013 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2013 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2013 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2013, #volumeBtnstacks_in_2013 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2013 { display: inline-block; } #volumeControlsstacks_in_2013 { 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_2013 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2013 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2013 [class^="fa fa-"], #volume-fullstacks_in_2013 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2013 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2013 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2013 .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_2013 .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_2013 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2013 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2013 #progressstacks_in_2013 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2013 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2013 { 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_2013 { visibility: hidden; } #durationstacks_in_2013.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2013 { 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_2013 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2013 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2013 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2013 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2013 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_2013 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2013 li.active-playlistitem, #playlisterPlayliststacks_in_2013 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2013 li { padding-left: 0; } #playlisterPlayliststacks_in_2013 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2013 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2013, .no-audio #playlisterPlayliststacks_in_2013 { display: none; } #playlisterNoAudiostacks_in_2013 { display: none; } .no-audio #playlisterNoAudiostacks_in_2013 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2013 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2013 #shufflestacks_in_2013 { display: none; } #playlisterWrapperstacks_in_2013 #playlistTogglestacks_in_2013 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2013 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2013 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2015{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2015.splb{padding:12px}#splb_stacks_in_2015 .infix-iframe-container{background-color:}#stacks_in_2015{display:none}.infix-opened #stacks_in_2015,.infix-closed #stacks_in_2015{display:block}.lightbox18{cursor:pointer}#stacks_in_2015.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2015.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2018 *, #stacks_in_2018 *:before, #stacks_in_2018 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2018 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2018 { -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_2018 { display: none !important; } #playlisterstacks_in_2018 { 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_2018 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2018 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2018 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2018 { min-height: 0px; } #coverstacks_in_2018 { 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_2018 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2018 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2018 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2018 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2018 { margin-top: 0px; } } #titlestacks_in_2018 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2018:before { content: ' '; } #albumstacks_in_2018 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2018:before { content: 'Album: '; } #artiststacks_in_2018 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2018:before { content: 'Artist: '; } #additionalInfostacks_in_2018 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2018:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2018 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2018 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2018 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2018 .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_2018 .playlisterButtonStandard, #playlisterWrapperstacks_in_2018 .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_2018 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2018 .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_2018 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2018 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2018 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2018 .playlisterButton:hover, #playlisterWrapperstacks_in_2018 .playlisterButton:active, #playlisterWrapperstacks_in_2018 .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_2018 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2018 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2018 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2018 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2018 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2018 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2018 #playstacks_in_2018 i { margin-right: -3px; } #playlisterWrapperstacks_in_2018 #pausestacks_in_2018 { display: none; } #playlisterWrapperstacks_in_2018 .playlisterIsPlaying #playstacks_in_2018 { display: none; } #playlisterWrapperstacks_in_2018 .playlisterIsPlaying #pausestacks_in_2018 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2018 .playlisterButton:after, #playlisterWrapperstacks_in_2018 .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_2018 { float: right; } #playlisterWrapperstacks_in_2018 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2018 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2018 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2018 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2018, #volumeBtnstacks_in_2018 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2018 { display: inline-block; } #volumeControlsstacks_in_2018 { 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_2018 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2018 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2018 [class^="fa fa-"], #volume-fullstacks_in_2018 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2018 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2018 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2018 .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_2018 .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_2018 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2018 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2018 #progressstacks_in_2018 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2018 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2018 { 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_2018 { visibility: hidden; } #durationstacks_in_2018.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2018 { 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_2018 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2018 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2018 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2018 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2018 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_2018 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2018 li.active-playlistitem, #playlisterPlayliststacks_in_2018 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2018 li { padding-left: 0; } #playlisterPlayliststacks_in_2018 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2018 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2018, .no-audio #playlisterPlayliststacks_in_2018 { display: none; } #playlisterNoAudiostacks_in_2018 { display: none; } .no-audio #playlisterNoAudiostacks_in_2018 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2018 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2018 #shufflestacks_in_2018 { display: none; } #playlisterWrapperstacks_in_2018 #playlistTogglestacks_in_2018 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2018 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2018 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2020{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2020.splb{padding:12px}#splb_stacks_in_2020 .infix-iframe-container{background-color:}#stacks_in_2020{display:none}.infix-opened #stacks_in_2020,.infix-closed #stacks_in_2020{display:block}.lightbox19{cursor:pointer}#stacks_in_2020.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2020.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2023 *, #stacks_in_2023 *:before, #stacks_in_2023 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2023 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2023 { -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_2023 { display: none !important; } #playlisterstacks_in_2023 { 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_2023 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2023 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2023 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2023 { min-height: 0px; } #coverstacks_in_2023 { 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_2023 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2023 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2023 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2023 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2023 { margin-top: 0px; } } #titlestacks_in_2023 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2023:before { content: ' '; } #albumstacks_in_2023 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2023:before { content: 'Album: '; } #artiststacks_in_2023 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2023:before { content: 'Artist: '; } #additionalInfostacks_in_2023 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2023:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2023 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2023 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2023 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2023 .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_2023 .playlisterButtonStandard, #playlisterWrapperstacks_in_2023 .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_2023 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2023 .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_2023 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2023 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2023 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2023 .playlisterButton:hover, #playlisterWrapperstacks_in_2023 .playlisterButton:active, #playlisterWrapperstacks_in_2023 .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_2023 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2023 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2023 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2023 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2023 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2023 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2023 #playstacks_in_2023 i { margin-right: -3px; } #playlisterWrapperstacks_in_2023 #pausestacks_in_2023 { display: none; } #playlisterWrapperstacks_in_2023 .playlisterIsPlaying #playstacks_in_2023 { display: none; } #playlisterWrapperstacks_in_2023 .playlisterIsPlaying #pausestacks_in_2023 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2023 .playlisterButton:after, #playlisterWrapperstacks_in_2023 .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_2023 { float: right; } #playlisterWrapperstacks_in_2023 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2023 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2023 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2023 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2023, #volumeBtnstacks_in_2023 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2023 { display: inline-block; } #volumeControlsstacks_in_2023 { 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_2023 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2023 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2023 [class^="fa fa-"], #volume-fullstacks_in_2023 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2023 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2023 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2023 .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_2023 .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_2023 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2023 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2023 #progressstacks_in_2023 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2023 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2023 { 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_2023 { visibility: hidden; } #durationstacks_in_2023.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2023 { 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_2023 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2023 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2023 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2023 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2023 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_2023 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2023 li.active-playlistitem, #playlisterPlayliststacks_in_2023 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2023 li { padding-left: 0; } #playlisterPlayliststacks_in_2023 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2023 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2023, .no-audio #playlisterPlayliststacks_in_2023 { display: none; } #playlisterNoAudiostacks_in_2023 { display: none; } .no-audio #playlisterNoAudiostacks_in_2023 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2023 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2023 #shufflestacks_in_2023 { display: none; } #playlisterWrapperstacks_in_2023 #playlistTogglestacks_in_2023 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2023 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2023 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2025{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2025.splb{padding:12px}#splb_stacks_in_2025 .infix-iframe-container{background-color:}#stacks_in_2025{display:none}.infix-opened #stacks_in_2025,.infix-closed #stacks_in_2025{display:block}.lightbox20{cursor:pointer}#stacks_in_2025.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2025.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2028 *, #stacks_in_2028 *:before, #stacks_in_2028 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2028 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2028 { -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_2028 { display: none !important; } #playlisterstacks_in_2028 { 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_2028 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2028 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2028 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2028 { min-height: 0px; } #coverstacks_in_2028 { 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_2028 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2028 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2028 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2028 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2028 { margin-top: 0px; } } #titlestacks_in_2028 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2028:before { content: ' '; } #albumstacks_in_2028 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2028:before { content: 'Album: '; } #artiststacks_in_2028 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2028:before { content: 'Artist: '; } #additionalInfostacks_in_2028 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2028:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2028 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2028 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2028 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2028 .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_2028 .playlisterButtonStandard, #playlisterWrapperstacks_in_2028 .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_2028 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2028 .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_2028 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2028 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2028 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2028 .playlisterButton:hover, #playlisterWrapperstacks_in_2028 .playlisterButton:active, #playlisterWrapperstacks_in_2028 .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_2028 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2028 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2028 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2028 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2028 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2028 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2028 #playstacks_in_2028 i { margin-right: -3px; } #playlisterWrapperstacks_in_2028 #pausestacks_in_2028 { display: none; } #playlisterWrapperstacks_in_2028 .playlisterIsPlaying #playstacks_in_2028 { display: none; } #playlisterWrapperstacks_in_2028 .playlisterIsPlaying #pausestacks_in_2028 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2028 .playlisterButton:after, #playlisterWrapperstacks_in_2028 .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_2028 { float: right; } #playlisterWrapperstacks_in_2028 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2028 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2028 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2028 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2028, #volumeBtnstacks_in_2028 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2028 { display: inline-block; } #volumeControlsstacks_in_2028 { 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_2028 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2028 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2028 [class^="fa fa-"], #volume-fullstacks_in_2028 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2028 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2028 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2028 .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_2028 .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_2028 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2028 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2028 #progressstacks_in_2028 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2028 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2028 { 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_2028 { visibility: hidden; } #durationstacks_in_2028.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2028 { 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_2028 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2028 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2028 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2028 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2028 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_2028 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2028 li.active-playlistitem, #playlisterPlayliststacks_in_2028 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2028 li { padding-left: 0; } #playlisterPlayliststacks_in_2028 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2028 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2028, .no-audio #playlisterPlayliststacks_in_2028 { display: none; } #playlisterNoAudiostacks_in_2028 { display: none; } .no-audio #playlisterNoAudiostacks_in_2028 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2028 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2028 #shufflestacks_in_2028 { display: none; } #playlisterWrapperstacks_in_2028 #playlistTogglestacks_in_2028 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2028 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2028 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2030{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2030.splb{padding:12px}#splb_stacks_in_2030 .infix-iframe-container{background-color:}#stacks_in_2030{display:none}.infix-opened #stacks_in_2030,.infix-closed #stacks_in_2030{display:block}.lightbox21{cursor:pointer}#stacks_in_2030.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2030.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2033 *, #stacks_in_2033 *:before, #stacks_in_2033 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2033 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2033 { -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_2033 { display: none !important; } #playlisterstacks_in_2033 { 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_2033 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2033 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2033 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2033 { min-height: 0px; } #coverstacks_in_2033 { 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_2033 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2033 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2033 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2033 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2033 { margin-top: 0px; } } #titlestacks_in_2033 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2033:before { content: ' '; } #albumstacks_in_2033 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2033:before { content: 'Album: '; } #artiststacks_in_2033 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2033:before { content: 'Artist: '; } #additionalInfostacks_in_2033 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2033:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2033 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2033 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2033 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2033 .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_2033 .playlisterButtonStandard, #playlisterWrapperstacks_in_2033 .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_2033 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2033 .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_2033 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2033 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2033 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2033 .playlisterButton:hover, #playlisterWrapperstacks_in_2033 .playlisterButton:active, #playlisterWrapperstacks_in_2033 .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_2033 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2033 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2033 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2033 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2033 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2033 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2033 #playstacks_in_2033 i { margin-right: -3px; } #playlisterWrapperstacks_in_2033 #pausestacks_in_2033 { display: none; } #playlisterWrapperstacks_in_2033 .playlisterIsPlaying #playstacks_in_2033 { display: none; } #playlisterWrapperstacks_in_2033 .playlisterIsPlaying #pausestacks_in_2033 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2033 .playlisterButton:after, #playlisterWrapperstacks_in_2033 .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_2033 { float: right; } #playlisterWrapperstacks_in_2033 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2033 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2033 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2033 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2033, #volumeBtnstacks_in_2033 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2033 { display: inline-block; } #volumeControlsstacks_in_2033 { 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_2033 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2033 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2033 [class^="fa fa-"], #volume-fullstacks_in_2033 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2033 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2033 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2033 .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_2033 .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_2033 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2033 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2033 #progressstacks_in_2033 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2033 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2033 { 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_2033 { visibility: hidden; } #durationstacks_in_2033.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2033 { 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_2033 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2033 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2033 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2033 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2033 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_2033 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2033 li.active-playlistitem, #playlisterPlayliststacks_in_2033 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2033 li { padding-left: 0; } #playlisterPlayliststacks_in_2033 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2033 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2033, .no-audio #playlisterPlayliststacks_in_2033 { display: none; } #playlisterNoAudiostacks_in_2033 { display: none; } .no-audio #playlisterNoAudiostacks_in_2033 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2033 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2033 #shufflestacks_in_2033 { display: none; } #playlisterWrapperstacks_in_2033 #playlistTogglestacks_in_2033 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2033 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2033 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2035{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2035.splb{padding:12px}#splb_stacks_in_2035 .infix-iframe-container{background-color:}#stacks_in_2035{display:none}.infix-opened #stacks_in_2035,.infix-closed #stacks_in_2035{display:block}.lightbox22{cursor:pointer}#stacks_in_2035.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2035.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2038 *, #stacks_in_2038 *:before, #stacks_in_2038 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2038 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2038 { -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_2038 { display: none !important; } #playlisterstacks_in_2038 { 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_2038 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2038 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2038 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2038 { min-height: 0px; } #coverstacks_in_2038 { 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_2038 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2038 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2038 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2038 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2038 { margin-top: 0px; } } #titlestacks_in_2038 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2038:before { content: ' '; } #albumstacks_in_2038 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2038:before { content: 'Album: '; } #artiststacks_in_2038 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2038:before { content: 'Artist: '; } #additionalInfostacks_in_2038 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2038:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2038 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2038 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2038 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2038 .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_2038 .playlisterButtonStandard, #playlisterWrapperstacks_in_2038 .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_2038 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2038 .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_2038 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2038 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2038 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2038 .playlisterButton:hover, #playlisterWrapperstacks_in_2038 .playlisterButton:active, #playlisterWrapperstacks_in_2038 .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_2038 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2038 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2038 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2038 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2038 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2038 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2038 #playstacks_in_2038 i { margin-right: -3px; } #playlisterWrapperstacks_in_2038 #pausestacks_in_2038 { display: none; } #playlisterWrapperstacks_in_2038 .playlisterIsPlaying #playstacks_in_2038 { display: none; } #playlisterWrapperstacks_in_2038 .playlisterIsPlaying #pausestacks_in_2038 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2038 .playlisterButton:after, #playlisterWrapperstacks_in_2038 .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_2038 { float: right; } #playlisterWrapperstacks_in_2038 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2038 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2038 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2038 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2038, #volumeBtnstacks_in_2038 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2038 { display: inline-block; } #volumeControlsstacks_in_2038 { 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_2038 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2038 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2038 [class^="fa fa-"], #volume-fullstacks_in_2038 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2038 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2038 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2038 .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_2038 .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_2038 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2038 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2038 #progressstacks_in_2038 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2038 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2038 { 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_2038 { visibility: hidden; } #durationstacks_in_2038.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2038 { 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_2038 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2038 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2038 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2038 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2038 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_2038 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2038 li.active-playlistitem, #playlisterPlayliststacks_in_2038 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2038 li { padding-left: 0; } #playlisterPlayliststacks_in_2038 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2038 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2038, .no-audio #playlisterPlayliststacks_in_2038 { display: none; } #playlisterNoAudiostacks_in_2038 { display: none; } .no-audio #playlisterNoAudiostacks_in_2038 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2038 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2038 #shufflestacks_in_2038 { display: none; } #playlisterWrapperstacks_in_2038 #playlistTogglestacks_in_2038 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2038 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2038 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2040{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2040.splb{padding:12px}#splb_stacks_in_2040 .infix-iframe-container{background-color:}#stacks_in_2040{display:none}.infix-opened #stacks_in_2040,.infix-closed #stacks_in_2040{display:block}.lightbox23{cursor:pointer}#stacks_in_2040.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2040.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2043 *, #stacks_in_2043 *:before, #stacks_in_2043 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2043 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2043 { -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_2043 { display: none !important; } #playlisterstacks_in_2043 { 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_2043 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2043 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2043 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2043 { min-height: 0px; } #coverstacks_in_2043 { 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_2043 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2043 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2043 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2043 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2043 { margin-top: 0px; } } #titlestacks_in_2043 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2043:before { content: ' '; } #albumstacks_in_2043 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2043:before { content: 'Album: '; } #artiststacks_in_2043 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2043:before { content: 'Artist: '; } #additionalInfostacks_in_2043 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2043:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2043 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2043 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2043 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2043 .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_2043 .playlisterButtonStandard, #playlisterWrapperstacks_in_2043 .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_2043 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2043 .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_2043 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2043 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2043 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2043 .playlisterButton:hover, #playlisterWrapperstacks_in_2043 .playlisterButton:active, #playlisterWrapperstacks_in_2043 .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_2043 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2043 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2043 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2043 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2043 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2043 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2043 #playstacks_in_2043 i { margin-right: -3px; } #playlisterWrapperstacks_in_2043 #pausestacks_in_2043 { display: none; } #playlisterWrapperstacks_in_2043 .playlisterIsPlaying #playstacks_in_2043 { display: none; } #playlisterWrapperstacks_in_2043 .playlisterIsPlaying #pausestacks_in_2043 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2043 .playlisterButton:after, #playlisterWrapperstacks_in_2043 .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_2043 { float: right; } #playlisterWrapperstacks_in_2043 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2043 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2043 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2043 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2043, #volumeBtnstacks_in_2043 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2043 { display: inline-block; } #volumeControlsstacks_in_2043 { 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_2043 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2043 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2043 [class^="fa fa-"], #volume-fullstacks_in_2043 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2043 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2043 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2043 .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_2043 .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_2043 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2043 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2043 #progressstacks_in_2043 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2043 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2043 { 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_2043 { visibility: hidden; } #durationstacks_in_2043.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2043 { 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_2043 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2043 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2043 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2043 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2043 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_2043 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2043 li.active-playlistitem, #playlisterPlayliststacks_in_2043 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2043 li { padding-left: 0; } #playlisterPlayliststacks_in_2043 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2043 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2043, .no-audio #playlisterPlayliststacks_in_2043 { display: none; } #playlisterNoAudiostacks_in_2043 { display: none; } .no-audio #playlisterNoAudiostacks_in_2043 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2043 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2043 #shufflestacks_in_2043 { display: none; } #playlisterWrapperstacks_in_2043 #playlistTogglestacks_in_2043 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2043 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2043 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2045{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2045.splb{padding:12px}#splb_stacks_in_2045 .infix-iframe-container{background-color:}#stacks_in_2045{display:none}.infix-opened #stacks_in_2045,.infix-closed #stacks_in_2045{display:block}.lightbox24{cursor:pointer}#stacks_in_2045.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2045.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2048 *, #stacks_in_2048 *:before, #stacks_in_2048 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2048 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2048 { -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_2048 { display: none !important; } #playlisterstacks_in_2048 { 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_2048 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2048 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2048 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2048 { min-height: 0px; } #coverstacks_in_2048 { 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_2048 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2048 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2048 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2048 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2048 { margin-top: 0px; } } #titlestacks_in_2048 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2048:before { content: ' '; } #albumstacks_in_2048 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2048:before { content: 'Album: '; } #artiststacks_in_2048 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2048:before { content: 'Artist: '; } #additionalInfostacks_in_2048 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2048:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2048 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2048 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2048 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2048 .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_2048 .playlisterButtonStandard, #playlisterWrapperstacks_in_2048 .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_2048 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2048 .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_2048 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2048 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2048 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2048 .playlisterButton:hover, #playlisterWrapperstacks_in_2048 .playlisterButton:active, #playlisterWrapperstacks_in_2048 .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_2048 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2048 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2048 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2048 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2048 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2048 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2048 #playstacks_in_2048 i { margin-right: -3px; } #playlisterWrapperstacks_in_2048 #pausestacks_in_2048 { display: none; } #playlisterWrapperstacks_in_2048 .playlisterIsPlaying #playstacks_in_2048 { display: none; } #playlisterWrapperstacks_in_2048 .playlisterIsPlaying #pausestacks_in_2048 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2048 .playlisterButton:after, #playlisterWrapperstacks_in_2048 .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_2048 { float: right; } #playlisterWrapperstacks_in_2048 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2048 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2048 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2048 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2048, #volumeBtnstacks_in_2048 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2048 { display: inline-block; } #volumeControlsstacks_in_2048 { 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_2048 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2048 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2048 [class^="fa fa-"], #volume-fullstacks_in_2048 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2048 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2048 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2048 .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_2048 .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_2048 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2048 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2048 #progressstacks_in_2048 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2048 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2048 { 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_2048 { visibility: hidden; } #durationstacks_in_2048.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2048 { 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_2048 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2048 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2048 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2048 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2048 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_2048 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2048 li.active-playlistitem, #playlisterPlayliststacks_in_2048 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2048 li { padding-left: 0; } #playlisterPlayliststacks_in_2048 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2048 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2048, .no-audio #playlisterPlayliststacks_in_2048 { display: none; } #playlisterNoAudiostacks_in_2048 { display: none; } .no-audio #playlisterNoAudiostacks_in_2048 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2048 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2048 #shufflestacks_in_2048 { display: none; } #playlisterWrapperstacks_in_2048 #playlistTogglestacks_in_2048 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2048 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2048 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2050{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2050.splb{padding:12px}#splb_stacks_in_2050 .infix-iframe-container{background-color:}#stacks_in_2050{display:none}.infix-opened #stacks_in_2050,.infix-closed #stacks_in_2050{display:block}.lightbox25{cursor:pointer}#stacks_in_2050.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2050.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2053 *, #stacks_in_2053 *:before, #stacks_in_2053 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2053 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2053 { -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_2053 { display: none !important; } #playlisterstacks_in_2053 { 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_2053 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2053 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2053 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2053 { min-height: 0px; } #coverstacks_in_2053 { 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_2053 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2053 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2053 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2053 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2053 { margin-top: 0px; } } #titlestacks_in_2053 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2053:before { content: ' '; } #albumstacks_in_2053 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2053:before { content: 'Album: '; } #artiststacks_in_2053 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2053:before { content: 'Artist: '; } #additionalInfostacks_in_2053 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2053:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2053 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2053 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2053 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2053 .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_2053 .playlisterButtonStandard, #playlisterWrapperstacks_in_2053 .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_2053 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2053 .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_2053 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2053 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2053 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2053 .playlisterButton:hover, #playlisterWrapperstacks_in_2053 .playlisterButton:active, #playlisterWrapperstacks_in_2053 .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_2053 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2053 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2053 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2053 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2053 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2053 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2053 #playstacks_in_2053 i { margin-right: -3px; } #playlisterWrapperstacks_in_2053 #pausestacks_in_2053 { display: none; } #playlisterWrapperstacks_in_2053 .playlisterIsPlaying #playstacks_in_2053 { display: none; } #playlisterWrapperstacks_in_2053 .playlisterIsPlaying #pausestacks_in_2053 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2053 .playlisterButton:after, #playlisterWrapperstacks_in_2053 .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_2053 { float: right; } #playlisterWrapperstacks_in_2053 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2053 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2053 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2053 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2053, #volumeBtnstacks_in_2053 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2053 { display: inline-block; } #volumeControlsstacks_in_2053 { 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_2053 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2053 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2053 [class^="fa fa-"], #volume-fullstacks_in_2053 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2053 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2053 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2053 .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_2053 .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_2053 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2053 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2053 #progressstacks_in_2053 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2053 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2053 { 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_2053 { visibility: hidden; } #durationstacks_in_2053.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2053 { 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_2053 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2053 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2053 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2053 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2053 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_2053 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2053 li.active-playlistitem, #playlisterPlayliststacks_in_2053 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2053 li { padding-left: 0; } #playlisterPlayliststacks_in_2053 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2053 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2053, .no-audio #playlisterPlayliststacks_in_2053 { display: none; } #playlisterNoAudiostacks_in_2053 { display: none; } .no-audio #playlisterNoAudiostacks_in_2053 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2053 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2053 #shufflestacks_in_2053 { display: none; } #playlisterWrapperstacks_in_2053 #playlistTogglestacks_in_2053 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2053 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2053 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2055{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2055.splb{padding:12px}#splb_stacks_in_2055 .infix-iframe-container{background-color:}#stacks_in_2055{display:none}.infix-opened #stacks_in_2055,.infix-closed #stacks_in_2055{display:block}.lightbox26{cursor:pointer}#stacks_in_2055.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2055.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2058 *, #stacks_in_2058 *:before, #stacks_in_2058 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2058 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2058 { -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_2058 { display: none !important; } #playlisterstacks_in_2058 { 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_2058 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2058 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2058 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2058 { min-height: 0px; } #coverstacks_in_2058 { 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_2058 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2058 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2058 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2058 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2058 { margin-top: 0px; } } #titlestacks_in_2058 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2058:before { content: ' '; } #albumstacks_in_2058 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2058:before { content: 'Album: '; } #artiststacks_in_2058 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2058:before { content: 'Artist: '; } #additionalInfostacks_in_2058 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2058:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2058 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2058 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2058 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2058 .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_2058 .playlisterButtonStandard, #playlisterWrapperstacks_in_2058 .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_2058 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2058 .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_2058 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2058 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2058 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2058 .playlisterButton:hover, #playlisterWrapperstacks_in_2058 .playlisterButton:active, #playlisterWrapperstacks_in_2058 .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_2058 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2058 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2058 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2058 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2058 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2058 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2058 #playstacks_in_2058 i { margin-right: -3px; } #playlisterWrapperstacks_in_2058 #pausestacks_in_2058 { display: none; } #playlisterWrapperstacks_in_2058 .playlisterIsPlaying #playstacks_in_2058 { display: none; } #playlisterWrapperstacks_in_2058 .playlisterIsPlaying #pausestacks_in_2058 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2058 .playlisterButton:after, #playlisterWrapperstacks_in_2058 .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_2058 { float: right; } #playlisterWrapperstacks_in_2058 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2058 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2058 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2058 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2058, #volumeBtnstacks_in_2058 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2058 { display: inline-block; } #volumeControlsstacks_in_2058 { 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_2058 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2058 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2058 [class^="fa fa-"], #volume-fullstacks_in_2058 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2058 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2058 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2058 .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_2058 .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_2058 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2058 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2058 #progressstacks_in_2058 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2058 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2058 { 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_2058 { visibility: hidden; } #durationstacks_in_2058.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2058 { 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_2058 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2058 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2058 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2058 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2058 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_2058 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2058 li.active-playlistitem, #playlisterPlayliststacks_in_2058 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2058 li { padding-left: 0; } #playlisterPlayliststacks_in_2058 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2058 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2058, .no-audio #playlisterPlayliststacks_in_2058 { display: none; } #playlisterNoAudiostacks_in_2058 { display: none; } .no-audio #playlisterNoAudiostacks_in_2058 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2058 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2058 #shufflestacks_in_2058 { display: none; } #playlisterWrapperstacks_in_2058 #playlistTogglestacks_in_2058 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2058 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2058 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2060{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2060.splb{padding:12px}#splb_stacks_in_2060 .infix-iframe-container{background-color:}#stacks_in_2060{display:none}.infix-opened #stacks_in_2060,.infix-closed #stacks_in_2060{display:block}.lightbox27{cursor:pointer}#stacks_in_2060.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2060.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2063 *, #stacks_in_2063 *:before, #stacks_in_2063 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2063 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2063 { -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_2063 { display: none !important; } #playlisterstacks_in_2063 { 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_2063 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2063 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2063 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2063 { min-height: 0px; } #coverstacks_in_2063 { 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_2063 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2063 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2063 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2063 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2063 { margin-top: 0px; } } #titlestacks_in_2063 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2063:before { content: ' '; } #albumstacks_in_2063 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2063:before { content: 'Album: '; } #artiststacks_in_2063 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2063:before { content: 'Artist: '; } #additionalInfostacks_in_2063 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2063:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2063 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2063 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2063 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2063 .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_2063 .playlisterButtonStandard, #playlisterWrapperstacks_in_2063 .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_2063 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2063 .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_2063 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2063 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2063 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2063 .playlisterButton:hover, #playlisterWrapperstacks_in_2063 .playlisterButton:active, #playlisterWrapperstacks_in_2063 .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_2063 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2063 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2063 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2063 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2063 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2063 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2063 #playstacks_in_2063 i { margin-right: -3px; } #playlisterWrapperstacks_in_2063 #pausestacks_in_2063 { display: none; } #playlisterWrapperstacks_in_2063 .playlisterIsPlaying #playstacks_in_2063 { display: none; } #playlisterWrapperstacks_in_2063 .playlisterIsPlaying #pausestacks_in_2063 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2063 .playlisterButton:after, #playlisterWrapperstacks_in_2063 .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_2063 { float: right; } #playlisterWrapperstacks_in_2063 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2063 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2063 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2063 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2063, #volumeBtnstacks_in_2063 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2063 { display: inline-block; } #volumeControlsstacks_in_2063 { 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_2063 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2063 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2063 [class^="fa fa-"], #volume-fullstacks_in_2063 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2063 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2063 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2063 .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_2063 .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_2063 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2063 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2063 #progressstacks_in_2063 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2063 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2063 { 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_2063 { visibility: hidden; } #durationstacks_in_2063.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2063 { 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_2063 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2063 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2063 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2063 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2063 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_2063 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2063 li.active-playlistitem, #playlisterPlayliststacks_in_2063 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2063 li { padding-left: 0; } #playlisterPlayliststacks_in_2063 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2063 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2063, .no-audio #playlisterPlayliststacks_in_2063 { display: none; } #playlisterNoAudiostacks_in_2063 { display: none; } .no-audio #playlisterNoAudiostacks_in_2063 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2063 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2063 #shufflestacks_in_2063 { display: none; } #playlisterWrapperstacks_in_2063 #playlistTogglestacks_in_2063 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2063 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2063 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2065{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2065.splb{padding:12px}#splb_stacks_in_2065 .infix-iframe-container{background-color:}#stacks_in_2065{display:none}.infix-opened #stacks_in_2065,.infix-closed #stacks_in_2065{display:block}.lightbox28{cursor:pointer}#stacks_in_2065.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2065.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2068 *, #stacks_in_2068 *:before, #stacks_in_2068 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2068 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2068 { -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_2068 { display: none !important; } #playlisterstacks_in_2068 { 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_2068 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2068 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2068 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2068 { min-height: 0px; } #coverstacks_in_2068 { 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_2068 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2068 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2068 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2068 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2068 { margin-top: 0px; } } #titlestacks_in_2068 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2068:before { content: ' '; } #albumstacks_in_2068 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2068:before { content: 'Album: '; } #artiststacks_in_2068 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2068:before { content: 'Artist: '; } #additionalInfostacks_in_2068 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2068:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2068 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2068 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2068 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2068 .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_2068 .playlisterButtonStandard, #playlisterWrapperstacks_in_2068 .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_2068 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2068 .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_2068 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2068 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2068 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2068 .playlisterButton:hover, #playlisterWrapperstacks_in_2068 .playlisterButton:active, #playlisterWrapperstacks_in_2068 .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_2068 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2068 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2068 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2068 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2068 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2068 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2068 #playstacks_in_2068 i { margin-right: -3px; } #playlisterWrapperstacks_in_2068 #pausestacks_in_2068 { display: none; } #playlisterWrapperstacks_in_2068 .playlisterIsPlaying #playstacks_in_2068 { display: none; } #playlisterWrapperstacks_in_2068 .playlisterIsPlaying #pausestacks_in_2068 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2068 .playlisterButton:after, #playlisterWrapperstacks_in_2068 .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_2068 { float: right; } #playlisterWrapperstacks_in_2068 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2068 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2068 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2068 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2068, #volumeBtnstacks_in_2068 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2068 { display: inline-block; } #volumeControlsstacks_in_2068 { 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_2068 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2068 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2068 [class^="fa fa-"], #volume-fullstacks_in_2068 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2068 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2068 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2068 .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_2068 .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_2068 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2068 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2068 #progressstacks_in_2068 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2068 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2068 { 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_2068 { visibility: hidden; } #durationstacks_in_2068.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2068 { 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_2068 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2068 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2068 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2068 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2068 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_2068 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2068 li.active-playlistitem, #playlisterPlayliststacks_in_2068 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2068 li { padding-left: 0; } #playlisterPlayliststacks_in_2068 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2068 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2068, .no-audio #playlisterPlayliststacks_in_2068 { display: none; } #playlisterNoAudiostacks_in_2068 { display: none; } .no-audio #playlisterNoAudiostacks_in_2068 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2068 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2068 #shufflestacks_in_2068 { display: none; } #playlisterWrapperstacks_in_2068 #playlistTogglestacks_in_2068 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2068 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2068 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2070{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2070.splb{padding:12px}#splb_stacks_in_2070 .infix-iframe-container{background-color:}#stacks_in_2070{display:none}.infix-opened #stacks_in_2070,.infix-closed #stacks_in_2070{display:block}.lightbox29{cursor:pointer}#stacks_in_2070.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2070.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2073 *, #stacks_in_2073 *:before, #stacks_in_2073 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2073 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2073 { -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_2073 { display: none !important; } #playlisterstacks_in_2073 { 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_2073 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2073 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2073 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2073 { min-height: 0px; } #coverstacks_in_2073 { 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_2073 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2073 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2073 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2073 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2073 { margin-top: 0px; } } #titlestacks_in_2073 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2073:before { content: ' '; } #albumstacks_in_2073 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2073:before { content: 'Album: '; } #artiststacks_in_2073 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2073:before { content: 'Artist: '; } #additionalInfostacks_in_2073 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2073:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2073 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2073 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2073 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2073 .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_2073 .playlisterButtonStandard, #playlisterWrapperstacks_in_2073 .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_2073 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2073 .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_2073 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2073 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2073 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2073 .playlisterButton:hover, #playlisterWrapperstacks_in_2073 .playlisterButton:active, #playlisterWrapperstacks_in_2073 .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_2073 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2073 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2073 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2073 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2073 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2073 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2073 #playstacks_in_2073 i { margin-right: -3px; } #playlisterWrapperstacks_in_2073 #pausestacks_in_2073 { display: none; } #playlisterWrapperstacks_in_2073 .playlisterIsPlaying #playstacks_in_2073 { display: none; } #playlisterWrapperstacks_in_2073 .playlisterIsPlaying #pausestacks_in_2073 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2073 .playlisterButton:after, #playlisterWrapperstacks_in_2073 .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_2073 { float: right; } #playlisterWrapperstacks_in_2073 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2073 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2073 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2073 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2073, #volumeBtnstacks_in_2073 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2073 { display: inline-block; } #volumeControlsstacks_in_2073 { 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_2073 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2073 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2073 [class^="fa fa-"], #volume-fullstacks_in_2073 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2073 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2073 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2073 .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_2073 .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_2073 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2073 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2073 #progressstacks_in_2073 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2073 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2073 { 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_2073 { visibility: hidden; } #durationstacks_in_2073.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2073 { 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_2073 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2073 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2073 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2073 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2073 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_2073 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2073 li.active-playlistitem, #playlisterPlayliststacks_in_2073 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2073 li { padding-left: 0; } #playlisterPlayliststacks_in_2073 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2073 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2073, .no-audio #playlisterPlayliststacks_in_2073 { display: none; } #playlisterNoAudiostacks_in_2073 { display: none; } .no-audio #playlisterNoAudiostacks_in_2073 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2073 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2073 #shufflestacks_in_2073 { display: none; } #playlisterWrapperstacks_in_2073 #playlistTogglestacks_in_2073 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2073 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2073 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2075{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2075.splb{padding:12px}#splb_stacks_in_2075 .infix-iframe-container{background-color:}#stacks_in_2075{display:none}.infix-opened #stacks_in_2075,.infix-closed #stacks_in_2075{display:block}.lightbox30{cursor:pointer}#stacks_in_2075.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2075.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2078 *, #stacks_in_2078 *:before, #stacks_in_2078 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2078 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2078 { -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_2078 { display: none !important; } #playlisterstacks_in_2078 { 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_2078 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2078 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2078 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2078 { min-height: 0px; } #coverstacks_in_2078 { 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_2078 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2078 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2078 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2078 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2078 { margin-top: 0px; } } #titlestacks_in_2078 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2078:before { content: ' '; } #albumstacks_in_2078 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2078:before { content: 'Album: '; } #artiststacks_in_2078 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2078:before { content: 'Artist: '; } #additionalInfostacks_in_2078 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2078:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2078 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2078 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2078 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2078 .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_2078 .playlisterButtonStandard, #playlisterWrapperstacks_in_2078 .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_2078 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2078 .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_2078 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2078 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2078 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2078 .playlisterButton:hover, #playlisterWrapperstacks_in_2078 .playlisterButton:active, #playlisterWrapperstacks_in_2078 .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_2078 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2078 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2078 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2078 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2078 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2078 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2078 #playstacks_in_2078 i { margin-right: -3px; } #playlisterWrapperstacks_in_2078 #pausestacks_in_2078 { display: none; } #playlisterWrapperstacks_in_2078 .playlisterIsPlaying #playstacks_in_2078 { display: none; } #playlisterWrapperstacks_in_2078 .playlisterIsPlaying #pausestacks_in_2078 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2078 .playlisterButton:after, #playlisterWrapperstacks_in_2078 .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_2078 { float: right; } #playlisterWrapperstacks_in_2078 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2078 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2078 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2078 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2078, #volumeBtnstacks_in_2078 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2078 { display: inline-block; } #volumeControlsstacks_in_2078 { 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_2078 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2078 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2078 [class^="fa fa-"], #volume-fullstacks_in_2078 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2078 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2078 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2078 .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_2078 .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_2078 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2078 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2078 #progressstacks_in_2078 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2078 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2078 { 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_2078 { visibility: hidden; } #durationstacks_in_2078.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2078 { 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_2078 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2078 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2078 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2078 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2078 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_2078 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2078 li.active-playlistitem, #playlisterPlayliststacks_in_2078 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2078 li { padding-left: 0; } #playlisterPlayliststacks_in_2078 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2078 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2078, .no-audio #playlisterPlayliststacks_in_2078 { display: none; } #playlisterNoAudiostacks_in_2078 { display: none; } .no-audio #playlisterNoAudiostacks_in_2078 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2078 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2078 #shufflestacks_in_2078 { display: none; } #playlisterWrapperstacks_in_2078 #playlistTogglestacks_in_2078 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2078 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2078 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2080{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2080.splb{padding:12px}#splb_stacks_in_2080 .infix-iframe-container{background-color:}#stacks_in_2080{display:none}.infix-opened #stacks_in_2080,.infix-closed #stacks_in_2080{display:block}.lightbox31{cursor:pointer}#stacks_in_2080.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2080.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2083 *, #stacks_in_2083 *:before, #stacks_in_2083 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2083 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2083 { -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_2083 { display: none !important; } #playlisterstacks_in_2083 { 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_2083 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2083 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2083 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2083 { min-height: 0px; } #coverstacks_in_2083 { 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_2083 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2083 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2083 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2083 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2083 { margin-top: 0px; } } #titlestacks_in_2083 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2083:before { content: ' '; } #albumstacks_in_2083 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2083:before { content: 'Album: '; } #artiststacks_in_2083 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2083:before { content: 'Artist: '; } #additionalInfostacks_in_2083 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2083:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2083 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2083 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2083 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2083 .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_2083 .playlisterButtonStandard, #playlisterWrapperstacks_in_2083 .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_2083 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2083 .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_2083 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2083 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2083 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2083 .playlisterButton:hover, #playlisterWrapperstacks_in_2083 .playlisterButton:active, #playlisterWrapperstacks_in_2083 .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_2083 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2083 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2083 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2083 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2083 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2083 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2083 #playstacks_in_2083 i { margin-right: -3px; } #playlisterWrapperstacks_in_2083 #pausestacks_in_2083 { display: none; } #playlisterWrapperstacks_in_2083 .playlisterIsPlaying #playstacks_in_2083 { display: none; } #playlisterWrapperstacks_in_2083 .playlisterIsPlaying #pausestacks_in_2083 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2083 .playlisterButton:after, #playlisterWrapperstacks_in_2083 .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_2083 { float: right; } #playlisterWrapperstacks_in_2083 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2083 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2083 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2083 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2083, #volumeBtnstacks_in_2083 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2083 { display: inline-block; } #volumeControlsstacks_in_2083 { 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_2083 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2083 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2083 [class^="fa fa-"], #volume-fullstacks_in_2083 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2083 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2083 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2083 .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_2083 .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_2083 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2083 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2083 #progressstacks_in_2083 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2083 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2083 { 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_2083 { visibility: hidden; } #durationstacks_in_2083.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2083 { 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_2083 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2083 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2083 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2083 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2083 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_2083 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2083 li.active-playlistitem, #playlisterPlayliststacks_in_2083 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2083 li { padding-left: 0; } #playlisterPlayliststacks_in_2083 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2083 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2083, .no-audio #playlisterPlayliststacks_in_2083 { display: none; } #playlisterNoAudiostacks_in_2083 { display: none; } .no-audio #playlisterNoAudiostacks_in_2083 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2083 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2083 #shufflestacks_in_2083 { display: none; } #playlisterWrapperstacks_in_2083 #playlistTogglestacks_in_2083 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2083 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2083 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2085{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2085.splb{padding:12px}#splb_stacks_in_2085 .infix-iframe-container{background-color:}#stacks_in_2085{display:none}.infix-opened #stacks_in_2085,.infix-closed #stacks_in_2085{display:block}.lightbox32{cursor:pointer}#stacks_in_2085.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2085.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2088 *, #stacks_in_2088 *:before, #stacks_in_2088 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2088 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2088 { -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_2088 { display: none !important; } #playlisterstacks_in_2088 { 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_2088 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2088 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2088 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2088 { min-height: 0px; } #coverstacks_in_2088 { 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_2088 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2088 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2088 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2088 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2088 { margin-top: 0px; } } #titlestacks_in_2088 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2088:before { content: ' '; } #albumstacks_in_2088 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2088:before { content: 'Album: '; } #artiststacks_in_2088 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2088:before { content: 'Artist: '; } #additionalInfostacks_in_2088 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2088:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2088 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2088 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2088 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2088 .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_2088 .playlisterButtonStandard, #playlisterWrapperstacks_in_2088 .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_2088 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2088 .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_2088 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2088 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2088 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2088 .playlisterButton:hover, #playlisterWrapperstacks_in_2088 .playlisterButton:active, #playlisterWrapperstacks_in_2088 .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_2088 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2088 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2088 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2088 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2088 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2088 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2088 #playstacks_in_2088 i { margin-right: -3px; } #playlisterWrapperstacks_in_2088 #pausestacks_in_2088 { display: none; } #playlisterWrapperstacks_in_2088 .playlisterIsPlaying #playstacks_in_2088 { display: none; } #playlisterWrapperstacks_in_2088 .playlisterIsPlaying #pausestacks_in_2088 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2088 .playlisterButton:after, #playlisterWrapperstacks_in_2088 .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_2088 { float: right; } #playlisterWrapperstacks_in_2088 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2088 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2088 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2088 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2088, #volumeBtnstacks_in_2088 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2088 { display: inline-block; } #volumeControlsstacks_in_2088 { 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_2088 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2088 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2088 [class^="fa fa-"], #volume-fullstacks_in_2088 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2088 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2088 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2088 .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_2088 .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_2088 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2088 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2088 #progressstacks_in_2088 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2088 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2088 { 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_2088 { visibility: hidden; } #durationstacks_in_2088.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2088 { 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_2088 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2088 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2088 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2088 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2088 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_2088 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2088 li.active-playlistitem, #playlisterPlayliststacks_in_2088 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2088 li { padding-left: 0; } #playlisterPlayliststacks_in_2088 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2088 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2088, .no-audio #playlisterPlayliststacks_in_2088 { display: none; } #playlisterNoAudiostacks_in_2088 { display: none; } .no-audio #playlisterNoAudiostacks_in_2088 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2088 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2088 #shufflestacks_in_2088 { display: none; } #playlisterWrapperstacks_in_2088 #playlistTogglestacks_in_2088 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2088 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2088 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2090{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2090.splb{padding:12px}#splb_stacks_in_2090 .infix-iframe-container{background-color:}#stacks_in_2090{display:none}.infix-opened #stacks_in_2090,.infix-closed #stacks_in_2090{display:block}.lightbox33{cursor:pointer}#stacks_in_2090.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2090.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2093 *, #stacks_in_2093 *:before, #stacks_in_2093 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2093 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2093 { -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_2093 { display: none !important; } #playlisterstacks_in_2093 { 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_2093 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2093 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2093 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2093 { min-height: 0px; } #coverstacks_in_2093 { 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_2093 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2093 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2093 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2093 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2093 { margin-top: 0px; } } #titlestacks_in_2093 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2093:before { content: ' '; } #albumstacks_in_2093 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2093:before { content: 'Album: '; } #artiststacks_in_2093 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2093:before { content: 'Artist: '; } #additionalInfostacks_in_2093 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2093:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2093 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2093 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2093 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2093 .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_2093 .playlisterButtonStandard, #playlisterWrapperstacks_in_2093 .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_2093 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2093 .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_2093 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2093 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2093 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2093 .playlisterButton:hover, #playlisterWrapperstacks_in_2093 .playlisterButton:active, #playlisterWrapperstacks_in_2093 .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_2093 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2093 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2093 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2093 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2093 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2093 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2093 #playstacks_in_2093 i { margin-right: -3px; } #playlisterWrapperstacks_in_2093 #pausestacks_in_2093 { display: none; } #playlisterWrapperstacks_in_2093 .playlisterIsPlaying #playstacks_in_2093 { display: none; } #playlisterWrapperstacks_in_2093 .playlisterIsPlaying #pausestacks_in_2093 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2093 .playlisterButton:after, #playlisterWrapperstacks_in_2093 .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_2093 { float: right; } #playlisterWrapperstacks_in_2093 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2093 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2093 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2093 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2093, #volumeBtnstacks_in_2093 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2093 { display: inline-block; } #volumeControlsstacks_in_2093 { 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_2093 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2093 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2093 [class^="fa fa-"], #volume-fullstacks_in_2093 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2093 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2093 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2093 .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_2093 .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_2093 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2093 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2093 #progressstacks_in_2093 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2093 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2093 { 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_2093 { visibility: hidden; } #durationstacks_in_2093.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2093 { 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_2093 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2093 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2093 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2093 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2093 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_2093 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2093 li.active-playlistitem, #playlisterPlayliststacks_in_2093 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2093 li { padding-left: 0; } #playlisterPlayliststacks_in_2093 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2093 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2093, .no-audio #playlisterPlayliststacks_in_2093 { display: none; } #playlisterNoAudiostacks_in_2093 { display: none; } .no-audio #playlisterNoAudiostacks_in_2093 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2093 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2093 #shufflestacks_in_2093 { display: none; } #playlisterWrapperstacks_in_2093 #playlistTogglestacks_in_2093 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2093 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2093 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2095{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2095.splb{padding:12px}#splb_stacks_in_2095 .infix-iframe-container{background-color:}#stacks_in_2095{display:none}.infix-opened #stacks_in_2095,.infix-closed #stacks_in_2095{display:block}.lightbox34{cursor:pointer}#stacks_in_2095.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2095.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2098 *, #stacks_in_2098 *:before, #stacks_in_2098 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2098 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2098 { -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_2098 { display: none !important; } #playlisterstacks_in_2098 { 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_2098 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2098 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2098 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2098 { min-height: 0px; } #coverstacks_in_2098 { 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_2098 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2098 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2098 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2098 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2098 { margin-top: 0px; } } #titlestacks_in_2098 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2098:before { content: ' '; } #albumstacks_in_2098 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2098:before { content: 'Album: '; } #artiststacks_in_2098 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2098:before { content: 'Artist: '; } #additionalInfostacks_in_2098 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2098:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2098 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2098 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2098 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2098 .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_2098 .playlisterButtonStandard, #playlisterWrapperstacks_in_2098 .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_2098 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2098 .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_2098 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2098 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2098 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2098 .playlisterButton:hover, #playlisterWrapperstacks_in_2098 .playlisterButton:active, #playlisterWrapperstacks_in_2098 .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_2098 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2098 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2098 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2098 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2098 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2098 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2098 #playstacks_in_2098 i { margin-right: -3px; } #playlisterWrapperstacks_in_2098 #pausestacks_in_2098 { display: none; } #playlisterWrapperstacks_in_2098 .playlisterIsPlaying #playstacks_in_2098 { display: none; } #playlisterWrapperstacks_in_2098 .playlisterIsPlaying #pausestacks_in_2098 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2098 .playlisterButton:after, #playlisterWrapperstacks_in_2098 .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_2098 { float: right; } #playlisterWrapperstacks_in_2098 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2098 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2098 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2098 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2098, #volumeBtnstacks_in_2098 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2098 { display: inline-block; } #volumeControlsstacks_in_2098 { 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_2098 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2098 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2098 [class^="fa fa-"], #volume-fullstacks_in_2098 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2098 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2098 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2098 .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_2098 .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_2098 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2098 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2098 #progressstacks_in_2098 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2098 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2098 { 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_2098 { visibility: hidden; } #durationstacks_in_2098.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2098 { 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_2098 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2098 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2098 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2098 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2098 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_2098 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2098 li.active-playlistitem, #playlisterPlayliststacks_in_2098 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2098 li { padding-left: 0; } #playlisterPlayliststacks_in_2098 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2098 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2098, .no-audio #playlisterPlayliststacks_in_2098 { display: none; } #playlisterNoAudiostacks_in_2098 { display: none; } .no-audio #playlisterNoAudiostacks_in_2098 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2098 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2098 #shufflestacks_in_2098 { display: none; } #playlisterWrapperstacks_in_2098 #playlistTogglestacks_in_2098 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2098 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2098 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2100{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2100.splb{padding:12px}#splb_stacks_in_2100 .infix-iframe-container{background-color:}#stacks_in_2100{display:none}.infix-opened #stacks_in_2100,.infix-closed #stacks_in_2100{display:block}.lightbox35{cursor:pointer}#stacks_in_2100.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2100.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2103 *, #stacks_in_2103 *:before, #stacks_in_2103 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2103 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2103 { -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_2103 { display: none !important; } #playlisterstacks_in_2103 { 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_2103 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2103 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2103 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2103 { min-height: 0px; } #coverstacks_in_2103 { 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_2103 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2103 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2103 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2103 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2103 { margin-top: 0px; } } #titlestacks_in_2103 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2103:before { content: ' '; } #albumstacks_in_2103 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2103:before { content: 'Album: '; } #artiststacks_in_2103 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2103:before { content: 'Artist: '; } #additionalInfostacks_in_2103 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2103:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2103 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2103 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2103 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2103 .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_2103 .playlisterButtonStandard, #playlisterWrapperstacks_in_2103 .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_2103 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2103 .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_2103 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2103 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2103 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2103 .playlisterButton:hover, #playlisterWrapperstacks_in_2103 .playlisterButton:active, #playlisterWrapperstacks_in_2103 .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_2103 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2103 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2103 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2103 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2103 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2103 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2103 #playstacks_in_2103 i { margin-right: -3px; } #playlisterWrapperstacks_in_2103 #pausestacks_in_2103 { display: none; } #playlisterWrapperstacks_in_2103 .playlisterIsPlaying #playstacks_in_2103 { display: none; } #playlisterWrapperstacks_in_2103 .playlisterIsPlaying #pausestacks_in_2103 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2103 .playlisterButton:after, #playlisterWrapperstacks_in_2103 .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_2103 { float: right; } #playlisterWrapperstacks_in_2103 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2103 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2103 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2103 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2103, #volumeBtnstacks_in_2103 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2103 { display: inline-block; } #volumeControlsstacks_in_2103 { 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_2103 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2103 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2103 [class^="fa fa-"], #volume-fullstacks_in_2103 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2103 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2103 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2103 .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_2103 .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_2103 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2103 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2103 #progressstacks_in_2103 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2103 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2103 { 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_2103 { visibility: hidden; } #durationstacks_in_2103.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2103 { 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_2103 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2103 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2103 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2103 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2103 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_2103 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2103 li.active-playlistitem, #playlisterPlayliststacks_in_2103 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2103 li { padding-left: 0; } #playlisterPlayliststacks_in_2103 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2103 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2103, .no-audio #playlisterPlayliststacks_in_2103 { display: none; } #playlisterNoAudiostacks_in_2103 { display: none; } .no-audio #playlisterNoAudiostacks_in_2103 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2103 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2103 #shufflestacks_in_2103 { display: none; } #playlisterWrapperstacks_in_2103 #playlistTogglestacks_in_2103 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2103 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2103 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2105{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2105.splb{padding:12px}#splb_stacks_in_2105 .infix-iframe-container{background-color:}#stacks_in_2105{display:none}.infix-opened #stacks_in_2105,.infix-closed #stacks_in_2105{display:block}.lightbox36{cursor:pointer}#stacks_in_2105.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2105.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2108 *, #stacks_in_2108 *:before, #stacks_in_2108 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2108 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2108 { -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_2108 { display: none !important; } #playlisterstacks_in_2108 { 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_2108 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2108 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2108 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2108 { min-height: 0px; } #coverstacks_in_2108 { 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_2108 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2108 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2108 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2108 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2108 { margin-top: 0px; } } #titlestacks_in_2108 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2108:before { content: ' '; } #albumstacks_in_2108 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2108:before { content: 'Album: '; } #artiststacks_in_2108 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2108:before { content: 'Artist: '; } #additionalInfostacks_in_2108 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2108:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2108 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2108 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2108 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2108 .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_2108 .playlisterButtonStandard, #playlisterWrapperstacks_in_2108 .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_2108 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2108 .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_2108 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2108 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2108 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2108 .playlisterButton:hover, #playlisterWrapperstacks_in_2108 .playlisterButton:active, #playlisterWrapperstacks_in_2108 .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_2108 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2108 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2108 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2108 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2108 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2108 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2108 #playstacks_in_2108 i { margin-right: -3px; } #playlisterWrapperstacks_in_2108 #pausestacks_in_2108 { display: none; } #playlisterWrapperstacks_in_2108 .playlisterIsPlaying #playstacks_in_2108 { display: none; } #playlisterWrapperstacks_in_2108 .playlisterIsPlaying #pausestacks_in_2108 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2108 .playlisterButton:after, #playlisterWrapperstacks_in_2108 .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_2108 { float: right; } #playlisterWrapperstacks_in_2108 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2108 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2108 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2108 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2108, #volumeBtnstacks_in_2108 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2108 { display: inline-block; } #volumeControlsstacks_in_2108 { 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_2108 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2108 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2108 [class^="fa fa-"], #volume-fullstacks_in_2108 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2108 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2108 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2108 .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_2108 .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_2108 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2108 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2108 #progressstacks_in_2108 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2108 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2108 { 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_2108 { visibility: hidden; } #durationstacks_in_2108.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2108 { 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_2108 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2108 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2108 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2108 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2108 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_2108 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2108 li.active-playlistitem, #playlisterPlayliststacks_in_2108 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2108 li { padding-left: 0; } #playlisterPlayliststacks_in_2108 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2108 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2108, .no-audio #playlisterPlayliststacks_in_2108 { display: none; } #playlisterNoAudiostacks_in_2108 { display: none; } .no-audio #playlisterNoAudiostacks_in_2108 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2108 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2108 #shufflestacks_in_2108 { display: none; } #playlisterWrapperstacks_in_2108 #playlistTogglestacks_in_2108 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2108 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2108 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2110{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2110.splb{padding:12px}#splb_stacks_in_2110 .infix-iframe-container{background-color:}#stacks_in_2110{display:none}.infix-opened #stacks_in_2110,.infix-closed #stacks_in_2110{display:block}.lightbox37{cursor:pointer}#stacks_in_2110.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2110.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2113 *, #stacks_in_2113 *:before, #stacks_in_2113 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2113 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2113 { -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_2113 { display: none !important; } #playlisterstacks_in_2113 { 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_2113 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2113 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2113 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2113 { min-height: 0px; } #coverstacks_in_2113 { 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_2113 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2113 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2113 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2113 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2113 { margin-top: 0px; } } #titlestacks_in_2113 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2113:before { content: ' '; } #albumstacks_in_2113 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2113:before { content: 'Album: '; } #artiststacks_in_2113 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2113:before { content: 'Artist: '; } #additionalInfostacks_in_2113 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2113:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2113 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2113 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2113 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2113 .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_2113 .playlisterButtonStandard, #playlisterWrapperstacks_in_2113 .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_2113 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2113 .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_2113 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2113 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2113 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2113 .playlisterButton:hover, #playlisterWrapperstacks_in_2113 .playlisterButton:active, #playlisterWrapperstacks_in_2113 .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_2113 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2113 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2113 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2113 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2113 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2113 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2113 #playstacks_in_2113 i { margin-right: -3px; } #playlisterWrapperstacks_in_2113 #pausestacks_in_2113 { display: none; } #playlisterWrapperstacks_in_2113 .playlisterIsPlaying #playstacks_in_2113 { display: none; } #playlisterWrapperstacks_in_2113 .playlisterIsPlaying #pausestacks_in_2113 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2113 .playlisterButton:after, #playlisterWrapperstacks_in_2113 .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_2113 { float: right; } #playlisterWrapperstacks_in_2113 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2113 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2113 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2113 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2113, #volumeBtnstacks_in_2113 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2113 { display: inline-block; } #volumeControlsstacks_in_2113 { 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_2113 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2113 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2113 [class^="fa fa-"], #volume-fullstacks_in_2113 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2113 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2113 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2113 .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_2113 .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_2113 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2113 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2113 #progressstacks_in_2113 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2113 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2113 { 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_2113 { visibility: hidden; } #durationstacks_in_2113.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2113 { 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_2113 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2113 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2113 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2113 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2113 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_2113 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2113 li.active-playlistitem, #playlisterPlayliststacks_in_2113 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2113 li { padding-left: 0; } #playlisterPlayliststacks_in_2113 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2113 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2113, .no-audio #playlisterPlayliststacks_in_2113 { display: none; } #playlisterNoAudiostacks_in_2113 { display: none; } .no-audio #playlisterNoAudiostacks_in_2113 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2113 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2113 #shufflestacks_in_2113 { display: none; } #playlisterWrapperstacks_in_2113 #playlistTogglestacks_in_2113 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2113 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2113 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2115{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2115.splb{padding:12px}#splb_stacks_in_2115 .infix-iframe-container{background-color:}#stacks_in_2115{display:none}.infix-opened #stacks_in_2115,.infix-closed #stacks_in_2115{display:block}.lightbox38{cursor:pointer}#stacks_in_2115.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2115.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2118 *, #stacks_in_2118 *:before, #stacks_in_2118 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2118 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2118 { -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_2118 { display: none !important; } #playlisterstacks_in_2118 { 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_2118 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2118 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2118 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2118 { min-height: 300px; } #coverstacks_in_2118 { background-repeat: no-repeat; background-size: 100% 100%; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; position: relative; height: 300px; width: 300px; display: inline-block; } @media screen and (min-width: 600px) { #coverstacks_in_2118 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2118 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2118 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2118 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2118 { margin-top: 0px; } } #titlestacks_in_2118 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2118:before { content: ' '; } #albumstacks_in_2118 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2118:before { content: 'Album: '; } #artiststacks_in_2118 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2118:before { content: 'Artist: '; } #additionalInfostacks_in_2118 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2118:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2118 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2118 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2118 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2118 .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_2118 .playlisterButtonStandard, #playlisterWrapperstacks_in_2118 .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_2118 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2118 .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_2118 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2118 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2118 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2118 .playlisterButton:hover, #playlisterWrapperstacks_in_2118 .playlisterButton:active, #playlisterWrapperstacks_in_2118 .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_2118 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2118 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2118 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2118 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2118 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2118 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2118 #playstacks_in_2118 i { margin-right: -3px; } #playlisterWrapperstacks_in_2118 #pausestacks_in_2118 { display: none; } #playlisterWrapperstacks_in_2118 .playlisterIsPlaying #playstacks_in_2118 { display: none; } #playlisterWrapperstacks_in_2118 .playlisterIsPlaying #pausestacks_in_2118 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2118 .playlisterButton:after, #playlisterWrapperstacks_in_2118 .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_2118 { float: right; } #playlisterWrapperstacks_in_2118 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2118 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2118 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2118 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2118, #volumeBtnstacks_in_2118 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2118 { display: inline-block; } #volumeControlsstacks_in_2118 { 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_2118 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2118 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2118 [class^="fa fa-"], #volume-fullstacks_in_2118 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2118 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2118 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2118 .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_2118 .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_2118 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2118 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2118 #progressstacks_in_2118 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2118 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2118 { 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_2118 { visibility: hidden; } #durationstacks_in_2118.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2118 { 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_2118 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2118 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2118 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2118 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2118 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_2118 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2118 li.active-playlistitem, #playlisterPlayliststacks_in_2118 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2118 li { padding-left: 0; } #playlisterPlayliststacks_in_2118 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2118 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2118, .no-audio #playlisterPlayliststacks_in_2118 { display: none; } #playlisterNoAudiostacks_in_2118 { display: none; } .no-audio #playlisterNoAudiostacks_in_2118 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2118 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2118 #shufflestacks_in_2118 { display: none; } #playlisterWrapperstacks_in_2118 #playlistTogglestacks_in_2118 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2118 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2118 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2120{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2120.splb{padding:12px}#splb_stacks_in_2120 .infix-iframe-container{background-color:}#stacks_in_2120{display:none}.infix-opened #stacks_in_2120,.infix-closed #stacks_in_2120{display:block}.lightbox39{cursor:pointer}#stacks_in_2120.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2120.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2123 *, #stacks_in_2123 *:before, #stacks_in_2123 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2123 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2123 { -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_2123 { display: none !important; } #playlisterstacks_in_2123 { 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_2123 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2123 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2123 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2123 { min-height: 0px; } #coverstacks_in_2123 { 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_2123 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2123 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2123 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2123 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2123 { margin-top: 0px; } } #titlestacks_in_2123 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2123:before { content: ' '; } #albumstacks_in_2123 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2123:before { content: 'Album: '; } #artiststacks_in_2123 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2123:before { content: 'Artist: '; } #additionalInfostacks_in_2123 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2123:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2123 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2123 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2123 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2123 .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_2123 .playlisterButtonStandard, #playlisterWrapperstacks_in_2123 .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_2123 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2123 .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_2123 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2123 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2123 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2123 .playlisterButton:hover, #playlisterWrapperstacks_in_2123 .playlisterButton:active, #playlisterWrapperstacks_in_2123 .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_2123 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2123 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2123 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2123 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2123 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2123 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2123 #playstacks_in_2123 i { margin-right: -3px; } #playlisterWrapperstacks_in_2123 #pausestacks_in_2123 { display: none; } #playlisterWrapperstacks_in_2123 .playlisterIsPlaying #playstacks_in_2123 { display: none; } #playlisterWrapperstacks_in_2123 .playlisterIsPlaying #pausestacks_in_2123 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2123 .playlisterButton:after, #playlisterWrapperstacks_in_2123 .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_2123 { float: right; } #playlisterWrapperstacks_in_2123 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2123 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2123 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2123 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2123, #volumeBtnstacks_in_2123 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2123 { display: inline-block; } #volumeControlsstacks_in_2123 { 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_2123 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2123 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2123 [class^="fa fa-"], #volume-fullstacks_in_2123 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2123 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2123 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2123 .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_2123 .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_2123 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2123 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2123 #progressstacks_in_2123 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2123 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2123 { 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_2123 { visibility: hidden; } #durationstacks_in_2123.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2123 { 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_2123 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2123 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2123 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2123 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2123 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_2123 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2123 li.active-playlistitem, #playlisterPlayliststacks_in_2123 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2123 li { padding-left: 0; } #playlisterPlayliststacks_in_2123 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2123 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2123, .no-audio #playlisterPlayliststacks_in_2123 { display: none; } #playlisterNoAudiostacks_in_2123 { display: none; } .no-audio #playlisterNoAudiostacks_in_2123 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2123 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2123 #shufflestacks_in_2123 { display: none; } #playlisterWrapperstacks_in_2123 #playlistTogglestacks_in_2123 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2123 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2123 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2125{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2125.splb{padding:12px}#splb_stacks_in_2125 .infix-iframe-container{background-color:}#stacks_in_2125{display:none}.infix-opened #stacks_in_2125,.infix-closed #stacks_in_2125{display:block}.lightbox40{cursor:pointer}#stacks_in_2125.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2125.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2128 *, #stacks_in_2128 *:before, #stacks_in_2128 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2128 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2128 { -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_2128 { display: none !important; } #playlisterstacks_in_2128 { 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_2128 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2128 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2128 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2128 { min-height: 0px; } #coverstacks_in_2128 { 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_2128 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2128 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2128 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2128 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2128 { margin-top: 0px; } } #titlestacks_in_2128 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2128:before { content: ' '; } #albumstacks_in_2128 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2128:before { content: 'Album: '; } #artiststacks_in_2128 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2128:before { content: 'Artist: '; } #additionalInfostacks_in_2128 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2128:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2128 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2128 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2128 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2128 .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_2128 .playlisterButtonStandard, #playlisterWrapperstacks_in_2128 .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_2128 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2128 .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_2128 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2128 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2128 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2128 .playlisterButton:hover, #playlisterWrapperstacks_in_2128 .playlisterButton:active, #playlisterWrapperstacks_in_2128 .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_2128 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2128 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2128 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2128 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2128 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2128 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2128 #playstacks_in_2128 i { margin-right: -3px; } #playlisterWrapperstacks_in_2128 #pausestacks_in_2128 { display: none; } #playlisterWrapperstacks_in_2128 .playlisterIsPlaying #playstacks_in_2128 { display: none; } #playlisterWrapperstacks_in_2128 .playlisterIsPlaying #pausestacks_in_2128 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2128 .playlisterButton:after, #playlisterWrapperstacks_in_2128 .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_2128 { float: right; } #playlisterWrapperstacks_in_2128 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2128 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2128 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2128 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2128, #volumeBtnstacks_in_2128 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2128 { display: inline-block; } #volumeControlsstacks_in_2128 { 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_2128 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2128 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2128 [class^="fa fa-"], #volume-fullstacks_in_2128 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2128 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2128 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2128 .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_2128 .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_2128 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2128 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2128 #progressstacks_in_2128 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2128 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2128 { 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_2128 { visibility: hidden; } #durationstacks_in_2128.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2128 { 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_2128 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2128 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2128 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2128 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2128 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_2128 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2128 li.active-playlistitem, #playlisterPlayliststacks_in_2128 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2128 li { padding-left: 0; } #playlisterPlayliststacks_in_2128 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2128 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2128, .no-audio #playlisterPlayliststacks_in_2128 { display: none; } #playlisterNoAudiostacks_in_2128 { display: none; } .no-audio #playlisterNoAudiostacks_in_2128 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2128 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2128 #shufflestacks_in_2128 { display: none; } #playlisterWrapperstacks_in_2128 #playlistTogglestacks_in_2128 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2128 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2128 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2130{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2130.splb{padding:12px}#splb_stacks_in_2130 .infix-iframe-container{background-color:}#stacks_in_2130{display:none}.infix-opened #stacks_in_2130,.infix-closed #stacks_in_2130{display:block}.lightbox41{cursor:pointer}#stacks_in_2130.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2130.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2133 *, #stacks_in_2133 *:before, #stacks_in_2133 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2133 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2133 { -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_2133 { display: none !important; } #playlisterstacks_in_2133 { 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_2133 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2133 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2133 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2133 { min-height: 0px; } #coverstacks_in_2133 { 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_2133 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2133 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2133 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2133 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2133 { margin-top: 0px; } } #titlestacks_in_2133 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2133:before { content: ' '; } #albumstacks_in_2133 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2133:before { content: 'Album: '; } #artiststacks_in_2133 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2133:before { content: 'Artist: '; } #additionalInfostacks_in_2133 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2133:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2133 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2133 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2133 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2133 .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_2133 .playlisterButtonStandard, #playlisterWrapperstacks_in_2133 .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_2133 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2133 .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_2133 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2133 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2133 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2133 .playlisterButton:hover, #playlisterWrapperstacks_in_2133 .playlisterButton:active, #playlisterWrapperstacks_in_2133 .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_2133 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2133 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2133 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2133 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2133 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2133 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2133 #playstacks_in_2133 i { margin-right: -3px; } #playlisterWrapperstacks_in_2133 #pausestacks_in_2133 { display: none; } #playlisterWrapperstacks_in_2133 .playlisterIsPlaying #playstacks_in_2133 { display: none; } #playlisterWrapperstacks_in_2133 .playlisterIsPlaying #pausestacks_in_2133 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2133 .playlisterButton:after, #playlisterWrapperstacks_in_2133 .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_2133 { float: right; } #playlisterWrapperstacks_in_2133 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2133 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2133 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2133 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2133, #volumeBtnstacks_in_2133 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2133 { display: inline-block; } #volumeControlsstacks_in_2133 { 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_2133 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2133 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2133 [class^="fa fa-"], #volume-fullstacks_in_2133 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2133 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2133 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2133 .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_2133 .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_2133 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2133 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2133 #progressstacks_in_2133 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2133 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2133 { 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_2133 { visibility: hidden; } #durationstacks_in_2133.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2133 { 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_2133 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2133 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2133 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2133 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2133 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_2133 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2133 li.active-playlistitem, #playlisterPlayliststacks_in_2133 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2133 li { padding-left: 0; } #playlisterPlayliststacks_in_2133 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2133 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2133, .no-audio #playlisterPlayliststacks_in_2133 { display: none; } #playlisterNoAudiostacks_in_2133 { display: none; } .no-audio #playlisterNoAudiostacks_in_2133 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2133 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2133 #shufflestacks_in_2133 { display: none; } #playlisterWrapperstacks_in_2133 #playlistTogglestacks_in_2133 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2133 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2133 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2135{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2135.splb{padding:12px}#splb_stacks_in_2135 .infix-iframe-container{background-color:}#stacks_in_2135{display:none}.infix-opened #stacks_in_2135,.infix-closed #stacks_in_2135{display:block}.lightbox42{cursor:pointer}#stacks_in_2135.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2135.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2138 *, #stacks_in_2138 *:before, #stacks_in_2138 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2138 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2138 { -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_2138 { display: none !important; } #playlisterstacks_in_2138 { 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_2138 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2138 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2138 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2138 { min-height: 0px; } #coverstacks_in_2138 { 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_2138 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2138 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2138 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2138 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2138 { margin-top: 0px; } } #titlestacks_in_2138 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2138:before { content: ' '; } #albumstacks_in_2138 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2138:before { content: 'Album: '; } #artiststacks_in_2138 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2138:before { content: 'Artist: '; } #additionalInfostacks_in_2138 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2138:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2138 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2138 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2138 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2138 .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_2138 .playlisterButtonStandard, #playlisterWrapperstacks_in_2138 .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_2138 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2138 .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_2138 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2138 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2138 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2138 .playlisterButton:hover, #playlisterWrapperstacks_in_2138 .playlisterButton:active, #playlisterWrapperstacks_in_2138 .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_2138 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2138 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2138 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2138 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2138 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2138 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2138 #playstacks_in_2138 i { margin-right: -3px; } #playlisterWrapperstacks_in_2138 #pausestacks_in_2138 { display: none; } #playlisterWrapperstacks_in_2138 .playlisterIsPlaying #playstacks_in_2138 { display: none; } #playlisterWrapperstacks_in_2138 .playlisterIsPlaying #pausestacks_in_2138 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2138 .playlisterButton:after, #playlisterWrapperstacks_in_2138 .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_2138 { float: right; } #playlisterWrapperstacks_in_2138 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2138 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2138 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2138 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2138, #volumeBtnstacks_in_2138 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2138 { display: inline-block; } #volumeControlsstacks_in_2138 { 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_2138 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2138 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2138 [class^="fa fa-"], #volume-fullstacks_in_2138 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2138 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2138 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2138 .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_2138 .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_2138 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2138 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2138 #progressstacks_in_2138 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2138 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2138 { 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_2138 { visibility: hidden; } #durationstacks_in_2138.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2138 { 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_2138 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2138 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2138 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2138 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2138 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_2138 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2138 li.active-playlistitem, #playlisterPlayliststacks_in_2138 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2138 li { padding-left: 0; } #playlisterPlayliststacks_in_2138 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2138 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2138, .no-audio #playlisterPlayliststacks_in_2138 { display: none; } #playlisterNoAudiostacks_in_2138 { display: none; } .no-audio #playlisterNoAudiostacks_in_2138 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2138 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2138 #shufflestacks_in_2138 { display: none; } #playlisterWrapperstacks_in_2138 #playlistTogglestacks_in_2138 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2138 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2138 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2140{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2140.splb{padding:12px}#splb_stacks_in_2140 .infix-iframe-container{background-color:}#stacks_in_2140{display:none}.infix-opened #stacks_in_2140,.infix-closed #stacks_in_2140{display:block}.lightbox43{cursor:pointer}#stacks_in_2140.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2140.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2143 *, #stacks_in_2143 *:before, #stacks_in_2143 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2143 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2143 { -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_2143 { display: none !important; } #playlisterstacks_in_2143 { 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_2143 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2143 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2143 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2143 { min-height: 0px; } #coverstacks_in_2143 { 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_2143 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2143 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2143 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2143 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2143 { margin-top: 0px; } } #titlestacks_in_2143 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2143:before { content: ' '; } #albumstacks_in_2143 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2143:before { content: 'Album: '; } #artiststacks_in_2143 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2143:before { content: 'Artist: '; } #additionalInfostacks_in_2143 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2143:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2143 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2143 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2143 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2143 .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_2143 .playlisterButtonStandard, #playlisterWrapperstacks_in_2143 .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_2143 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2143 .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_2143 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2143 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2143 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2143 .playlisterButton:hover, #playlisterWrapperstacks_in_2143 .playlisterButton:active, #playlisterWrapperstacks_in_2143 .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_2143 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2143 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2143 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2143 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2143 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2143 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2143 #playstacks_in_2143 i { margin-right: -3px; } #playlisterWrapperstacks_in_2143 #pausestacks_in_2143 { display: none; } #playlisterWrapperstacks_in_2143 .playlisterIsPlaying #playstacks_in_2143 { display: none; } #playlisterWrapperstacks_in_2143 .playlisterIsPlaying #pausestacks_in_2143 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2143 .playlisterButton:after, #playlisterWrapperstacks_in_2143 .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_2143 { float: right; } #playlisterWrapperstacks_in_2143 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2143 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2143 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2143 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2143, #volumeBtnstacks_in_2143 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2143 { display: inline-block; } #volumeControlsstacks_in_2143 { 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_2143 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2143 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2143 [class^="fa fa-"], #volume-fullstacks_in_2143 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2143 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2143 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2143 .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_2143 .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_2143 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2143 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2143 #progressstacks_in_2143 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2143 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2143 { 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_2143 { visibility: hidden; } #durationstacks_in_2143.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2143 { 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_2143 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2143 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2143 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2143 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2143 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_2143 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2143 li.active-playlistitem, #playlisterPlayliststacks_in_2143 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2143 li { padding-left: 0; } #playlisterPlayliststacks_in_2143 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2143 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2143, .no-audio #playlisterPlayliststacks_in_2143 { display: none; } #playlisterNoAudiostacks_in_2143 { display: none; } .no-audio #playlisterNoAudiostacks_in_2143 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2143 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2143 #shufflestacks_in_2143 { display: none; } #playlisterWrapperstacks_in_2143 #playlistTogglestacks_in_2143 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2143 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2143 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2145{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2145.splb{padding:12px}#splb_stacks_in_2145 .infix-iframe-container{background-color:}#stacks_in_2145{display:none}.infix-opened #stacks_in_2145,.infix-closed #stacks_in_2145{display:block}.lightbox44{cursor:pointer}#stacks_in_2145.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2145.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2148 *, #stacks_in_2148 *:before, #stacks_in_2148 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2148 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2148 { -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_2148 { display: none !important; } #playlisterstacks_in_2148 { 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_2148 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2148 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2148 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2148 { min-height: 300px; } #coverstacks_in_2148 { background-repeat: no-repeat; background-size: 100% 100%; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; position: relative; height: 300px; width: 300px; display: inline-block; } @media screen and (min-width: 600px) { #coverstacks_in_2148 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2148 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2148 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2148 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2148 { margin-top: 0px; } } #titlestacks_in_2148 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2148:before { content: ' '; } #albumstacks_in_2148 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2148:before { content: 'Album: '; } #artiststacks_in_2148 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2148:before { content: 'Artist: '; } #additionalInfostacks_in_2148 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2148:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2148 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2148 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2148 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2148 .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_2148 .playlisterButtonStandard, #playlisterWrapperstacks_in_2148 .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_2148 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2148 .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_2148 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2148 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2148 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2148 .playlisterButton:hover, #playlisterWrapperstacks_in_2148 .playlisterButton:active, #playlisterWrapperstacks_in_2148 .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_2148 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2148 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2148 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2148 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2148 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2148 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2148 #playstacks_in_2148 i { margin-right: -3px; } #playlisterWrapperstacks_in_2148 #pausestacks_in_2148 { display: none; } #playlisterWrapperstacks_in_2148 .playlisterIsPlaying #playstacks_in_2148 { display: none; } #playlisterWrapperstacks_in_2148 .playlisterIsPlaying #pausestacks_in_2148 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2148 .playlisterButton:after, #playlisterWrapperstacks_in_2148 .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_2148 { float: right; } #playlisterWrapperstacks_in_2148 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2148 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2148 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2148 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2148, #volumeBtnstacks_in_2148 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2148 { display: inline-block; } #volumeControlsstacks_in_2148 { 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_2148 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2148 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2148 [class^="fa fa-"], #volume-fullstacks_in_2148 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2148 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2148 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2148 .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_2148 .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_2148 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2148 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2148 #progressstacks_in_2148 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2148 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2148 { 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_2148 { visibility: hidden; } #durationstacks_in_2148.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2148 { 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_2148 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2148 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2148 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2148 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2148 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_2148 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2148 li.active-playlistitem, #playlisterPlayliststacks_in_2148 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2148 li { padding-left: 0; } #playlisterPlayliststacks_in_2148 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2148 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2148, .no-audio #playlisterPlayliststacks_in_2148 { display: none; } #playlisterNoAudiostacks_in_2148 { display: none; } .no-audio #playlisterNoAudiostacks_in_2148 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2148 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2148 #shufflestacks_in_2148 { display: none; } #playlisterWrapperstacks_in_2148 #playlistTogglestacks_in_2148 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2148 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2148 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2150{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2150.splb{padding:12px}#splb_stacks_in_2150 .infix-iframe-container{background-color:}#stacks_in_2150{display:none}.infix-opened #stacks_in_2150,.infix-closed #stacks_in_2150{display:block}.lightbox45{cursor:pointer}#stacks_in_2150.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2150.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2153 *, #stacks_in_2153 *:before, #stacks_in_2153 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2153 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2153 { -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_2153 { display: none !important; } #playlisterstacks_in_2153 { 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_2153 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2153 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2153 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2153 { min-height: 0px; } #coverstacks_in_2153 { 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_2153 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2153 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2153 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2153 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2153 { margin-top: 0px; } } #titlestacks_in_2153 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2153:before { content: ' '; } #albumstacks_in_2153 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2153:before { content: 'Album: '; } #artiststacks_in_2153 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2153:before { content: 'Artist: '; } #additionalInfostacks_in_2153 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2153:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2153 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2153 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2153 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2153 .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_2153 .playlisterButtonStandard, #playlisterWrapperstacks_in_2153 .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_2153 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2153 .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_2153 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2153 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2153 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2153 .playlisterButton:hover, #playlisterWrapperstacks_in_2153 .playlisterButton:active, #playlisterWrapperstacks_in_2153 .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_2153 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2153 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2153 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2153 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2153 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2153 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2153 #playstacks_in_2153 i { margin-right: -3px; } #playlisterWrapperstacks_in_2153 #pausestacks_in_2153 { display: none; } #playlisterWrapperstacks_in_2153 .playlisterIsPlaying #playstacks_in_2153 { display: none; } #playlisterWrapperstacks_in_2153 .playlisterIsPlaying #pausestacks_in_2153 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2153 .playlisterButton:after, #playlisterWrapperstacks_in_2153 .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_2153 { float: right; } #playlisterWrapperstacks_in_2153 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2153 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2153 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2153 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2153, #volumeBtnstacks_in_2153 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2153 { display: inline-block; } #volumeControlsstacks_in_2153 { 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_2153 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2153 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2153 [class^="fa fa-"], #volume-fullstacks_in_2153 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2153 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2153 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2153 .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_2153 .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_2153 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2153 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2153 #progressstacks_in_2153 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2153 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2153 { 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_2153 { visibility: hidden; } #durationstacks_in_2153.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2153 { 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_2153 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2153 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2153 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2153 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2153 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_2153 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2153 li.active-playlistitem, #playlisterPlayliststacks_in_2153 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2153 li { padding-left: 0; } #playlisterPlayliststacks_in_2153 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2153 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2153, .no-audio #playlisterPlayliststacks_in_2153 { display: none; } #playlisterNoAudiostacks_in_2153 { display: none; } .no-audio #playlisterNoAudiostacks_in_2153 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2153 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2153 #shufflestacks_in_2153 { display: none; } #playlisterWrapperstacks_in_2153 #playlistTogglestacks_in_2153 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2153 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2153 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2155{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2155.splb{padding:12px}#splb_stacks_in_2155 .infix-iframe-container{background-color:}#stacks_in_2155{display:none}.infix-opened #stacks_in_2155,.infix-closed #stacks_in_2155{display:block}.lightbox46{cursor:pointer}#stacks_in_2155.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2155.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2158 *, #stacks_in_2158 *:before, #stacks_in_2158 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2158 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2158 { -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_2158 { display: none !important; } #playlisterstacks_in_2158 { 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_2158 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2158 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2158 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2158 { min-height: 0px; } #coverstacks_in_2158 { 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_2158 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2158 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2158 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2158 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2158 { margin-top: 0px; } } #titlestacks_in_2158 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2158:before { content: ' '; } #albumstacks_in_2158 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2158:before { content: 'Album: '; } #artiststacks_in_2158 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2158:before { content: 'Artist: '; } #additionalInfostacks_in_2158 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2158:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2158 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2158 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2158 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2158 .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_2158 .playlisterButtonStandard, #playlisterWrapperstacks_in_2158 .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_2158 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2158 .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_2158 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2158 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2158 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2158 .playlisterButton:hover, #playlisterWrapperstacks_in_2158 .playlisterButton:active, #playlisterWrapperstacks_in_2158 .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_2158 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2158 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2158 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2158 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2158 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2158 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2158 #playstacks_in_2158 i { margin-right: -3px; } #playlisterWrapperstacks_in_2158 #pausestacks_in_2158 { display: none; } #playlisterWrapperstacks_in_2158 .playlisterIsPlaying #playstacks_in_2158 { display: none; } #playlisterWrapperstacks_in_2158 .playlisterIsPlaying #pausestacks_in_2158 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2158 .playlisterButton:after, #playlisterWrapperstacks_in_2158 .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_2158 { float: right; } #playlisterWrapperstacks_in_2158 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2158 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2158 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2158 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2158, #volumeBtnstacks_in_2158 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2158 { display: inline-block; } #volumeControlsstacks_in_2158 { 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_2158 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2158 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2158 [class^="fa fa-"], #volume-fullstacks_in_2158 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2158 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2158 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2158 .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_2158 .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_2158 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2158 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2158 #progressstacks_in_2158 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2158 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2158 { 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_2158 { visibility: hidden; } #durationstacks_in_2158.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2158 { 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_2158 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2158 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2158 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2158 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2158 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_2158 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2158 li.active-playlistitem, #playlisterPlayliststacks_in_2158 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2158 li { padding-left: 0; } #playlisterPlayliststacks_in_2158 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2158 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2158, .no-audio #playlisterPlayliststacks_in_2158 { display: none; } #playlisterNoAudiostacks_in_2158 { display: none; } .no-audio #playlisterNoAudiostacks_in_2158 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2158 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2158 #shufflestacks_in_2158 { display: none; } #playlisterWrapperstacks_in_2158 #playlistTogglestacks_in_2158 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2158 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2158 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2160{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2160.splb{padding:12px}#splb_stacks_in_2160 .infix-iframe-container{background-color:}#stacks_in_2160{display:none}.infix-opened #stacks_in_2160,.infix-closed #stacks_in_2160{display:block}.lightbox47{cursor:pointer}#stacks_in_2160.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2160.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2163 *, #stacks_in_2163 *:before, #stacks_in_2163 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2163 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2163 { -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_2163 { display: none !important; } #playlisterstacks_in_2163 { 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_2163 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2163 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2163 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2163 { min-height: 0px; } #coverstacks_in_2163 { 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_2163 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2163 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2163 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2163 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2163 { margin-top: 0px; } } #titlestacks_in_2163 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2163:before { content: ' '; } #albumstacks_in_2163 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2163:before { content: 'Album: '; } #artiststacks_in_2163 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2163:before { content: 'Artist: '; } #additionalInfostacks_in_2163 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2163:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2163 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2163 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2163 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2163 .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_2163 .playlisterButtonStandard, #playlisterWrapperstacks_in_2163 .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_2163 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2163 .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_2163 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2163 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2163 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2163 .playlisterButton:hover, #playlisterWrapperstacks_in_2163 .playlisterButton:active, #playlisterWrapperstacks_in_2163 .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_2163 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2163 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2163 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2163 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2163 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2163 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2163 #playstacks_in_2163 i { margin-right: -3px; } #playlisterWrapperstacks_in_2163 #pausestacks_in_2163 { display: none; } #playlisterWrapperstacks_in_2163 .playlisterIsPlaying #playstacks_in_2163 { display: none; } #playlisterWrapperstacks_in_2163 .playlisterIsPlaying #pausestacks_in_2163 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2163 .playlisterButton:after, #playlisterWrapperstacks_in_2163 .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_2163 { float: right; } #playlisterWrapperstacks_in_2163 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2163 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2163 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2163 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2163, #volumeBtnstacks_in_2163 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2163 { display: inline-block; } #volumeControlsstacks_in_2163 { 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_2163 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2163 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2163 [class^="fa fa-"], #volume-fullstacks_in_2163 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2163 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2163 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2163 .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_2163 .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_2163 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2163 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2163 #progressstacks_in_2163 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2163 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2163 { 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_2163 { visibility: hidden; } #durationstacks_in_2163.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2163 { 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_2163 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2163 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2163 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2163 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2163 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_2163 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2163 li.active-playlistitem, #playlisterPlayliststacks_in_2163 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2163 li { padding-left: 0; } #playlisterPlayliststacks_in_2163 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2163 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2163, .no-audio #playlisterPlayliststacks_in_2163 { display: none; } #playlisterNoAudiostacks_in_2163 { display: none; } .no-audio #playlisterNoAudiostacks_in_2163 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2163 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2163 #shufflestacks_in_2163 { display: none; } #playlisterWrapperstacks_in_2163 #playlistTogglestacks_in_2163 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2163 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2163 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2165{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2165.splb{padding:12px}#splb_stacks_in_2165 .infix-iframe-container{background-color:}#stacks_in_2165{display:none}.infix-opened #stacks_in_2165,.infix-closed #stacks_in_2165{display:block}.lightbox48{cursor:pointer}#stacks_in_2165.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2165.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2168 *, #stacks_in_2168 *:before, #stacks_in_2168 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2168 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2168 { -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_2168 { display: none !important; } #playlisterstacks_in_2168 { 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_2168 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2168 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2168 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2168 { min-height: 0px; } #coverstacks_in_2168 { 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_2168 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2168 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2168 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2168 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2168 { margin-top: 0px; } } #titlestacks_in_2168 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2168:before { content: ' '; } #albumstacks_in_2168 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2168:before { content: 'Album: '; } #artiststacks_in_2168 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2168:before { content: 'Artist: '; } #additionalInfostacks_in_2168 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2168:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2168 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2168 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2168 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2168 .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_2168 .playlisterButtonStandard, #playlisterWrapperstacks_in_2168 .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_2168 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2168 .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_2168 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2168 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2168 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2168 .playlisterButton:hover, #playlisterWrapperstacks_in_2168 .playlisterButton:active, #playlisterWrapperstacks_in_2168 .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_2168 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2168 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2168 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2168 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2168 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2168 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2168 #playstacks_in_2168 i { margin-right: -3px; } #playlisterWrapperstacks_in_2168 #pausestacks_in_2168 { display: none; } #playlisterWrapperstacks_in_2168 .playlisterIsPlaying #playstacks_in_2168 { display: none; } #playlisterWrapperstacks_in_2168 .playlisterIsPlaying #pausestacks_in_2168 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2168 .playlisterButton:after, #playlisterWrapperstacks_in_2168 .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_2168 { float: right; } #playlisterWrapperstacks_in_2168 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2168 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2168 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2168 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2168, #volumeBtnstacks_in_2168 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2168 { display: inline-block; } #volumeControlsstacks_in_2168 { 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_2168 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2168 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2168 [class^="fa fa-"], #volume-fullstacks_in_2168 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2168 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2168 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2168 .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_2168 .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_2168 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2168 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2168 #progressstacks_in_2168 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2168 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2168 { 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_2168 { visibility: hidden; } #durationstacks_in_2168.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2168 { 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_2168 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2168 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2168 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2168 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2168 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_2168 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2168 li.active-playlistitem, #playlisterPlayliststacks_in_2168 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2168 li { padding-left: 0; } #playlisterPlayliststacks_in_2168 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2168 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2168, .no-audio #playlisterPlayliststacks_in_2168 { display: none; } #playlisterNoAudiostacks_in_2168 { display: none; } .no-audio #playlisterNoAudiostacks_in_2168 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2168 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2168 #shufflestacks_in_2168 { display: none; } #playlisterWrapperstacks_in_2168 #playlistTogglestacks_in_2168 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2168 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2168 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2170{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2170.splb{padding:12px}#splb_stacks_in_2170 .infix-iframe-container{background-color:}#stacks_in_2170{display:none}.infix-opened #stacks_in_2170,.infix-closed #stacks_in_2170{display:block}.lightbox49{cursor:pointer}#stacks_in_2170.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2170.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2173 *, #stacks_in_2173 *:before, #stacks_in_2173 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2173 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2173 { -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_2173 { display: none !important; } #playlisterstacks_in_2173 { 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_2173 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2173 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2173 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2173 { min-height: 0px; } #coverstacks_in_2173 { 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_2173 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2173 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2173 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2173 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2173 { margin-top: 0px; } } #titlestacks_in_2173 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2173:before { content: ' '; } #albumstacks_in_2173 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2173:before { content: 'Album: '; } #artiststacks_in_2173 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2173:before { content: 'Artist: '; } #additionalInfostacks_in_2173 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2173:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2173 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2173 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2173 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2173 .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_2173 .playlisterButtonStandard, #playlisterWrapperstacks_in_2173 .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_2173 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2173 .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_2173 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2173 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2173 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2173 .playlisterButton:hover, #playlisterWrapperstacks_in_2173 .playlisterButton:active, #playlisterWrapperstacks_in_2173 .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_2173 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2173 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2173 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2173 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2173 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2173 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2173 #playstacks_in_2173 i { margin-right: -3px; } #playlisterWrapperstacks_in_2173 #pausestacks_in_2173 { display: none; } #playlisterWrapperstacks_in_2173 .playlisterIsPlaying #playstacks_in_2173 { display: none; } #playlisterWrapperstacks_in_2173 .playlisterIsPlaying #pausestacks_in_2173 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2173 .playlisterButton:after, #playlisterWrapperstacks_in_2173 .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_2173 { float: right; } #playlisterWrapperstacks_in_2173 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2173 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2173 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2173 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2173, #volumeBtnstacks_in_2173 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2173 { display: inline-block; } #volumeControlsstacks_in_2173 { 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_2173 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2173 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2173 [class^="fa fa-"], #volume-fullstacks_in_2173 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2173 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2173 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2173 .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_2173 .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_2173 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2173 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2173 #progressstacks_in_2173 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2173 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2173 { 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_2173 { visibility: hidden; } #durationstacks_in_2173.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2173 { 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_2173 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2173 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2173 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2173 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2173 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_2173 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2173 li.active-playlistitem, #playlisterPlayliststacks_in_2173 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2173 li { padding-left: 0; } #playlisterPlayliststacks_in_2173 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2173 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2173, .no-audio #playlisterPlayliststacks_in_2173 { display: none; } #playlisterNoAudiostacks_in_2173 { display: none; } .no-audio #playlisterNoAudiostacks_in_2173 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2173 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2173 #shufflestacks_in_2173 { display: none; } #playlisterWrapperstacks_in_2173 #playlistTogglestacks_in_2173 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2173 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2173 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2175{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2175.splb{padding:12px}#splb_stacks_in_2175 .infix-iframe-container{background-color:}#stacks_in_2175{display:none}.infix-opened #stacks_in_2175,.infix-closed #stacks_in_2175{display:block}.lightbox50{cursor:pointer}#stacks_in_2175.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2175.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2178 *, #stacks_in_2178 *:before, #stacks_in_2178 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2178 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2178 { -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_2178 { display: none !important; } #playlisterstacks_in_2178 { 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_2178 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2178 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2178 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2178 { min-height: 0px; } #coverstacks_in_2178 { 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_2178 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2178 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2178 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2178 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2178 { margin-top: 0px; } } #titlestacks_in_2178 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2178:before { content: ' '; } #albumstacks_in_2178 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2178:before { content: 'Album: '; } #artiststacks_in_2178 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2178:before { content: 'Artist: '; } #additionalInfostacks_in_2178 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2178:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2178 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2178 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2178 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2178 .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_2178 .playlisterButtonStandard, #playlisterWrapperstacks_in_2178 .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_2178 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2178 .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_2178 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2178 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2178 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2178 .playlisterButton:hover, #playlisterWrapperstacks_in_2178 .playlisterButton:active, #playlisterWrapperstacks_in_2178 .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_2178 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2178 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2178 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2178 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2178 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2178 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2178 #playstacks_in_2178 i { margin-right: -3px; } #playlisterWrapperstacks_in_2178 #pausestacks_in_2178 { display: none; } #playlisterWrapperstacks_in_2178 .playlisterIsPlaying #playstacks_in_2178 { display: none; } #playlisterWrapperstacks_in_2178 .playlisterIsPlaying #pausestacks_in_2178 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2178 .playlisterButton:after, #playlisterWrapperstacks_in_2178 .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_2178 { float: right; } #playlisterWrapperstacks_in_2178 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2178 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2178 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2178 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2178, #volumeBtnstacks_in_2178 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2178 { display: inline-block; } #volumeControlsstacks_in_2178 { 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_2178 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2178 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2178 [class^="fa fa-"], #volume-fullstacks_in_2178 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2178 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2178 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2178 .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_2178 .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_2178 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2178 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2178 #progressstacks_in_2178 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2178 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2178 { 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_2178 { visibility: hidden; } #durationstacks_in_2178.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2178 { 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_2178 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2178 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2178 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2178 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2178 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_2178 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2178 li.active-playlistitem, #playlisterPlayliststacks_in_2178 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2178 li { padding-left: 0; } #playlisterPlayliststacks_in_2178 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2178 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2178, .no-audio #playlisterPlayliststacks_in_2178 { display: none; } #playlisterNoAudiostacks_in_2178 { display: none; } .no-audio #playlisterNoAudiostacks_in_2178 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2178 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2178 #shufflestacks_in_2178 { display: none; } #playlisterWrapperstacks_in_2178 #playlistTogglestacks_in_2178 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2178 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2178 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2180{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2180.splb{padding:12px}#splb_stacks_in_2180 .infix-iframe-container{background-color:}#stacks_in_2180{display:none}.infix-opened #stacks_in_2180,.infix-closed #stacks_in_2180{display:block}.lightbox51{cursor:pointer}#stacks_in_2180.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2180.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2183 *, #stacks_in_2183 *:before, #stacks_in_2183 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2183 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2183 { -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_2183 { display: none !important; } #playlisterstacks_in_2183 { 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_2183 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2183 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2183 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2183 { min-height: 0px; } #coverstacks_in_2183 { 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_2183 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2183 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2183 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2183 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2183 { margin-top: 0px; } } #titlestacks_in_2183 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2183:before { content: ' '; } #albumstacks_in_2183 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2183:before { content: 'Album: '; } #artiststacks_in_2183 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2183:before { content: 'Artist: '; } #additionalInfostacks_in_2183 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2183:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2183 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2183 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2183 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2183 .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_2183 .playlisterButtonStandard, #playlisterWrapperstacks_in_2183 .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_2183 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2183 .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_2183 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2183 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2183 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2183 .playlisterButton:hover, #playlisterWrapperstacks_in_2183 .playlisterButton:active, #playlisterWrapperstacks_in_2183 .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_2183 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2183 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2183 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2183 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2183 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2183 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2183 #playstacks_in_2183 i { margin-right: -3px; } #playlisterWrapperstacks_in_2183 #pausestacks_in_2183 { display: none; } #playlisterWrapperstacks_in_2183 .playlisterIsPlaying #playstacks_in_2183 { display: none; } #playlisterWrapperstacks_in_2183 .playlisterIsPlaying #pausestacks_in_2183 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2183 .playlisterButton:after, #playlisterWrapperstacks_in_2183 .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_2183 { float: right; } #playlisterWrapperstacks_in_2183 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2183 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2183 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2183 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2183, #volumeBtnstacks_in_2183 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2183 { display: inline-block; } #volumeControlsstacks_in_2183 { 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_2183 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2183 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2183 [class^="fa fa-"], #volume-fullstacks_in_2183 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2183 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2183 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2183 .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_2183 .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_2183 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2183 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2183 #progressstacks_in_2183 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2183 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2183 { 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_2183 { visibility: hidden; } #durationstacks_in_2183.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2183 { 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_2183 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2183 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2183 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2183 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2183 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_2183 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2183 li.active-playlistitem, #playlisterPlayliststacks_in_2183 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2183 li { padding-left: 0; } #playlisterPlayliststacks_in_2183 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2183 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2183, .no-audio #playlisterPlayliststacks_in_2183 { display: none; } #playlisterNoAudiostacks_in_2183 { display: none; } .no-audio #playlisterNoAudiostacks_in_2183 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2183 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2183 #shufflestacks_in_2183 { display: none; } #playlisterWrapperstacks_in_2183 #playlistTogglestacks_in_2183 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2183 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2183 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2185{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2185.splb{padding:12px}#splb_stacks_in_2185 .infix-iframe-container{background-color:}#stacks_in_2185{display:none}.infix-opened #stacks_in_2185,.infix-closed #stacks_in_2185{display:block}.lightbox52{cursor:pointer}#stacks_in_2185.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2185.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2188 *, #stacks_in_2188 *:before, #stacks_in_2188 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2188 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2188 { -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_2188 { display: none !important; } #playlisterstacks_in_2188 { 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_2188 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2188 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2188 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2188 { min-height: 0px; } #coverstacks_in_2188 { 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_2188 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2188 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2188 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2188 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2188 { margin-top: 0px; } } #titlestacks_in_2188 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2188:before { content: ' '; } #albumstacks_in_2188 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2188:before { content: 'Album: '; } #artiststacks_in_2188 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2188:before { content: 'Artist: '; } #additionalInfostacks_in_2188 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2188:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2188 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2188 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2188 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2188 .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_2188 .playlisterButtonStandard, #playlisterWrapperstacks_in_2188 .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_2188 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2188 .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_2188 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2188 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2188 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2188 .playlisterButton:hover, #playlisterWrapperstacks_in_2188 .playlisterButton:active, #playlisterWrapperstacks_in_2188 .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_2188 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2188 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2188 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2188 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2188 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2188 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2188 #playstacks_in_2188 i { margin-right: -3px; } #playlisterWrapperstacks_in_2188 #pausestacks_in_2188 { display: none; } #playlisterWrapperstacks_in_2188 .playlisterIsPlaying #playstacks_in_2188 { display: none; } #playlisterWrapperstacks_in_2188 .playlisterIsPlaying #pausestacks_in_2188 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2188 .playlisterButton:after, #playlisterWrapperstacks_in_2188 .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_2188 { float: right; } #playlisterWrapperstacks_in_2188 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2188 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2188 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2188 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2188, #volumeBtnstacks_in_2188 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2188 { display: inline-block; } #volumeControlsstacks_in_2188 { 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_2188 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2188 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2188 [class^="fa fa-"], #volume-fullstacks_in_2188 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2188 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2188 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2188 .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_2188 .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_2188 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2188 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2188 #progressstacks_in_2188 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2188 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2188 { 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_2188 { visibility: hidden; } #durationstacks_in_2188.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2188 { 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_2188 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2188 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2188 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2188 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2188 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_2188 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2188 li.active-playlistitem, #playlisterPlayliststacks_in_2188 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2188 li { padding-left: 0; } #playlisterPlayliststacks_in_2188 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2188 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2188, .no-audio #playlisterPlayliststacks_in_2188 { display: none; } #playlisterNoAudiostacks_in_2188 { display: none; } .no-audio #playlisterNoAudiostacks_in_2188 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2188 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2188 #shufflestacks_in_2188 { display: none; } #playlisterWrapperstacks_in_2188 #playlistTogglestacks_in_2188 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2188 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2188 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2190{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2190.splb{padding:12px}#splb_stacks_in_2190 .infix-iframe-container{background-color:}#stacks_in_2190{display:none}.infix-opened #stacks_in_2190,.infix-closed #stacks_in_2190{display:block}.lightbox53{cursor:pointer}#stacks_in_2190.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2190.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2193 *, #stacks_in_2193 *:before, #stacks_in_2193 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2193 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2193 { -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_2193 { display: none !important; } #playlisterstacks_in_2193 { 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_2193 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2193 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2193 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2193 { min-height: 0px; } #coverstacks_in_2193 { 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_2193 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2193 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2193 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2193 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2193 { margin-top: 0px; } } #titlestacks_in_2193 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2193:before { content: ' '; } #albumstacks_in_2193 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2193:before { content: 'Album: '; } #artiststacks_in_2193 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2193:before { content: 'Artist: '; } #additionalInfostacks_in_2193 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2193:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2193 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2193 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2193 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2193 .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_2193 .playlisterButtonStandard, #playlisterWrapperstacks_in_2193 .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_2193 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2193 .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_2193 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2193 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2193 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2193 .playlisterButton:hover, #playlisterWrapperstacks_in_2193 .playlisterButton:active, #playlisterWrapperstacks_in_2193 .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_2193 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2193 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2193 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2193 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2193 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2193 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2193 #playstacks_in_2193 i { margin-right: -3px; } #playlisterWrapperstacks_in_2193 #pausestacks_in_2193 { display: none; } #playlisterWrapperstacks_in_2193 .playlisterIsPlaying #playstacks_in_2193 { display: none; } #playlisterWrapperstacks_in_2193 .playlisterIsPlaying #pausestacks_in_2193 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2193 .playlisterButton:after, #playlisterWrapperstacks_in_2193 .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_2193 { float: right; } #playlisterWrapperstacks_in_2193 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2193 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2193 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2193 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2193, #volumeBtnstacks_in_2193 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2193 { display: inline-block; } #volumeControlsstacks_in_2193 { 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_2193 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2193 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2193 [class^="fa fa-"], #volume-fullstacks_in_2193 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2193 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2193 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2193 .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_2193 .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_2193 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2193 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2193 #progressstacks_in_2193 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2193 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2193 { 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_2193 { visibility: hidden; } #durationstacks_in_2193.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2193 { 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_2193 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2193 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2193 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2193 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2193 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_2193 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2193 li.active-playlistitem, #playlisterPlayliststacks_in_2193 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2193 li { padding-left: 0; } #playlisterPlayliststacks_in_2193 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2193 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2193, .no-audio #playlisterPlayliststacks_in_2193 { display: none; } #playlisterNoAudiostacks_in_2193 { display: none; } .no-audio #playlisterNoAudiostacks_in_2193 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2193 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2193 #shufflestacks_in_2193 { display: none; } #playlisterWrapperstacks_in_2193 #playlistTogglestacks_in_2193 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2193 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2193 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2195{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2195.splb{padding:12px}#splb_stacks_in_2195 .infix-iframe-container{background-color:}#stacks_in_2195{display:none}.infix-opened #stacks_in_2195,.infix-closed #stacks_in_2195{display:block}.lightbox54{cursor:pointer}#stacks_in_2195.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2195.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2198 *, #stacks_in_2198 *:before, #stacks_in_2198 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2198 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2198 { -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_2198 { display: none !important; } #playlisterstacks_in_2198 { 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_2198 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2198 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2198 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2198 { min-height: 0px; } #coverstacks_in_2198 { 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_2198 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2198 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2198 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2198 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2198 { margin-top: 0px; } } #titlestacks_in_2198 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2198:before { content: ' '; } #albumstacks_in_2198 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2198:before { content: 'Album: '; } #artiststacks_in_2198 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2198:before { content: 'Artist: '; } #additionalInfostacks_in_2198 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2198:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2198 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2198 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2198 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2198 .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_2198 .playlisterButtonStandard, #playlisterWrapperstacks_in_2198 .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_2198 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2198 .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_2198 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2198 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2198 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2198 .playlisterButton:hover, #playlisterWrapperstacks_in_2198 .playlisterButton:active, #playlisterWrapperstacks_in_2198 .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_2198 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2198 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2198 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2198 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2198 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2198 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2198 #playstacks_in_2198 i { margin-right: -3px; } #playlisterWrapperstacks_in_2198 #pausestacks_in_2198 { display: none; } #playlisterWrapperstacks_in_2198 .playlisterIsPlaying #playstacks_in_2198 { display: none; } #playlisterWrapperstacks_in_2198 .playlisterIsPlaying #pausestacks_in_2198 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2198 .playlisterButton:after, #playlisterWrapperstacks_in_2198 .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_2198 { float: right; } #playlisterWrapperstacks_in_2198 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2198 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2198 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2198 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2198, #volumeBtnstacks_in_2198 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2198 { display: inline-block; } #volumeControlsstacks_in_2198 { 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_2198 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2198 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2198 [class^="fa fa-"], #volume-fullstacks_in_2198 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2198 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2198 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2198 .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_2198 .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_2198 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2198 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2198 #progressstacks_in_2198 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2198 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2198 { 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_2198 { visibility: hidden; } #durationstacks_in_2198.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2198 { 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_2198 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2198 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2198 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2198 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2198 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_2198 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2198 li.active-playlistitem, #playlisterPlayliststacks_in_2198 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2198 li { padding-left: 0; } #playlisterPlayliststacks_in_2198 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2198 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2198, .no-audio #playlisterPlayliststacks_in_2198 { display: none; } #playlisterNoAudiostacks_in_2198 { display: none; } .no-audio #playlisterNoAudiostacks_in_2198 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2198 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2198 #shufflestacks_in_2198 { display: none; } #playlisterWrapperstacks_in_2198 #playlistTogglestacks_in_2198 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2198 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2198 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2200{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2200.splb{padding:12px}#splb_stacks_in_2200 .infix-iframe-container{background-color:}#stacks_in_2200{display:none}.infix-opened #stacks_in_2200,.infix-closed #stacks_in_2200{display:block}.lightbox55{cursor:pointer}#stacks_in_2200.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2200.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2203 *, #stacks_in_2203 *:before, #stacks_in_2203 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2203 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2203 { -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_2203 { display: none !important; } #playlisterstacks_in_2203 { 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_2203 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2203 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2203 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2203 { min-height: 0px; } #coverstacks_in_2203 { 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_2203 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2203 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2203 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2203 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2203 { margin-top: 0px; } } #titlestacks_in_2203 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2203:before { content: ' '; } #albumstacks_in_2203 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2203:before { content: 'Album: '; } #artiststacks_in_2203 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2203:before { content: 'Artist: '; } #additionalInfostacks_in_2203 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2203:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2203 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2203 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2203 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2203 .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_2203 .playlisterButtonStandard, #playlisterWrapperstacks_in_2203 .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_2203 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2203 .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_2203 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2203 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2203 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2203 .playlisterButton:hover, #playlisterWrapperstacks_in_2203 .playlisterButton:active, #playlisterWrapperstacks_in_2203 .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_2203 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2203 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2203 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2203 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2203 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2203 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2203 #playstacks_in_2203 i { margin-right: -3px; } #playlisterWrapperstacks_in_2203 #pausestacks_in_2203 { display: none; } #playlisterWrapperstacks_in_2203 .playlisterIsPlaying #playstacks_in_2203 { display: none; } #playlisterWrapperstacks_in_2203 .playlisterIsPlaying #pausestacks_in_2203 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2203 .playlisterButton:after, #playlisterWrapperstacks_in_2203 .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_2203 { float: right; } #playlisterWrapperstacks_in_2203 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2203 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2203 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2203 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2203, #volumeBtnstacks_in_2203 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2203 { display: inline-block; } #volumeControlsstacks_in_2203 { 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_2203 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2203 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2203 [class^="fa fa-"], #volume-fullstacks_in_2203 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2203 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2203 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2203 .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_2203 .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_2203 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2203 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2203 #progressstacks_in_2203 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2203 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2203 { 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_2203 { visibility: hidden; } #durationstacks_in_2203.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2203 { 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_2203 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2203 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2203 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2203 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2203 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_2203 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2203 li.active-playlistitem, #playlisterPlayliststacks_in_2203 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2203 li { padding-left: 0; } #playlisterPlayliststacks_in_2203 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2203 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2203, .no-audio #playlisterPlayliststacks_in_2203 { display: none; } #playlisterNoAudiostacks_in_2203 { display: none; } .no-audio #playlisterNoAudiostacks_in_2203 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2203 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2203 #shufflestacks_in_2203 { display: none; } #playlisterWrapperstacks_in_2203 #playlistTogglestacks_in_2203 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2203 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2203 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2205{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2205.splb{padding:12px}#splb_stacks_in_2205 .infix-iframe-container{background-color:}#stacks_in_2205{display:none}.infix-opened #stacks_in_2205,.infix-closed #stacks_in_2205{display:block}.lightbox56{cursor:pointer}#stacks_in_2205.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2205.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2208 *, #stacks_in_2208 *:before, #stacks_in_2208 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2208 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2208 { -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_2208 { display: none !important; } #playlisterstacks_in_2208 { 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_2208 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2208 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2208 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2208 { min-height: 0px; } #coverstacks_in_2208 { 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_2208 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2208 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2208 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2208 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2208 { margin-top: 0px; } } #titlestacks_in_2208 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2208:before { content: ' '; } #albumstacks_in_2208 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2208:before { content: 'Album: '; } #artiststacks_in_2208 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2208:before { content: 'Artist: '; } #additionalInfostacks_in_2208 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2208:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2208 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2208 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2208 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2208 .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_2208 .playlisterButtonStandard, #playlisterWrapperstacks_in_2208 .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_2208 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2208 .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_2208 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2208 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2208 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2208 .playlisterButton:hover, #playlisterWrapperstacks_in_2208 .playlisterButton:active, #playlisterWrapperstacks_in_2208 .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_2208 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2208 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2208 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2208 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2208 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2208 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2208 #playstacks_in_2208 i { margin-right: -3px; } #playlisterWrapperstacks_in_2208 #pausestacks_in_2208 { display: none; } #playlisterWrapperstacks_in_2208 .playlisterIsPlaying #playstacks_in_2208 { display: none; } #playlisterWrapperstacks_in_2208 .playlisterIsPlaying #pausestacks_in_2208 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2208 .playlisterButton:after, #playlisterWrapperstacks_in_2208 .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_2208 { float: right; } #playlisterWrapperstacks_in_2208 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2208 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2208 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2208 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2208, #volumeBtnstacks_in_2208 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2208 { display: inline-block; } #volumeControlsstacks_in_2208 { 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_2208 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2208 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2208 [class^="fa fa-"], #volume-fullstacks_in_2208 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2208 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2208 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2208 .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_2208 .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_2208 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2208 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2208 #progressstacks_in_2208 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2208 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2208 { 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_2208 { visibility: hidden; } #durationstacks_in_2208.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2208 { 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_2208 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2208 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2208 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2208 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2208 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_2208 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2208 li.active-playlistitem, #playlisterPlayliststacks_in_2208 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2208 li { padding-left: 0; } #playlisterPlayliststacks_in_2208 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2208 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2208, .no-audio #playlisterPlayliststacks_in_2208 { display: none; } #playlisterNoAudiostacks_in_2208 { display: none; } .no-audio #playlisterNoAudiostacks_in_2208 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2208 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2208 #shufflestacks_in_2208 { display: none; } #playlisterWrapperstacks_in_2208 #playlistTogglestacks_in_2208 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2208 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2208 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2210{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2210.splb{padding:12px}#splb_stacks_in_2210 .infix-iframe-container{background-color:}#stacks_in_2210{display:none}.infix-opened #stacks_in_2210,.infix-closed #stacks_in_2210{display:block}.lightbox57{cursor:pointer}#stacks_in_2210.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2210.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2213 *, #stacks_in_2213 *:before, #stacks_in_2213 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2213 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2213 { -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_2213 { display: none !important; } #playlisterstacks_in_2213 { 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_2213 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2213 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2213 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2213 { min-height: 0px; } #coverstacks_in_2213 { 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_2213 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2213 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2213 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2213 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2213 { margin-top: 0px; } } #titlestacks_in_2213 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2213:before { content: ' '; } #albumstacks_in_2213 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2213:before { content: 'Album: '; } #artiststacks_in_2213 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2213:before { content: 'Artist: '; } #additionalInfostacks_in_2213 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2213:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2213 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2213 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2213 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2213 .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_2213 .playlisterButtonStandard, #playlisterWrapperstacks_in_2213 .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_2213 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2213 .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_2213 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2213 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2213 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2213 .playlisterButton:hover, #playlisterWrapperstacks_in_2213 .playlisterButton:active, #playlisterWrapperstacks_in_2213 .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_2213 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2213 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2213 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2213 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2213 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2213 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2213 #playstacks_in_2213 i { margin-right: -3px; } #playlisterWrapperstacks_in_2213 #pausestacks_in_2213 { display: none; } #playlisterWrapperstacks_in_2213 .playlisterIsPlaying #playstacks_in_2213 { display: none; } #playlisterWrapperstacks_in_2213 .playlisterIsPlaying #pausestacks_in_2213 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2213 .playlisterButton:after, #playlisterWrapperstacks_in_2213 .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_2213 { float: right; } #playlisterWrapperstacks_in_2213 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2213 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2213 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2213 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2213, #volumeBtnstacks_in_2213 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2213 { display: inline-block; } #volumeControlsstacks_in_2213 { 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_2213 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2213 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2213 [class^="fa fa-"], #volume-fullstacks_in_2213 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2213 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2213 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2213 .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_2213 .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_2213 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2213 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2213 #progressstacks_in_2213 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2213 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2213 { 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_2213 { visibility: hidden; } #durationstacks_in_2213.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2213 { 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_2213 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2213 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2213 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2213 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2213 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_2213 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2213 li.active-playlistitem, #playlisterPlayliststacks_in_2213 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2213 li { padding-left: 0; } #playlisterPlayliststacks_in_2213 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2213 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2213, .no-audio #playlisterPlayliststacks_in_2213 { display: none; } #playlisterNoAudiostacks_in_2213 { display: none; } .no-audio #playlisterNoAudiostacks_in_2213 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2213 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2213 #shufflestacks_in_2213 { display: none; } #playlisterWrapperstacks_in_2213 #playlistTogglestacks_in_2213 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2213 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2213 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2215{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2215.splb{padding:12px}#splb_stacks_in_2215 .infix-iframe-container{background-color:}#stacks_in_2215{display:none}.infix-opened #stacks_in_2215,.infix-closed #stacks_in_2215{display:block}.lightbox58{cursor:pointer}#stacks_in_2215.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2215.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2218 *, #stacks_in_2218 *:before, #stacks_in_2218 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2218 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2218 { -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_2218 { display: none !important; } #playlisterstacks_in_2218 { 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_2218 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2218 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2218 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2218 { min-height: 0px; } #coverstacks_in_2218 { 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_2218 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2218 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2218 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2218 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2218 { margin-top: 0px; } } #titlestacks_in_2218 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2218:before { content: ' '; } #albumstacks_in_2218 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2218:before { content: 'Album: '; } #artiststacks_in_2218 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2218:before { content: 'Artist: '; } #additionalInfostacks_in_2218 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2218:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2218 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2218 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2218 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2218 .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_2218 .playlisterButtonStandard, #playlisterWrapperstacks_in_2218 .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_2218 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2218 .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_2218 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2218 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2218 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2218 .playlisterButton:hover, #playlisterWrapperstacks_in_2218 .playlisterButton:active, #playlisterWrapperstacks_in_2218 .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_2218 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2218 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2218 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2218 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2218 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2218 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2218 #playstacks_in_2218 i { margin-right: -3px; } #playlisterWrapperstacks_in_2218 #pausestacks_in_2218 { display: none; } #playlisterWrapperstacks_in_2218 .playlisterIsPlaying #playstacks_in_2218 { display: none; } #playlisterWrapperstacks_in_2218 .playlisterIsPlaying #pausestacks_in_2218 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2218 .playlisterButton:after, #playlisterWrapperstacks_in_2218 .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_2218 { float: right; } #playlisterWrapperstacks_in_2218 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2218 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2218 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2218 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2218, #volumeBtnstacks_in_2218 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2218 { display: inline-block; } #volumeControlsstacks_in_2218 { 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_2218 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2218 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2218 [class^="fa fa-"], #volume-fullstacks_in_2218 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2218 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2218 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2218 .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_2218 .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_2218 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2218 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2218 #progressstacks_in_2218 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2218 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2218 { 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_2218 { visibility: hidden; } #durationstacks_in_2218.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2218 { 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_2218 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2218 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2218 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2218 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2218 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_2218 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2218 li.active-playlistitem, #playlisterPlayliststacks_in_2218 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2218 li { padding-left: 0; } #playlisterPlayliststacks_in_2218 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2218 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2218, .no-audio #playlisterPlayliststacks_in_2218 { display: none; } #playlisterNoAudiostacks_in_2218 { display: none; } .no-audio #playlisterNoAudiostacks_in_2218 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2218 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2218 #shufflestacks_in_2218 { display: none; } #playlisterWrapperstacks_in_2218 #playlistTogglestacks_in_2218 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2218 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2218 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2220{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2220.splb{padding:12px}#splb_stacks_in_2220 .infix-iframe-container{background-color:}#stacks_in_2220{display:none}.infix-opened #stacks_in_2220,.infix-closed #stacks_in_2220{display:block}.lightbox59{cursor:pointer}#stacks_in_2220.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2220.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2221 *, #stacks_in_2221 *:before, #stacks_in_2221 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2221 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2221 { -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_2221 { display: none !important; } #playlisterstacks_in_2221 { 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_2221 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2221 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2221 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2221 { min-height: 0px; } #coverstacks_in_2221 { 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_2221 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2221 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2221 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2221 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2221 { margin-top: 0px; } } #titlestacks_in_2221 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2221:before { content: ' '; } #albumstacks_in_2221 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2221:before { content: 'Album: '; } #artiststacks_in_2221 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2221:before { content: 'Artist: '; } #additionalInfostacks_in_2221 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2221:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2221 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2221 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2221 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2221 .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_2221 .playlisterButtonStandard, #playlisterWrapperstacks_in_2221 .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_2221 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2221 .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_2221 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2221 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2221 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2221 .playlisterButton:hover, #playlisterWrapperstacks_in_2221 .playlisterButton:active, #playlisterWrapperstacks_in_2221 .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_2221 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2221 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2221 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2221 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2221 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2221 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2221 #playstacks_in_2221 i { margin-right: -3px; } #playlisterWrapperstacks_in_2221 #pausestacks_in_2221 { display: none; } #playlisterWrapperstacks_in_2221 .playlisterIsPlaying #playstacks_in_2221 { display: none; } #playlisterWrapperstacks_in_2221 .playlisterIsPlaying #pausestacks_in_2221 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2221 .playlisterButton:after, #playlisterWrapperstacks_in_2221 .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_2221 { float: right; } #playlisterWrapperstacks_in_2221 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2221 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2221 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2221 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2221, #volumeBtnstacks_in_2221 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2221 { display: inline-block; } #volumeControlsstacks_in_2221 { 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_2221 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2221 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2221 [class^="fa fa-"], #volume-fullstacks_in_2221 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2221 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2221 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2221 .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_2221 .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_2221 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2221 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2221 #progressstacks_in_2221 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2221 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2221 { 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_2221 { visibility: hidden; } #durationstacks_in_2221.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2221 { 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_2221 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2221 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2221 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2221 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2221 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_2221 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2221 li.active-playlistitem, #playlisterPlayliststacks_in_2221 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2221 li { padding-left: 0; } #playlisterPlayliststacks_in_2221 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2221 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2221, .no-audio #playlisterPlayliststacks_in_2221 { display: none; } #playlisterNoAudiostacks_in_2221 { display: none; } .no-audio #playlisterNoAudiostacks_in_2221 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2221 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2221 #shufflestacks_in_2221 { display: none; } #playlisterWrapperstacks_in_2221 #playlistTogglestacks_in_2221 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2221 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2221 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2225{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2225.splb{padding:12px}#splb_stacks_in_2225 .infix-iframe-container{background-color:}#stacks_in_2225{display:none}.infix-opened #stacks_in_2225,.infix-closed #stacks_in_2225{display:block}.lightbox60{cursor:pointer}#stacks_in_2225.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2225.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2226 *, #stacks_in_2226 *:before, #stacks_in_2226 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2226 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2226 { -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_2226 { display: none !important; } #playlisterstacks_in_2226 { 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_2226 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2226 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2226 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2226 { min-height: 0px; } #coverstacks_in_2226 { 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_2226 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2226 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2226 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2226 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2226 { margin-top: 0px; } } #titlestacks_in_2226 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2226:before { content: ' '; } #albumstacks_in_2226 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2226:before { content: 'Album: '; } #artiststacks_in_2226 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2226:before { content: 'Artist: '; } #additionalInfostacks_in_2226 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2226:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2226 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2226 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2226 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2226 .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_2226 .playlisterButtonStandard, #playlisterWrapperstacks_in_2226 .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_2226 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2226 .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_2226 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2226 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2226 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2226 .playlisterButton:hover, #playlisterWrapperstacks_in_2226 .playlisterButton:active, #playlisterWrapperstacks_in_2226 .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_2226 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2226 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2226 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2226 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2226 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2226 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2226 #playstacks_in_2226 i { margin-right: -3px; } #playlisterWrapperstacks_in_2226 #pausestacks_in_2226 { display: none; } #playlisterWrapperstacks_in_2226 .playlisterIsPlaying #playstacks_in_2226 { display: none; } #playlisterWrapperstacks_in_2226 .playlisterIsPlaying #pausestacks_in_2226 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2226 .playlisterButton:after, #playlisterWrapperstacks_in_2226 .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_2226 { float: right; } #playlisterWrapperstacks_in_2226 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2226 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2226 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2226 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2226, #volumeBtnstacks_in_2226 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2226 { display: inline-block; } #volumeControlsstacks_in_2226 { 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_2226 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2226 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2226 [class^="fa fa-"], #volume-fullstacks_in_2226 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2226 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2226 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2226 .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_2226 .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_2226 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2226 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2226 #progressstacks_in_2226 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2226 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2226 { 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_2226 { visibility: hidden; } #durationstacks_in_2226.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2226 { 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_2226 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2226 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2226 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2226 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2226 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_2226 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2226 li.active-playlistitem, #playlisterPlayliststacks_in_2226 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2226 li { padding-left: 0; } #playlisterPlayliststacks_in_2226 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2226 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2226, .no-audio #playlisterPlayliststacks_in_2226 { display: none; } #playlisterNoAudiostacks_in_2226 { display: none; } .no-audio #playlisterNoAudiostacks_in_2226 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2226 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2226 #shufflestacks_in_2226 { display: none; } #playlisterWrapperstacks_in_2226 #playlistTogglestacks_in_2226 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2226 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2226 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2230{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2230.splb{padding:12px}#splb_stacks_in_2230 .infix-iframe-container{background-color:}#stacks_in_2230{display:none}.infix-opened #stacks_in_2230,.infix-closed #stacks_in_2230{display:block}.lightbox61{cursor:pointer}#stacks_in_2230.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2230.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2231 *, #stacks_in_2231 *:before, #stacks_in_2231 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2231 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2231 { -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_2231 { display: none !important; } #playlisterstacks_in_2231 { 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_2231 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2231 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2231 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2231 { min-height: 0px; } #coverstacks_in_2231 { 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_2231 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2231 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2231 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2231 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2231 { margin-top: 0px; } } #titlestacks_in_2231 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2231:before { content: ' '; } #albumstacks_in_2231 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2231:before { content: 'Album: '; } #artiststacks_in_2231 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2231:before { content: 'Artist: '; } #additionalInfostacks_in_2231 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2231:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2231 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2231 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2231 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2231 .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_2231 .playlisterButtonStandard, #playlisterWrapperstacks_in_2231 .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_2231 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2231 .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_2231 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2231 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2231 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2231 .playlisterButton:hover, #playlisterWrapperstacks_in_2231 .playlisterButton:active, #playlisterWrapperstacks_in_2231 .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_2231 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2231 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2231 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2231 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2231 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2231 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2231 #playstacks_in_2231 i { margin-right: -3px; } #playlisterWrapperstacks_in_2231 #pausestacks_in_2231 { display: none; } #playlisterWrapperstacks_in_2231 .playlisterIsPlaying #playstacks_in_2231 { display: none; } #playlisterWrapperstacks_in_2231 .playlisterIsPlaying #pausestacks_in_2231 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2231 .playlisterButton:after, #playlisterWrapperstacks_in_2231 .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_2231 { float: right; } #playlisterWrapperstacks_in_2231 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2231 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2231 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2231 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2231, #volumeBtnstacks_in_2231 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2231 { display: inline-block; } #volumeControlsstacks_in_2231 { 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_2231 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2231 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2231 [class^="fa fa-"], #volume-fullstacks_in_2231 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2231 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2231 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2231 .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_2231 .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_2231 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2231 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2231 #progressstacks_in_2231 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2231 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2231 { 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_2231 { visibility: hidden; } #durationstacks_in_2231.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2231 { 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_2231 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2231 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2231 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2231 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2231 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_2231 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2231 li.active-playlistitem, #playlisterPlayliststacks_in_2231 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2231 li { padding-left: 0; } #playlisterPlayliststacks_in_2231 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2231 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2231, .no-audio #playlisterPlayliststacks_in_2231 { display: none; } #playlisterNoAudiostacks_in_2231 { display: none; } .no-audio #playlisterNoAudiostacks_in_2231 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2231 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2231 #shufflestacks_in_2231 { display: none; } #playlisterWrapperstacks_in_2231 #playlistTogglestacks_in_2231 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2231 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2231 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2235{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2235.splb{padding:12px}#splb_stacks_in_2235 .infix-iframe-container{background-color:}#stacks_in_2235{display:none}.infix-opened #stacks_in_2235,.infix-closed #stacks_in_2235{display:block}.lightbox62{cursor:pointer}#stacks_in_2235.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2235.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2236 *, #stacks_in_2236 *:before, #stacks_in_2236 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2236 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2236 { -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_2236 { display: none !important; } #playlisterstacks_in_2236 { 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_2236 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2236 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2236 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2236 { min-height: 0px; } #coverstacks_in_2236 { 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_2236 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2236 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2236 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2236 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2236 { margin-top: 0px; } } #titlestacks_in_2236 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2236:before { content: ' '; } #albumstacks_in_2236 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2236:before { content: 'Album: '; } #artiststacks_in_2236 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2236:before { content: 'Artist: '; } #additionalInfostacks_in_2236 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2236:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2236 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2236 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2236 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2236 .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_2236 .playlisterButtonStandard, #playlisterWrapperstacks_in_2236 .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_2236 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2236 .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_2236 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2236 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2236 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2236 .playlisterButton:hover, #playlisterWrapperstacks_in_2236 .playlisterButton:active, #playlisterWrapperstacks_in_2236 .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_2236 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2236 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2236 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2236 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2236 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2236 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2236 #playstacks_in_2236 i { margin-right: -3px; } #playlisterWrapperstacks_in_2236 #pausestacks_in_2236 { display: none; } #playlisterWrapperstacks_in_2236 .playlisterIsPlaying #playstacks_in_2236 { display: none; } #playlisterWrapperstacks_in_2236 .playlisterIsPlaying #pausestacks_in_2236 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2236 .playlisterButton:after, #playlisterWrapperstacks_in_2236 .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_2236 { float: right; } #playlisterWrapperstacks_in_2236 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2236 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2236 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2236 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2236, #volumeBtnstacks_in_2236 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2236 { display: inline-block; } #volumeControlsstacks_in_2236 { 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_2236 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2236 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2236 [class^="fa fa-"], #volume-fullstacks_in_2236 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2236 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2236 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2236 .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_2236 .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_2236 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2236 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2236 #progressstacks_in_2236 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2236 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2236 { 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_2236 { visibility: hidden; } #durationstacks_in_2236.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2236 { 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_2236 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2236 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2236 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2236 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2236 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_2236 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2236 li.active-playlistitem, #playlisterPlayliststacks_in_2236 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2236 li { padding-left: 0; } #playlisterPlayliststacks_in_2236 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2236 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2236, .no-audio #playlisterPlayliststacks_in_2236 { display: none; } #playlisterNoAudiostacks_in_2236 { display: none; } .no-audio #playlisterNoAudiostacks_in_2236 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2236 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2236 #shufflestacks_in_2236 { display: none; } #playlisterWrapperstacks_in_2236 #playlistTogglestacks_in_2236 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2236 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2236 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2240{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2240.splb{padding:12px}#splb_stacks_in_2240 .infix-iframe-container{background-color:}#stacks_in_2240{display:none}.infix-opened #stacks_in_2240,.infix-closed #stacks_in_2240{display:block}.lightbox63{cursor:pointer}#stacks_in_2240.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2240.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2241 *, #stacks_in_2241 *:before, #stacks_in_2241 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2241 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2241 { -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_2241 { display: none !important; } #playlisterstacks_in_2241 { 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_2241 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2241 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2241 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2241 { min-height: 0px; } #coverstacks_in_2241 { 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_2241 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2241 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2241 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2241 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2241 { margin-top: 0px; } } #titlestacks_in_2241 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2241:before { content: ' '; } #albumstacks_in_2241 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2241:before { content: 'Album: '; } #artiststacks_in_2241 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2241:before { content: 'Artist: '; } #additionalInfostacks_in_2241 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2241:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2241 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2241 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2241 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2241 .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_2241 .playlisterButtonStandard, #playlisterWrapperstacks_in_2241 .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_2241 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2241 .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_2241 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2241 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2241 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2241 .playlisterButton:hover, #playlisterWrapperstacks_in_2241 .playlisterButton:active, #playlisterWrapperstacks_in_2241 .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_2241 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2241 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2241 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2241 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2241 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2241 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2241 #playstacks_in_2241 i { margin-right: -3px; } #playlisterWrapperstacks_in_2241 #pausestacks_in_2241 { display: none; } #playlisterWrapperstacks_in_2241 .playlisterIsPlaying #playstacks_in_2241 { display: none; } #playlisterWrapperstacks_in_2241 .playlisterIsPlaying #pausestacks_in_2241 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2241 .playlisterButton:after, #playlisterWrapperstacks_in_2241 .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_2241 { float: right; } #playlisterWrapperstacks_in_2241 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2241 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2241 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2241 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2241, #volumeBtnstacks_in_2241 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2241 { display: inline-block; } #volumeControlsstacks_in_2241 { 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_2241 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2241 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2241 [class^="fa fa-"], #volume-fullstacks_in_2241 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2241 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2241 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2241 .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_2241 .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_2241 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2241 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2241 #progressstacks_in_2241 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2241 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2241 { 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_2241 { visibility: hidden; } #durationstacks_in_2241.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2241 { 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_2241 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2241 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2241 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2241 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2241 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_2241 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2241 li.active-playlistitem, #playlisterPlayliststacks_in_2241 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2241 li { padding-left: 0; } #playlisterPlayliststacks_in_2241 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2241 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2241, .no-audio #playlisterPlayliststacks_in_2241 { display: none; } #playlisterNoAudiostacks_in_2241 { display: none; } .no-audio #playlisterNoAudiostacks_in_2241 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2241 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2241 #shufflestacks_in_2241 { display: none; } #playlisterWrapperstacks_in_2241 #playlistTogglestacks_in_2241 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2241 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2241 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2245{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2245.splb{padding:12px}#splb_stacks_in_2245 .infix-iframe-container{background-color:}#stacks_in_2245{display:none}.infix-opened #stacks_in_2245,.infix-closed #stacks_in_2245{display:block}.lightbox64{cursor:pointer}#stacks_in_2245.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2245.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2246 *, #stacks_in_2246 *:before, #stacks_in_2246 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2246 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2246 { -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_2246 { display: none !important; } #playlisterstacks_in_2246 { 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_2246 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2246 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2246 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2246 { min-height: 0px; } #coverstacks_in_2246 { 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_2246 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2246 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2246 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2246 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2246 { margin-top: 0px; } } #titlestacks_in_2246 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2246:before { content: ' '; } #albumstacks_in_2246 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2246:before { content: 'Album: '; } #artiststacks_in_2246 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2246:before { content: 'Artist: '; } #additionalInfostacks_in_2246 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2246:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2246 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2246 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2246 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2246 .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_2246 .playlisterButtonStandard, #playlisterWrapperstacks_in_2246 .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_2246 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2246 .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_2246 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2246 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2246 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2246 .playlisterButton:hover, #playlisterWrapperstacks_in_2246 .playlisterButton:active, #playlisterWrapperstacks_in_2246 .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_2246 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2246 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2246 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2246 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2246 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2246 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2246 #playstacks_in_2246 i { margin-right: -3px; } #playlisterWrapperstacks_in_2246 #pausestacks_in_2246 { display: none; } #playlisterWrapperstacks_in_2246 .playlisterIsPlaying #playstacks_in_2246 { display: none; } #playlisterWrapperstacks_in_2246 .playlisterIsPlaying #pausestacks_in_2246 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2246 .playlisterButton:after, #playlisterWrapperstacks_in_2246 .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_2246 { float: right; } #playlisterWrapperstacks_in_2246 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2246 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2246 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2246 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2246, #volumeBtnstacks_in_2246 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2246 { display: inline-block; } #volumeControlsstacks_in_2246 { 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_2246 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2246 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2246 [class^="fa fa-"], #volume-fullstacks_in_2246 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2246 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2246 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2246 .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_2246 .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_2246 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2246 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2246 #progressstacks_in_2246 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2246 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2246 { 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_2246 { visibility: hidden; } #durationstacks_in_2246.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2246 { 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_2246 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2246 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2246 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2246 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2246 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_2246 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2246 li.active-playlistitem, #playlisterPlayliststacks_in_2246 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2246 li { padding-left: 0; } #playlisterPlayliststacks_in_2246 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2246 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2246, .no-audio #playlisterPlayliststacks_in_2246 { display: none; } #playlisterNoAudiostacks_in_2246 { display: none; } .no-audio #playlisterNoAudiostacks_in_2246 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2246 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2246 #shufflestacks_in_2246 { display: none; } #playlisterWrapperstacks_in_2246 #playlistTogglestacks_in_2246 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2246 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2246 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2250{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2250.splb{padding:12px}#splb_stacks_in_2250 .infix-iframe-container{background-color:}#stacks_in_2250{display:none}.infix-opened #stacks_in_2250,.infix-closed #stacks_in_2250{display:block}.lightbox65{cursor:pointer}#stacks_in_2250.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2250.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2251 *, #stacks_in_2251 *:before, #stacks_in_2251 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2251 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2251 { -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_2251 { display: none !important; } #playlisterstacks_in_2251 { 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_2251 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2251 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2251 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2251 { min-height: 0px; } #coverstacks_in_2251 { 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_2251 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2251 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2251 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2251 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2251 { margin-top: 0px; } } #titlestacks_in_2251 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2251:before { content: ' '; } #albumstacks_in_2251 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2251:before { content: 'Album: '; } #artiststacks_in_2251 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2251:before { content: 'Artist: '; } #additionalInfostacks_in_2251 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2251:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2251 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2251 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2251 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2251 .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_2251 .playlisterButtonStandard, #playlisterWrapperstacks_in_2251 .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_2251 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2251 .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_2251 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2251 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2251 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2251 .playlisterButton:hover, #playlisterWrapperstacks_in_2251 .playlisterButton:active, #playlisterWrapperstacks_in_2251 .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_2251 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2251 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2251 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2251 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2251 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2251 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2251 #playstacks_in_2251 i { margin-right: -3px; } #playlisterWrapperstacks_in_2251 #pausestacks_in_2251 { display: none; } #playlisterWrapperstacks_in_2251 .playlisterIsPlaying #playstacks_in_2251 { display: none; } #playlisterWrapperstacks_in_2251 .playlisterIsPlaying #pausestacks_in_2251 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2251 .playlisterButton:after, #playlisterWrapperstacks_in_2251 .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_2251 { float: right; } #playlisterWrapperstacks_in_2251 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2251 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2251 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2251 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2251, #volumeBtnstacks_in_2251 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2251 { display: inline-block; } #volumeControlsstacks_in_2251 { 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_2251 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2251 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2251 [class^="fa fa-"], #volume-fullstacks_in_2251 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2251 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2251 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2251 .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_2251 .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_2251 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2251 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2251 #progressstacks_in_2251 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2251 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2251 { 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_2251 { visibility: hidden; } #durationstacks_in_2251.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2251 { 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_2251 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2251 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2251 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2251 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2251 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_2251 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2251 li.active-playlistitem, #playlisterPlayliststacks_in_2251 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2251 li { padding-left: 0; } #playlisterPlayliststacks_in_2251 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2251 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2251, .no-audio #playlisterPlayliststacks_in_2251 { display: none; } #playlisterNoAudiostacks_in_2251 { display: none; } .no-audio #playlisterNoAudiostacks_in_2251 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2251 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2251 #shufflestacks_in_2251 { display: none; } #playlisterWrapperstacks_in_2251 #playlistTogglestacks_in_2251 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2251 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2251 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2255{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2255.splb{padding:12px}#splb_stacks_in_2255 .infix-iframe-container{background-color:}#stacks_in_2255{display:none}.infix-opened #stacks_in_2255,.infix-closed #stacks_in_2255{display:block}.lightbox66{cursor:pointer}#stacks_in_2255.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2255.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2256 *, #stacks_in_2256 *:before, #stacks_in_2256 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2256 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2256 { -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_2256 { display: none !important; } #playlisterstacks_in_2256 { 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_2256 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2256 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2256 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2256 { min-height: 0px; } #coverstacks_in_2256 { 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_2256 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2256 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2256 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2256 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2256 { margin-top: 0px; } } #titlestacks_in_2256 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2256:before { content: ' '; } #albumstacks_in_2256 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2256:before { content: 'Album: '; } #artiststacks_in_2256 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2256:before { content: 'Artist: '; } #additionalInfostacks_in_2256 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2256:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2256 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2256 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2256 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2256 .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_2256 .playlisterButtonStandard, #playlisterWrapperstacks_in_2256 .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_2256 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2256 .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_2256 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2256 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2256 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2256 .playlisterButton:hover, #playlisterWrapperstacks_in_2256 .playlisterButton:active, #playlisterWrapperstacks_in_2256 .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_2256 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2256 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2256 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2256 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2256 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2256 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2256 #playstacks_in_2256 i { margin-right: -3px; } #playlisterWrapperstacks_in_2256 #pausestacks_in_2256 { display: none; } #playlisterWrapperstacks_in_2256 .playlisterIsPlaying #playstacks_in_2256 { display: none; } #playlisterWrapperstacks_in_2256 .playlisterIsPlaying #pausestacks_in_2256 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2256 .playlisterButton:after, #playlisterWrapperstacks_in_2256 .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_2256 { float: right; } #playlisterWrapperstacks_in_2256 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2256 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2256 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2256 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2256, #volumeBtnstacks_in_2256 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2256 { display: inline-block; } #volumeControlsstacks_in_2256 { 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_2256 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2256 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2256 [class^="fa fa-"], #volume-fullstacks_in_2256 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2256 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2256 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2256 .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_2256 .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_2256 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2256 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2256 #progressstacks_in_2256 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2256 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2256 { 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_2256 { visibility: hidden; } #durationstacks_in_2256.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2256 { 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_2256 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2256 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2256 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2256 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2256 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_2256 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2256 li.active-playlistitem, #playlisterPlayliststacks_in_2256 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2256 li { padding-left: 0; } #playlisterPlayliststacks_in_2256 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2256 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2256, .no-audio #playlisterPlayliststacks_in_2256 { display: none; } #playlisterNoAudiostacks_in_2256 { display: none; } .no-audio #playlisterNoAudiostacks_in_2256 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2256 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2256 #shufflestacks_in_2256 { display: none; } #playlisterWrapperstacks_in_2256 #playlistTogglestacks_in_2256 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2256 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2256 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2260{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2260.splb{padding:12px}#splb_stacks_in_2260 .infix-iframe-container{background-color:}#stacks_in_2260{display:none}.infix-opened #stacks_in_2260,.infix-closed #stacks_in_2260{display:block}.lightbox67{cursor:pointer}#stacks_in_2260.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2260.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2261 *, #stacks_in_2261 *:before, #stacks_in_2261 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2261 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2261 { -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_2261 { display: none !important; } #playlisterstacks_in_2261 { 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_2261 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2261 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2261 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2261 { min-height: 0px; } #coverstacks_in_2261 { 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_2261 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2261 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2261 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2261 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2261 { margin-top: 0px; } } #titlestacks_in_2261 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2261:before { content: ' '; } #albumstacks_in_2261 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2261:before { content: 'Album: '; } #artiststacks_in_2261 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2261:before { content: 'Artist: '; } #additionalInfostacks_in_2261 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2261:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2261 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2261 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2261 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2261 .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_2261 .playlisterButtonStandard, #playlisterWrapperstacks_in_2261 .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_2261 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2261 .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_2261 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2261 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2261 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2261 .playlisterButton:hover, #playlisterWrapperstacks_in_2261 .playlisterButton:active, #playlisterWrapperstacks_in_2261 .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_2261 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2261 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2261 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2261 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2261 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2261 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2261 #playstacks_in_2261 i { margin-right: -3px; } #playlisterWrapperstacks_in_2261 #pausestacks_in_2261 { display: none; } #playlisterWrapperstacks_in_2261 .playlisterIsPlaying #playstacks_in_2261 { display: none; } #playlisterWrapperstacks_in_2261 .playlisterIsPlaying #pausestacks_in_2261 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2261 .playlisterButton:after, #playlisterWrapperstacks_in_2261 .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_2261 { float: right; } #playlisterWrapperstacks_in_2261 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2261 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2261 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2261 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2261, #volumeBtnstacks_in_2261 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2261 { display: inline-block; } #volumeControlsstacks_in_2261 { 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_2261 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2261 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2261 [class^="fa fa-"], #volume-fullstacks_in_2261 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2261 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2261 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2261 .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_2261 .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_2261 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2261 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2261 #progressstacks_in_2261 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2261 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2261 { 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_2261 { visibility: hidden; } #durationstacks_in_2261.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2261 { 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_2261 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2261 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2261 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2261 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2261 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_2261 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2261 li.active-playlistitem, #playlisterPlayliststacks_in_2261 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2261 li { padding-left: 0; } #playlisterPlayliststacks_in_2261 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2261 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2261, .no-audio #playlisterPlayliststacks_in_2261 { display: none; } #playlisterNoAudiostacks_in_2261 { display: none; } .no-audio #playlisterNoAudiostacks_in_2261 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2261 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2261 #shufflestacks_in_2261 { display: none; } #playlisterWrapperstacks_in_2261 #playlistTogglestacks_in_2261 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2261 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2261 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */.infix-content.bg-vault.bg-color.style-pro-stacks_in_2501{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2501.splb{padding:12px}#splb_stacks_in_2501 .infix-iframe-container{background-color:}#stacks_in_2501{display:none}.infix-opened #stacks_in_2501,.infix-closed #stacks_in_2501{display:block}.lightbox68{cursor:pointer}#stacks_in_2501.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2501.splb.ll-overflow{overflow:visible !important} /* @group Basic Styling */ #stacks_in_2502 *, #stacks_in_2502 *:before, #stacks_in_2502 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2502 { max-width: 800px; margin: 0 auto; } #playlisterWrapperstacks_in_2502 { -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_2502 { display: none !important; } #playlisterstacks_in_2502 { 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_2502 { background: rgba(38, 38, 38, 1.00); } /* */ /* /* /* */ /* */ /* */ /* */ /* */ #playlisterstacks_in_2502 .btn { text-decoration: none; margin-top: 5px; } /* @end */ /* @group Artwork (cover) */ #coverControlsWrapperstacks_in_2502 { position: relative; height: auto; overflow: auto; margin-bottom: 5px; display: table; width: 100%; text-align: left; } #coverControlsWrapperstacks_in_2502 { min-height: 0px; } #coverstacks_in_2502 { 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_2502 { display: table-cell; vertical-align: middle; } } /* @end */ /* @group Titles */ #playerInterfacestacks_in_2502 { display: block; overflow: hidden; text-align: left; } @media screen and (min-width: 600px) { #playerInterfacestacks_in_2502 { display: table-cell; padding-left: 15px; vertical-align: middle; } } #playlisterTopSectionstacks_in_2502 { height: auto; overflow: auto; margin-top: 15px; } @media screen and (min-width: 600px) { #playlisterTopSectionstacks_in_2502 { margin-top: 0px; } } #titlestacks_in_2502 { color: rgba(255, 255, 255, 1.00); font-size: 24px; font-weight: bold; line-height: 1.50em; } #titlestacks_in_2502:before { content: ' '; } #albumstacks_in_2502 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #albumstacks_in_2502:before { content: 'Album: '; } #artiststacks_in_2502 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #artiststacks_in_2502:before { content: 'Artist: '; } #additionalInfostacks_in_2502 { color: rgba(205, 205, 205, 1.00); font-size: 16px; line-height: 1.50em; } #additionalInfostacks_in_2502:before { content: ' '; } /* @end */ /* @group Buttons */ #controlsstacks_in_2502 { position: relative; margin: 0px; padding: 0; color: #cdcdcd; overflow: visible; } @media screen and (min-width: 600px) { #controlsstacks_in_2502 { padding-top: 10px; } } /**/ /**/ #buttonWrapperstacks_in_2502 { display: table; position: relative; vertical-align: middle; text-align: center; width: 100%; } #playlisterWrapperstacks_in_2502 .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_2502 .playlisterButtonStandard, #playlisterWrapperstacks_in_2502 .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_2502 .playlisterButtonStandard [class^="fa fa-"], #playlisterWrapperstacks_in_2502 .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_2502 .playlisterButtonStandard:hover, #playlisterWrapperstacks_in_2502 .playlisterButtonStandard:active, #playlisterWrapperstacks_in_2502 .playlisterButtonStandard:focus, #playlisterWrapperstacks_in_2502 .playlisterButton:hover, #playlisterWrapperstacks_in_2502 .playlisterButton:active, #playlisterWrapperstacks_in_2502 .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_2502 .playlisterButtonStandard:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2502 .playlisterButtonStandard:active [class^="fa fa-"], #playlisterWrapperstacks_in_2502 .playlisterButtonStandard:focus [class^="fa fa-"], #playlisterWrapperstacks_in_2502 .playlisterButton:hover [class^="fa fa-"], #playlisterWrapperstacks_in_2502 .playlisterButton:active [class^="fa fa-"], #playlisterWrapperstacks_in_2502 .playlisterButton:focus [class^="fa fa-"] { color: rgba(75, 179, 135, 1.00); } #playlisterWrapperstacks_in_2502 #playstacks_in_2502 i { margin-right: -3px; } #playlisterWrapperstacks_in_2502 #pausestacks_in_2502 { display: none; } #playlisterWrapperstacks_in_2502 .playlisterIsPlaying #playstacks_in_2502 { display: none; } #playlisterWrapperstacks_in_2502 .playlisterIsPlaying #pausestacks_in_2502 { display: inline-block; } /* */ /* Glass effect */ #playlisterWrapperstacks_in_2502 .playlisterButton:after, #playlisterWrapperstacks_in_2502 .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_2502 { float: right; } #playlisterWrapperstacks_in_2502 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2502 .playlisterInterfaceComponentStandard { margin-bottom: 15px; margin-left: 15px; } @media screen and (min-width: %breakpoint_setting%px) { #playlisterWrapperstacks_in_2502 .playlisterInterfaceComponent, #playlisterWrapperstacks_in_2502 .playlisterInterfaceComponentStandard { float: left; } } /* @end */ /* @group Volume Controls */ #volumeControlsstacks_in_2502, #volumeBtnstacks_in_2502 { display: none; } @media screen and (min-width: %breakpoint_setting%px) { #volumeBtnstacks_in_2502 { display: inline-block; } #volumeControlsstacks_in_2502 { 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_2502 { position: absolute; left: 14px; top: 10px; width: 100%; display: block; font-size: 20px; text-align: left; } #volume-mutestacks_in_2502 { position: absolute; left: 18px; top: 110px; width: 100%; display: block; text-align: left; font-size: 20px; } #volume-mutestacks_in_2502 [class^="fa fa-"], #volume-fullstacks_in_2502 [class^="fa fa-"] { color: rgba(205, 205, 205, 1.00); line-height: 1; padding: 0; margin: 0; } #volumeSliderstacks_in_2502 { position: absolute; top: 10px; right: 15px; display: block; height: 100%; } #volumestacks_in_2502 { height: 120px; width: 10px; background: rgba(102, 102, 102, 1.00); position: relative; border-radius: 5px; } #volumestacks_in_2502 .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_2502 .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_2502 { margin-bottom: 5px; height: auto; overflow: auto; } #trackerstacks_in_2502 { display: block; position: relative; height: 10px; background: rgba(102, 102, 102, 1.00); margin-top: 5px; border-radius: 5px; overflow: hidden; } #trackerstacks_in_2502 #progressstacks_in_2502 { background: rgba(75, 179, 135, 1.00); height: 100%; display: block; width: 0px; } #currentstacks_in_2502 { float: left; font-size: 14px; margin-top: 4px; color: rgba(205, 205, 205, 1.00); } #durationstacks_in_2502 { 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_2502 { visibility: hidden; } #durationstacks_in_2502.showDuration { visibility: visible; } /* @end */ /* @group Playlist */ #playlisterPlayliststacks_in_2502 { 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_2502 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 48em) { #playlisterPlayliststacks_in_2502 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 62em) { #playlisterPlayliststacks_in_2502 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 75em) { #playlisterPlayliststacks_in_2502 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } #playlisterPlayliststacks_in_2502 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_2502 li:hover { background: rgba(234, 234, 234, 1.00); } #playlisterPlayliststacks_in_2502 li.active-playlistitem, #playlisterPlayliststacks_in_2502 li.active-playlistitem:hover { font-weight: normal; color: rgba(255, 255, 255, 1.00); background: rgba(75, 179, 135, 1.00); } /* */ /* */ #playlisterPlayliststacks_in_2502 li { padding-left: 0; } #playlisterPlayliststacks_in_2502 li .playlistItemNumber { display: inline-block; width: 30px; text-align: right; margin: 0 15px 0 0; padding: 0; } /* */ /* */ #playlisterPlayliststacks_in_2502 li .playlistItemActiveIcon { display: none; } /* */ /* */ /* @end */ /* @group Modernizer */ .no-audio #playlisterstacks_in_2502, .no-audio #playlisterPlayliststacks_in_2502 { display: none; } #playlisterNoAudiostacks_in_2502 { display: none; } .no-audio #playlisterNoAudiostacks_in_2502 { padding: 15px; display: none; } .no-adownload #downloadstacks_in_2502 { display: none; } /* */ /* @end */ /* @group Interface Stack Settings */ #playlisterWrapperstacks_in_2502 #shufflestacks_in_2502 { display: none; } #playlisterWrapperstacks_in_2502 #playlistTogglestacks_in_2502 { display: none; } /* @end */ /* @group Debug Mode */ #playlisterPlaceholderstacks_in_2502 { display: none; padding: 15px; margin: 15px; background: #ffffff; color: #000000; font-family: "Courier New", Courier, mono; } #playlisterPlaceholderstacks_in_2502 audio { width: 100%; } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */ .style-pro-stacks_in_1926::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1} .style-pro-stacks_in_1926:not(.bg-vault):not(.bg-featured)::before{background-color:rgba(126, 167, 227, 1.00)} #ovl_stacks_in_1926.ll-overlay { z-index: -99; position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: opacity 600ms ease, z-index 0ms 600ms, visibility 0ms 600ms ease; } .ll-open-stacks_in_1926 > #ovl_stacks_in_1926.ll-overlay { transition: opacity 300ms ease; opacity: 1; visibility: visible; } .lb-master_stacks_in_1926, .lb-master_stacks_in_1926.infix-closed { opacity: 0; visibility: hidden; } .lb-master_stacks_in_1926.infix-opened { opacity: 1; visibility: visible; } .lb-master_stacks_in_1926 [data-infix-close]:not(.infix-wrap), .lb-master_stacks_in_1926.infix-closed [data-infix-close]:not(.infix-wrap) { opacity: 0; visibility: hidden; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); transition: opacity 40ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0ms 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94) transform 40ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lb-master_stacks_in_1926.infix-opened [data-infix-close]:not(.infix-wrap) { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: opacity 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0ms, transform 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lb-master_stacks_in_1926.close-on-hover.infix-opened [data-infix-close]:not(.infix-wrap) { opacity: 0; transition: all 200ms ease-out; } .lb-master_stacks_in_1926.close-on-hover.infix-opened:hover [data-infix-close]:not(.infix-wrap) { opacity: 1; } .lb-master_stacks_in_1926.infix-closed .infix-container::after, .lb-master_stacks_in_1926.infix-loading .infix-container::after { opacity: 0; transition: opacity 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 680ms; } .lb-master_stacks_in_1926.infix-opened .infix-container::after { opacity: 1; transition: opacity 80ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s; } .lb-master_stacks_in_1926, .lb-master_stacks_in_1926.infix-closed { transition: opacity 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lb-master_stacks_in_1926.infix-opened { transition: opacity 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 0s; } .lb-master_stacks_in_1926.infix-loading .infix-content, .lb-master_stacks_in_1926.infix-closed .infix-content { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); opacity: 0; transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lb-master_stacks_in_1926.infix-opened .infix-content { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lb-master_stacks_in_1926.infix.hide-nav .infix-nav { display: none; } .lb-master_stacks_in_1926.infix.no-loop.ll-first [data-infix-prev] { display: none; } .lb-master_stacks_in_1926.infix.no-loop.ll-last [data-infix-next] { display: none; } .lb-master_stacks_in_1926 [data-infix-next], .lb-master_stacks_in_1926 [data-infix-prev] { position: absolute; z-index: 9999; width: 50px; height: 50px; border-radius: 50%; top: calc(50% + 25px); margin-top: -25px; border: 2px solid rgba(255, 255, 255, 0.00); opacity: 1; background: rgba(255, 255, 255, 0.00); transition: opacity 200ms ease-out, background 200ms ease-out, transform 0.8s cubic-bezier(0, 1.01, 0.22, 1), border 0.3s ease-out; } .lb-master_stacks_in_1926 html:not(.bwd-touch) [data-infix-next], .lb-master_stacks_in_1926 html:not(.bwd-touch) [data-infix-prev] { opacity: 0; } .lb-master_stacks_in_1926 html:not(.bwd-touch) [data-infix-next] { transform: translate(-15px, -50%) scale(0.6); } .lb-master_stacks_in_1926 html:not(.bwd-touch) [data-infix-prev] { transform: translate(15px, -50%) scale(0.6); } .lb-master_stacks_in_1926 html.infix:not(.bwd-touch):hover [data-infix-next], .lb-master_stacks_in_1926 html.infix:not(.bwd-touch):hover [data-infix-prev] { transform: translate(0, -50%) rotate(0deg) scale(1); opacity: 1; } .lb-master_stacks_in_1926 [data-infix-next] { right: 12px; } .lb-master_stacks_in_1926 [data-infix-prev] { left: 12px; } .lb-master_stacks_in_1926 [data-infix-next]::before, .lb-master_stacks_in_1926 [data-infix-next]::after, .lb-master_stacks_in_1926 [data-infix-prev]::before, .lb-master_stacks_in_1926 [data-infix-prev]::after { background: rgba(255, 255, 255, 0.96); top: 50%; left: 0; width: 2px; height: 17px; content: ''; position: absolute; margin: -14px 23px; } .lb-master_stacks_in_1926 html.bwd-touch [data-infix-next], .lb-master_stacks_in_1926 [data-infix-next]:hover, .lb-master_stacks_in_1926 html.bwd-touch [data-infix-prev], .lb-master_stacks_in_1926 [data-infix-prev]:hover { border: 2px solid rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.00); } .lb-master_stacks_in_1926 html.bwd-touch [data-infix-next]::before, .lb-master_stacks_in_1926 html.bwd-touch [data-infix-next]::after, .lb-master_stacks_in_1926 [data-infix-next]:hover::before, .lb-master_stacks_in_1926 [data-infix-next]:hover::after, .lb-master_stacks_in_1926 html.bwd-touch [data-infix-prev]::before, .lb-master_stacks_in_1926 html.bwd-touch [data-infix-prev]::after, .lb-master_stacks_in_1926 [data-infix-prev]:hover::before, .lb-master_stacks_in_1926 [data-infix-prev]:hover::after { background: rgba(255, 255, 255, 1.00); } .lb-master_stacks_in_1926 [data-infix-next]::after, .lb-master_stacks_in_1926 [data-infix-prev]::after { margin-top: -3px; } .lb-master_stacks_in_1926 [data-infix-prev]::after, .lb-master_stacks_in_1926 [data-infix-prev]::before { left: -3px; } .lb-master_stacks_in_1926 [data-infix-next]::after { transform: rotate(45deg); } .lb-master_stacks_in_1926 [data-infix-next]::before { transform: rotate(-45deg); } .lb-master_stacks_in_1926 [data-infix-prev]::after { transform: rotate(315deg); } .lb-master_stacks_in_1926 [data-infix-prev]::before { transform: rotate(-315deg); }