You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

2 lines
5.6 KiB

  1. .controls .count,.rotationslider .count{display:none}.controls .slider-tabs,.controls .tabs,.rotationslider .slider-tabs,.rotationslider .tabs{position:absolute;bottom:1.8rem;left:50%;right:0;padding:0;list-style:none;transform:translate(-50%);text-align:center;font-size:0;line-height:0;margin:0}.controls .slider-tabs li,.controls .tabs li,.rotationslider .slider-tabs li,.rotationslider .tabs li{display:inline-block;vertical-align:top}.controls .slider-tabs li.active button:before,.controls .tabs li.active button:before,.rotationslider .slider-tabs li.active button:before,.rotationslider .tabs li.active button:before{background-color:var(--color-text);box-shadow:0 0 0 2px var(--color-text)}.controls .slider-tabs .btn,.controls .tabs .btn,.rotationslider .slider-tabs .btn,.rotationslider .tabs .btn{--button-min-size: 24px;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center}.controls .slider-tabs .btn:before,.controls .tabs .btn:before,.rotationslider .slider-tabs .btn:before,.rotationslider .tabs .btn:before{content:"";position:relative;display:block;width:10px;height:10px;border:2px solid var(--color-text);border-radius:5px;transition:.2s ease}.controls .slider-tabs .btn:after,.controls .tabs .btn:after,.rotationslider .slider-tabs .btn:after,.rotationslider .tabs .btn:after{display:none}.controls .slider-tabs .btn:hover,.controls .tabs .btn:hover,.rotationslider .slider-tabs .btn:hover,.rotationslider .tabs .btn:hover{background-color:transparent}.controls .slider-tabs .btn:hover:before,.controls .tabs .btn:hover:before,.rotationslider .slider-tabs .btn:hover:before,.rotationslider .tabs .btn:hover:before{background-color:var(--color-text)}.controls button,.rotationslider button{border:0;background-color:transparent;padding:0;cursor:pointer}.controls button.prev,.controls button.next,.rotationslider button.prev,.rotationslider button.next{position:absolute;top:-89px;width:60px;height:60px;text-align:center;line-height:60px;right:0;color:var(--color-text);border-radius:24px;background:var(--swatches-neutrals-white);--button-hover-shadow-opacity: .4;--button-hover-shadow-size: 6px}@media (max-width: 768px){.controls button.prev,.controls button.next,.rotationslider button.prev,.rotationslider button.next{display:none}}.controls button.prev:before,.controls button.next:before,.rotationslider button.prev:before,.rotationslider button.next:before{content:"";font-family:Icons,sans-serif;font-size:30px;content:""}.controls button.prev:after,.controls button.next:after,.rotationslider button.prev:after,.rotationslider button.next:after{content:"";position:absolute;display:block;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-lg);box-shadow:0 0 0 2px var(--color-surface-inset);opacity:0;transition:.3s ease}.controls button.prev:hover:after,.controls button.next:hover:after,.rotationslider button.prev:hover:after,.rotationslider button.next:hover:after{opacity:.4;box-shadow:0 0 0 6px var(--color-surface-inset)}.controls button.prev,.rotationslider button.prev{right:70px;transform:rotate(180deg)}.quick-facts{position:relative;margin:var(--section-margin) 0}.quick-facts .container{position:relative}.quick-facts .container>h2,.quick-facts .container h3,.quick-facts .container h4{position:absolute;left:0;right:0;top:0;text-align:center;text-transform:uppercase;font-size:var(--font-size-xs);line-height:1;z-index:1;font-weight:400;font-family:Source Sans Pro,sans-serif;margin-top:30px}@media (max-width: 567px){.quick-facts .container>h2,.quick-facts .container h3,.quick-facts .container h4{margin-top:20px}}.quick-facts .slider{position:relative;display:block;text-align:center;background-color:var(--color-background);overflow:hidden}@media (max-width: 767px){.quick-facts .slider{margin:0 -20px}}.quick-facts .slider:before{content:"";position:absolute;width:374px;height:374px;background-color:#9ad7a3;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}@media (max-width: 567px){.quick-facts .slider:before{width:110vw;height:110vw}}.quick-facts .slide{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}@media (max-width: 567px){.quick-facts .slide{min-height:100vw}}.quick-facts p{max-width:100%}.quick-facts .counter{display:inline-block;font-size:180px;line-height:1;font-family:Korb,sans-serif;font-weight:700;text-align:center;max-width:100%}@media (max-width: 999px){.quick-facts .counter{font-size:calc(10vw + 50px)}}.quick-facts .fact-label{display:block;padding:10px 20px 0;line-height:1.4}@media (min-width: 768px){.quick-facts .fact-label{padding-left:60px;padding-right:60px}}.quick-facts .like-h4{max-width:60%;text-align:center;margin:40px auto}@media (max-width: 999px){.quick-facts .like-h4{max-width:80%;padding:0 20px}}@media (max-width: 767px){.quick-facts .like-h4{max-width:100%;padding:0 20px}}.quick-facts button{border:0;background-color:transparent;padding:0;cursor:pointer}.quick-facts .slider-tabs,.quick-facts .tabs{bottom:0;margin:20px 0}@media (max-width: 567px){.quick-facts .slider-tabs,.quick-facts .tabs{margin-bottom:12px}}.quick-facts .prev,.quick-facts .next{position:absolute;top:50%;width:50px;height:50px;text-align:center;line-height:50px;right:0;margin:-25px 10px;color:var(--color-text)}@media (max-width: 767px){.quick-facts .prev,.quick-facts .next{display:none}}.quick-facts .prev:before,.quick-facts .next:before{content:"";font-family:Icons,sans-serif;font-size:30px}.quick-facts .prev{left:0;transform:rotate(180deg)}.quick-facts .count{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:18px;padding-bottom:20px;font-family:var(--font-korb),sans-serif;visibility:hidden}.quick-facts .count span{margin:0 5px}