.floaty-wrapper:after{content:".";visibility:hidden;display:block;height:0;clear:both}.floaty-top{overflow:hidden}.floaty{width:100%}.floaty.floaty-left.floaty-at-small{float:left}.floaty.floaty-left.floaty-at-small-only{float:none}@media screen and (max-width:40em){.floaty.floaty-left.floaty-at-small-only{float:left}}.floaty.floaty-left.floaty-at-medium{float:none}@media screen and (min-width:40em){.floaty.floaty-left.floaty-at-medium{float:left}}.floaty.floaty-left.floaty-at-large{float:none}@media screen and (min-width:64em){.floaty.floaty-left.floaty-at-large{float:left}}.floaty.floaty-right.floaty-at-small{float:right}.floaty.floaty-right.floaty-at-small-only{float:none}@media screen and (max-width:40em){.floaty.floaty-right.floaty-at-small-only{float:right}}.floaty.floaty-right.floaty-at-medium{float:none}@media screen and (min-width:40em){.floaty.floaty-right.floaty-at-medium{float:right}}.floaty.floaty-right.floaty-at-large{float:none}@media screen and (min-width:64em){.floaty.floaty-right.floaty-at-large{float:right}} /* Corner Stack v.1.0.1 */ /* General styles for the modal */ .corner-modal { position: fixed; z-index: 9999; transform: translateZ(0px); right: 0px; bottom: 0px; max-width: 320px; /*max-height:100%;*/ visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; margin:20px; } .corner-modal.corner-show{ visibility: visible; } .corner-button { visibility: hidden; opacity: 0; z-index: 9998; transform: translateZ(0px); position: fixed; right:0px; bottom:0px; padding:10px 20px; margin: 20px; background: rgba(143,27,15,0.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; cursor:pointer; } .corner-button.corner-tl, .corner-button.corner-tr { margin-top: -60px; } .corner-button.corner-bl, .corner-button.corner-br { margin-bottom: -60px; } .corner-button.corner-show { visibility: visible; opacity: 1; } .corner-button.corner-tl.corner-show, .corner-button.corner-tr.corner-show { margin-top: 20px; } .corner-button.corner-bl.corner-show, .corner-button.corner-br.corner-show { margin-bottom: 20px; } .corner-close { position:absolute; top:10px; right:10px; cursor:pointer; } .corner-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(143,27,15,0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-overlay.corner-show { opacity: 1; visibility: visible; } /* Content styles */ .corner-content { position: relative; margin: 0 auto; padding:30px 20px 20px 20px; } /*.corner-content > div { padding: 15px 40px 30px; margin: 0; font-weight: 300; font-size: 1.15em; }*/ .corner-tl { left: 0px; top: 0px; bottom: auto !important; right:auto !important; } .corner-tr { left: auto !important; top: 0px; bottom: auto !important; right:0px; } .corner-br { left: auto !important; top: auto !important; bottom: 0px; right:0px; } .corner-bl { left: 0px; top: auto !important; bottom: 0px; right:auto !important; } /* Individual modal styles with animations/transitions */ /* Effect 1: Fade in and scale up */ .corner-effect-1 .corner-content { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-1 .corner-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 2: Slide from the right */ .corner-effect-2 .corner-content { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .corner-show.corner-effect-2 .corner-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } /* Effect 3: Slide from the bottom */ .corner-effect-3 .corner-content { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-3 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Effect 4: Newspaper */ .corner-effect-4 .corner-content { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; } .corner-show.corner-effect-4 ~ .corner-overlay, .corner-effect-4 .corner-content { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .corner-show.corner-effect-4 .corner-content { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } /* Effect 5: fall */ .corner-effect-5.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-5 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; } .corner-show.corner-effect-5 .corner-content { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } /* Effect 6: side fall */ .corner-effect-6.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-6 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .corner-show.corner-effect-6 .corner-content { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; } /* Effect 7: slide and stick to top */ .corner-effect-7{ top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .corner-effect-7 .corner-content { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; opacity: 0; } .corner-show.corner-effect-7 .corner-content { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; } /* Effect 8: 3D flip horizontal */ .corner-effect-8.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-8 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .corner-show.corner-effect-8 .corner-content { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } /* Effect 9: 3D flip vertical */ .corner-effect-9.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-9 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .corner-show.corner-effect-9 .corner-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* Effect 10: 3D sign */ .corner-effect-10.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-10 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-10 .corner-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* Effect 11: Super scaled */ .corner-effect-11 .corner-content { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-11 .corner-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 12: Just me */ .corner-effect-12 .corner-content { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-12 ~ .corner-overlay { background: #e74c3c; } .corner-effect-12 .corner-content h3, .corner-effect-12 .corner-content { background: transparent; } .corner-show.corner-effect-12 .corner-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 13: 3D slit */ .corner-effect-13.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-13 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .corner-show.corner-effect-13 .corner-content { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;} 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @-moz-keyframes slit { 50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;} 100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;} 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* Effect 14: 3D Rotate from bottom */ .corner-effect-14.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-14 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .corner-show.corner-effect-14 .corner-content { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; } /* Effect 15: 3D Rotate in from left */ .corner-effect-15.corner-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .corner-effect-15 .corner-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-15 .corner-content { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; } /* Effect 16: Blur */ .corner-show.corner-effect-16 ~ .corner-overlay { background: rgba(180,46,32,0.5); } .corner-show.corner-effect-16 ~ .container { -webkit-filter: blur(3px); -moz-filter: blur(3px); filter: blur(3px); } .corner-effect-16 .corner-content { -webkit-transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); opacity: 0; } .corner-show.corner-effect-16 ~ .container, .corner-effect-16 .corner-content { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .corner-show.corner-effect-16 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Effect 17: Slide in from bottom with perspective on container */ .corner-show.corner-effect-17 ~ .container { height: 100%; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .corner-show.corner-effect-17 ~ .container, .corner-show.corner-effect-17 ~ .corner-overlay { -webkit-transform: rotateX(-2deg); -moz-transform: rotateX(-2deg); -ms-transform: rotateX(-2deg); transform: rotateX(-2deg); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .corner-effect-17 .corner-content { opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); } .corner-show.corner-effect-17 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.3s 0.2s; -moz-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s; } /* Effect 18: Slide from right with perspective on container */ .corner-show.corner-effect-18 ~ .container { height: 100%; overflow: hidden; } .corner-show.corner-effect-18 ~ .corner-overlay { background: rgba(143,27,15,0.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .corner-show.corner-effect-18 ~ .container, .corner-show.corner-effect-18 ~ .corner-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 0% 50%; -moz-animation: rotateRightSideFirst 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 0% 50%; animation: rotateRightSideFirst 0.5s forwards ease-in; } @-webkit-keyframes rotateRightSideFirst { 50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: translateZ(-200px); } } @-moz-keyframes rotateRightSideFirst { 50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; } 100% { -moz-transform: translateZ(-200px); } } @keyframes rotateRightSideFirst { 50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; } 100% { transform: translateZ(-200px); } } .corner-effect-18 .corner-content { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); opacity: 0; } .corner-show.corner-effect-18 .corner-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; } /* Effect 19: Slip in from the top with perspective on container */ .corner-show.corner-effect-19 ~ .container { height: 100%; overflow: hidden; } .corner-show.corner-effect-19 ~ .corner-overlay { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .corner-show.corner-effect-19 ~ .container, .corner-show.corner-effect-19 ~ .corner-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 100%; -webkit-animation: OpenTop 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 50% 100%; -moz-animation: OpenTop 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 50% 100%; animation: OpenTop 0.5s forwards ease-in; } @-webkit-keyframes OpenTop { 50% { -webkit-transform: rotateX(10deg); -webkit-animation-timing-function: ease-out; } } @-moz-keyframes OpenTop { 50% { -moz-transform: rotateX(10deg); -moz-animation-timing-function: ease-out; } } @keyframes OpenTop { 50% { transform: rotateX(10deg); animation-timing-function: ease-out; } } .corner-effect-19 .corner-content { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); opacity: 0; } .corner-show.corner-effect-19 .corner-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; } :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(87, 84, 76, 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(57, 54, 46, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(128, 123, 112, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(128, 123, 112, 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);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} /*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} html,body, .myclass{font-family:"Roboto",sans-serif } .white_font{color:rgba(230, 230, 230, 1.00) ;} .white_fontt{--header-color:rgba(230, 230, 230, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(230, 230, 230, 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} .brown_fontt{--header-color:rgba(87, 84, 76, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(87, 84, 76, 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} .font_size{font-size:calc(10rem/16) ;}@media only screen and (min-width:40em) { .font_size{font-size:calc(12rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .font_size{font-size:calc(14rem/16) ;line-height:1.50 }} .font_size2{font-size:calc(10rem/16) ;}@media only screen and (min-width:40em) { .font_size2{font-size:calc(13rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .font_size2{font-size:calc(15rem/16) ;line-height:1.50 }} .tan_bg{background-color:rgba(146, 141, 126, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.tan_bg{background-attachment:scroll!important}} .lttan_bg{background-color:rgba(250, 242, 220, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.lttan_bg{background-attachment:scroll!important}} .mid_bg{background-color:rgba(128, 123, 112, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.mid_bg{background-attachment:scroll!important}} .shadow{box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.60);} .tan3_bg{background-color:rgba(209, 202, 184, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.tan3_bg{background-attachment:scroll!important}} .cream_bg{background-color:rgba(250, 242, 220, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.cream_bg{background-attachment:scroll!important}} .tan5_bg{background-color:rgba(209, 202, 184, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.tan5_bg{background-attachment:scroll!important}} .rounding{border-radius:10px ;} .mb1{background-image:url('../index_files/bgimage-23-693.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:darken ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.mb1{background-attachment:scroll!important}} .mb2{background-image:url('../index_files/bgimage-24-693.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.mb2{background-attachment:scroll!important}} .mb3{background-image:url('../index_files/bgimage-25-693.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.mb3{background-attachment:scroll!important}} .rainbow_bg{background-image:url('../index_files/bgimage-26-693.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.rainbow_bg{background-attachment:scroll!important}} .overlay_bg{position:relative;z-index:0}.overlay_bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.43 ;background-color:rgba(0, 0, 0, 1.00) ;} .rounding{border-radius:10px ;} .font_size{font-size:calc(7rem/16) ;}@media only screen and (min-width:40em) { .font_size{font-size:calc(9rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .font_size{font-size:calc(11rem/16) ;line-height:1.50 }} /* custom stuff */ #corner-stacks_in_46_2 .corner-modal { z-index: 9999; max-width:400px; max-height:400px; } #corner-stacks_in_46_2 .corner-content { border:1px solid rgba(0, 0, 0, 0.40); border-radius:2px; background-color:rgba(255, 255, 255, 1.00); color: rgba(102, 102, 102, 1.00); overflow:auto; } #corner-stacks_in_46_2 .corner-button { font-family: Helvetica; font-size: 14px; font-weight: 700; border:2px solid rgba(250, 239, 213, 1.00); border-radius:22px; background-color:rgba(71, 68, 61, 1.00); color: rgba(255, 255, 255, 1.00); padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; z-index: 9998; } #corner-stacks_in_46_2 .corner-button.corner-tl, #corner-stacks_in_46_2 .corner-button.corner-tr { margin-top: -60px; } #corner-stacks_in_46_2 .corner-button.corner-bl, #corner-stacks_in_46_2 .corner-button.corner-br { margin-bottom: -60px; } #corner-stacks_in_46_2 .corner-content { padding-top: 30px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } #corner-stacks_in_46_2 .corner-button.corner-tl.corner-show, #corner-stacks_in_46_2 .corner-button.corner-tr.corner-show { margin-top: 20px; } #corner-stacks_in_46_2 .corner-button.corner-bl.corner-show, #corner-stacks_in_46_2 .corner-button.corner-br.corner-show { margin-bottom: 20px; } /* hide the text in button on smaller screens */ @media only screen and (max-width: 770px) { #corner-stacks_in_46_2 .corner-modal { width:100%; max-width:100%; max-height:100%; margin:0; } #corner-stacks_in_46_2 .corner-content { margin:4px; } #corner-stacks_in_46_2 span.corner-label { display:none; } } /* 1.5.0.1 - hotfix: display bug with dropdown items in edit mode */ #stacks_in_41_2 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_41_2 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_41_2 .clean-menu-extra { display: none; } #clean-menu_stacks_in_41_2 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_41_2 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_41_2.cm-full-menu li > a:hover, #clean-menu_stacks_in_41_2 li > a:hover { text-decoration: none; } #stacks_in_41_2 nav { border: 0px solid transparent; } #clean-menu_stacks_in_41_2 { max-width: 1320px; box-sizing: border-box; padding: 0px 20px; margin: 0 auto; } /* compatability fixes */ #clean-menu_stacks_in_41_2 ul { margin: 0; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_41_2 ul li > a:after, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li > a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_41_2.cm-full-menu, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul { text-decoration: none; list-style: none; margin: 0; display: block; padding: 0px 0px; background: transparent; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul li, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li > a { padding: 5px 20px; margin: 0; line-height: 1; background: transparent; display: inline-block; } #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li > a { padding: 6px 20px; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul > li > .cm-custom-content { padding: 4px 20px 4px 20px; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 20px 4px 30px; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 20px 4px 0px; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: 1; height: auto; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul > div, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul > div a, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul ul, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_41_2.cm-full-menu, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul { position: absolute; z-index: 9999; pointer-events: none; opacity: 0; -webkit-transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease, opacity 300ms ease; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); min-width: 250px; border-radius: 4px; box-shadow: 0px 10px 20px rgba(0,0,0,0.4); } #clean-menu-full_stacks_in_41_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_41_2.cm-full-menu { height: 0; overflow: hidden; } #clean-menu-full_stacks_in_41_2.cm-full-menu.clean-menu-active { height: auto; } #clean-menu-full_stacks_in_41_2.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_41_2 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_41_2.clean-menu-active ul { opacity: 1; pointer-events: all; } .cm-toggle { width: 30px; height: 28px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .cm-toggle span { display: block; position: absolute; height: 5px; width: 100%; background: #333; border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .cm-toggle span:nth-child(1) { top: 0px; } .cm-toggle span:nth-child(2),.cm-toggle span:nth-child(3) { top: 10px; } .cm-toggle span:nth-child(4) { top: 20px; } .cm-toggle.open span:nth-child(1) { opacity: 0; } .cm-toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cm-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cm-toggle.open span:nth-child(4) { opacity: 0; } #clean-menu_stacks_in_41_2 .cm-toggle span { height: 6px; width: 6px; border-radius: 50%; } #clean-menu_stacks_in_41_2 .cm-toggle span:nth-child(1) { top: 10px; left: 1px; } #clean-menu_stacks_in_41_2 .cm-toggle span:nth-child(2),#clean-menu_stacks_in_41_2 .cm-toggle span:nth-child(3) { top: 10px; left: 12px; } #clean-menu_stacks_in_41_2 .cm-toggle span:nth-child(4) { top: 10px; left: 23px; } #clean-menu_stacks_in_41_2 .cm-toggle.open span:nth-child(2) { width: 100%; left: 0; top: 11px; border-radius: 2px; height: 4px; } #clean-menu_stacks_in_41_2 .cm-toggle.open span:nth-child(3) { width: 100%; left: 0; top: 11px; border-radius: 2px; height: 4px; } #clean-menu_stacks_in_41_2 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } #clean-menu_stacks_in_41_2 > div { align-self: center; } #clean-menu_stacks_in_41_2 .clean-menu-full .cm-menu-toggle { width: 30px; height: 25px; box-sizing: border-box; padding: 0; /* border: 1px solid #000;*/ border-radius: 3px; cursor: pointer; } #clean-menu_stacks_in_41_2 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_41_2 .clean-menu-logo { max-width: 250px; min-width: 250px; margin: 0; } #clean-menu_stacks_in_41_2 .clean-menu-logo .cm-logo-wrap { max-width: 250px; min-width: 250px; -webkit-box-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; } #clean-menu_stacks_in_41_2 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_41_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_41_2 .clean-menu-logo > div > div { align-self: center; } #clean-menu_stacks_in_41_2 .clean-menu-logo .cm-logo-left { max-width: 73px; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_41_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_41_2 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-end; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; padding: 0; text-decoration: none; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li { margin: 0 15px; align-self: center; line-height: 1; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } #clean-menu_stacks_in_41_2 > div:nth-child(1), #clean-menu_stacks_in_41_2 > div:nth-child(2) { -webkit-box-flex: initial; -ms-flex: none; flex: none; width: auto; } #clean-menu_stacks_in_41_2 > div:nth-child(1) { margin-right: 10px; } #clean-menu_stacks_in_41_2 > div:nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; max-width: 100%; } #clean-menu_stacks_in_41_2 > div.clean-menu-top-level:nth-child(2) ul li:first-child, #clean-menu_stacks_in_41_2 > div.clean-menu-top-level:nth-child(1) ul li:last-child { margin: 0 15px; } #clean-menu_stacks_in_41_2 > div.clean-menu-top-level:nth-child(2) > ul > li > ul li:first-child, #clean-menu_stacks_in_41_2 > div.clean-menu-top-level:nth-child(1) > ul > li > ul li:last-child { margin: 0; } div[tag="slice"] > .mez > #stacks_in_41_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li > a:visited { transition: color 150ms ease; text-decoration: none; color: rgba(230, 230, 230, 1.00); font-size: 20px; line-height: 25px; align-items: center; padding: 0; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a { font-size: 20px; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li > a, #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a { font-family: inherit; } #clean-menu-full_stacks_in_41_2.cm-full-menu > ul > li > a { } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a svg, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li > a svg { fill: rgba(230, 230, 230, 1.00); align-self: center; vertical-align: middle; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li > a{ transition: color 150ms ease; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_41_2.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; display: flex; align-items: center; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li.cm-grouped-item > a, #clean-menu-full_stacks_in_41_2.cm-full-menu ul li.cm-grouped-item > a { display: inline-block; margin-left: 8px; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li.cm-grouped-item > a { padding: 0; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li.cm-grouped-item > a:first-child, #clean-menu-full_stacks_in_41_2.cm-full-menu ul li.cm-grouped-item > a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul li.cm-grouped-item > a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li > a ion-icon, #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li > a i, #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a ion-icon, #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a i { font-size: 25px; line-height: 25px; font-size: 20px; line-height: 20px; } #stacks_in_41_2 li > a svg, #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a svg, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li > a svg { width: 20px; height: 20px; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li > a:hover { transition: color 150ms ease; text-decoration: none; color: rgba(204, 204, 204, 1.00); } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li > a:hover svg, #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a:hover svg { fill: rgba(204, 204, 204, 1.00); } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li > a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li.cm-current > a { transition: color 150ms ease; text-decoration: none; color: rgba(255, 255, 255, 1.00); } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_41_2.cm-full-menu ul li.cm-current > a svg { fill: rgba(255, 255, 255, 1.00); } #clean-menu_stacks_in_41_2 .cm-toggle span { background: #000000; } #clean-menu_stacks_in_41_2 h1, #clean-menu_stacks_in_41_2 h2, #clean-menu_stacks_in_41_2 h3, #clean-menu_stacks_in_41_2 h4, #clean-menu_stacks_in_41_2 h5, #clean-menu_stacks_in_41_2 h6, #clean-menu_stacks_in_41_2 .layouts-text, #clean-menu_stacks_in_41_2 p { color: rgba(0, 0, 0, 0.60); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_41_2.cm-full-menu, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul { background: rgba(255, 255, 255, 1.00); } #clean-menu-full_stacks_in_41_2.cm-full-menu > ul > li, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_41_2.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a, #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a:visited, #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a svg, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li > a, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li > a:visited, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li > a svg, #clean-menu-full_stacks_in_41_2.cm-full-menu ul ul li:before { color: rgba(0, 0, 0, 0.40); fill: rgba(0, 0, 0, 0.40); } #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a:hover, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li > a:hover, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li > a:hover svg { color: rgba(0, 0, 0, 0.20); fill: rgba(0, 0, 0, 0.20); } /* #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a.cm-heading:hover, #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a.cm-heading:hover svg, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li > a.cm-heading:hover { color: rgba(0, 0, 0, 0.40); cursor: default; } */ #clean-menu-full_stacks_in_41_2.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li.cm-current > a svg { color: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(230, 230, 230, 1.00); } #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(204, 204, 204, 1.00); } /* #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(230, 230, 230, 1.00); } */ #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(255, 255, 255, 1.00); } .disable-parents #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li > a.parent:hover:after, .disable-parents #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul li > a.parent:hover, #clean-menu-full_stacks_in_41_2.cm-full-menu.disable-parents ul li > a.parent:hover { color: rgba(0, 0, 0, 0.40); border-color: rgba(0, 0, 0, 0.40); } .disable-parents #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li > a.parent:hover, .disable-parents #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li > a.parent:hover:after { color: rgba(230, 230, 230, 1.00); border-color: rgba(230, 230, 230, 1.00); } #clean-menu_stacks_in_41_2 .clean-menu-logo { margin: 0; width: auto; max-width: 250px; } #clean-menu_stacks_in_41_2 .clean-menu-logo .cm-logo-wrap { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; max-width: 250px; width: 100%; float: right; } #clean-menu_stacks_in_41_2 .clean-menu-full { width: 250px; -webkit-box-flex: none; -ms-flex: none; flex: none; } /* div[tag="slice"] > .mez > #stacks_in_41_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-full { width: auto; max-width: 300px; } */ #clean-menu_stacks_in_41_2 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } div[tag="slice"] > .mez > #stacks_in_41_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 7px; } #clean-menu_stacks_in_41_2 .clean-menu-full { margin: 0; } #clean-menu_stacks_in_41_2 .clean-menu-full .cm-menu-toggle { display: none; } #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul { display: block; position: fixed; pointer-events: none; opacity: 0; top: 100%; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li { position: relative; } #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); pointer-events: all; opacity: 1; } #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > a.parent:after { content: ""; border-style: solid; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: -3px 0 0 8px; } #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > a.parent a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > a.parent a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > a.parent a.cm-heading.parent:hover:after { border-color: rgba(0, 0, 0, 0.40); } */ #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > a.parent a.parent.cm-current:after { border-color: rgba(0, 0, 0, 0.60); } @media all and (min-width: 771px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_41_2.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_41_2 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_41_2.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_41_2 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_41_2 .clean-menu-top-level > ul > li > ul.cm-wide > li { text-align: left; align-self: flex-start; } } @media all and (max-width: 770px) { #clean-menu_stacks_in_41_2.clean-menu { flex-wrap: wrap-reverse; } #clean-menu_stacks_in_41_2 > div { } #clean-menu_stacks_in_41_2.clean-menu { gap: 0 16px; } #clean-menu-full_stacks_in_41_2 { min-width: 300px; } #clean-menu_stacks_in_41_2 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_41_2 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_41_2 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_41_2 .clean-menu-top-level { display: none; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul > li > .cm-custom-content { padding: 4px 24px 4px 24px; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 24px 4px 34px; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 24px 4px 0px; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul li.cm-grouped-item{ padding: 4px 24px; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a { font-size: calc(20px + 2 ); line-height: calc(20px + 2 ); padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_41_2.cm-full-menu ul li.cm-grouped-item > a { width: auto; } #clean-menu-full_stacks_in_41_2.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_41_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_41_2.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_41_2 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_41_2 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_41_2 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_41_2 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_41_2 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_41_2.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_41_2.cm-full-menu ul li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_41_2.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_41_2.cm-full-menu ul li.cm-grouped-item > a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_41_2.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_41_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_41_2.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } .cm-mobile-example #clean-menu_stacks_in_41_2 .clean-menu-logo { } #clean-menu_stacks_in_41_2 .clean-menu-top-level ul li.cm-current > a { } #stacks_in_41_2 { background-color: rgba(163, 158, 144, 1.00); padding: 10px 0px 5px 0px; } .stacks_in_41_11 img{width:100%;max-width:175px} #fullScreenWrapper-player1 { width: 100%; } #playerWrapper-player1 { display: block; position: relative; } #playerWrapper-player1 *, #playerWrapper-player1 *:before, #playerWrapper-player1 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player1 { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player1 { padding-bottom: 56.25%; } #playerWrapper-player1 #media-player1 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player1 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player1 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player1 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player1 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player1 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player1 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player1 { position: relative; z-index: 4; width: 100%; } #toolbar-player1 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player1 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player1 { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player1:hover #toolbar-player1 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player1.playerInFullScreenMode:hover #toolbar-player1, #playerWrapper-player1.playerInFullScreenMode #toolbar-player1 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1.playerInFullScreenMode #toolbar-player1.toolbarHovered, .playerTouchDevice #playerWrapper-player1.playerInFullScreenMode #toolbar-player1 { opacity: 1.00; } */ #playerWrapper-player1.playerInFullScreenMode #fullscreenHoverRegionstacks_in_66 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player1 .media-button, #toolbar-player1 .timingContent { line-height: 45px; } #toolbar-player1 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player1 span.time, #media-controls-player1 span.player-extra-element, #media-controls-player1 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_66 { order: 3; display: block; } #pausestacks_in_66 { order: 3; display: none /* Start hidden */ } #timingstacks_in_66 { order: 5; cursor: default; } #toolbar-player1 [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; 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; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player1 [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player1 .media-button a, #toolbar-player1 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player1 span.media-button a:hover, #media-controls-player1 span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player1 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player1 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_66 { display: flex; flex: 1; align-items: center; } #toolbar-player1 .duration, #toolbar-player1 .scrubberWrapper, #toolbar-player1 .time { /* display: table-cell; */ } #toolbar-player1 .time, #toolbar-player1 .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player1 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player1 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player1 .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player1 .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_66 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_66 { display: none !important; } #volumestacks_in_66:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_66 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_66:hover #volumeMasterControllerstacks_in_66 { display: none; } #volumeMinstacks_in_66 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_66 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_66[type=range], #volumeMinstacks_in_66, #volumeMaxstacks_in_66 { display: none; } #volumeMinstacks_in_66, #volumeMaxstacks_in_66 { cursor: pointer; } #volumestacks_in_66:hover #volumeMinstacks_in_66, #volumestacks_in_66:hover #volumeMaxstacks_in_66, #volumestacks_in_66:hover #volume-barstacks_in_66 { display: inline; } #volume-barstacks_in_66[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_66[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_66[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_66[type=range]:focus { outline: none; } #volume-barstacks_in_66[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_66[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_66[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_66[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_66[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_66[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_66[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_66[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_66[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player1.playerInFullScreenMode, #fullScreenWrapper-player1.playerInFullScreenMode #playerWrapper-player1 { height: 100%; } #fullScreenWrapper-player1.playerInFullScreenMode #mediaFrame-player1 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player1.playerInFullScreenMode player1 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player1.playerInFullScreenMode #toolbar-player1 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player1.playerInFullScreenMode #toolbar-player1.toolbarVisible { display: flex; } #fullScreenWrapper-player1.playerInFullScreenMode #PlayerCaptionsBarplayer1 { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player1.playerInFullScreenMode #PlayerCaptionsBarplayer1.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player1 #fullscreenHoverRegion-player1 { display: none; } #fullScreenWrapper-player1.playerInFullScreenMode #fullscreenHoverRegion-player1 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } .stacks_in_203 .floaty{margin:0 calc(20rem / 16) calc(20rem / 16) 0;width:33.00%}.stacks_in_203 .floaty.floaty-right{margin:0 0 calc(20rem / 16) calc(20rem / 16)}.stacks_in_203 .floaty.floaty-at-small-only{margin:0 0 calc(20rem / 16) 0;width:100%}@media screen and (max-width:40em){.stacks_in_203 .floaty.floaty-at-small-only{width:33.00%;margin:0 calc(20rem / 16) calc(20rem / 16) 0}.stacks_in_203 .floaty.floaty-at-small-only.floaty-right{margin:0 0 calc(20rem / 16) calc(20rem / 16)}}.stacks_in_203 .floaty.floaty-at-medium{margin:0 0 calc(20rem / 16) 0;width:100%}@media screen and (min-width:40em){.stacks_in_203 .floaty.floaty-at-medium{width:33.00%;margin:0 calc(20rem / 16) calc(20rem / 16) 0}.stacks_in_203 .floaty.floaty-at-medium.floaty-right{margin:0 0 calc(20rem / 16) calc(20rem / 16)}}.stacks_in_203 .floaty.floaty-at-large{margin:0 0 calc(20rem / 16) 0;width:100%}@media screen and (min-width:64em){.stacks_in_203 .floaty.floaty-at-large{width:33.00%;margin:0 calc(20rem / 16) calc(20rem / 16) 0}.stacks_in_203 .floaty.floaty-at-large.floaty-right{margin:0 0 calc(20rem / 16) calc(20rem / 16)}} .stacks_in_206 img{width:100%;max-width:400px} #stacks_in_204 { font-size: 147%; } #stacks_in_87 { padding: 15px 20px 15px 20px; } #stacks_in_176 { padding: 15px 20px 15px 20px; } #stacks_in_89 { padding: 15px 20px 15px 20px; } #stacks_in_192 { padding: 15px 20px 15px 20px; } #stacks_in_137 { margin: 25px 0px 0px 0px; padding: 15px 20px 15px 20px; } #stacks_in_155 { margin: 25px 0px 0px 0px; padding: 15px 20px 15px 20px; } #stacks_in_162 { margin: 25px 0px 0px 0px; padding: 15px 20px 15px 20px; } #stacks_in_139 { margin: 25px 0px 0px 0px; padding: 15px 20px 15px 20px; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .stacks_in_64_4 img{width:100%;max-width:175px}