.Block--hubupdates{--slider-max-width:100%;--slider-cta-card-width:100%;--slider-bottom-margin:40px;--slider-card-width:100%;--slider-img-height:40vw;--slider-nav-size:40px;--sidebar-width:100%;background:#fff url(https://www.sixandflow.com/hubfs/Hero%20Banner%20-%20Mobile.png);background-position:top;background-repeat:no-repeat;background-size:contain;padding-bottom:80px;padding-top:80px;.Block--listing h2 small{display:block;font-size:40%;line-height:1}.slider-wrap{margin-bottom:var(--slider-bottom-margin);margin-left:-10px;margin-right:-10px;position:relative}.slider{max-width:var(--slider-max-width);width:auto}.slider-card{border-radius:4px;box-shadow:0 3px 6px #1e20481a;display:block;margin:10px;max-width:var(--slider-card-width);text-decoration:none;&:hover{box-shadow:0 3px 10px #1e20481a;transform:scale(1.02);transform-origin:center center;.slider-header,svg{color:#019fd6}}}.slider-img{border-top-left-radius:inherit;border-top-right-radius:inherit;height:var(--slider-img-height);margin:0;overflow:hidden;width:100%;img{height:100%;object-fit:cover;object-position:center center;width:100%}}.slider-card span{color:#333;display:block;font-family:Avenir;font-size:14px;font-weight:400;line-height:1.4;padding-left:20px;padding-right:20px;position:relative;&.slider-header{font-size:17px;font-weight:600;padding-bottom:5px;padding-top:15px}&.slider-meta{padding-bottom:15px}small{font-weight:700}}.cta-card{display:none}.slider .owl-stage{display:flex}.slider .owl-item{display:flex;&,*{transition:all .25s ease-in-out}&:not(.active){opacity:.25;transform:scale(.85);transform-origin:center center}}.slider .owl-nav button{align-items:center;background:#ea7765;border-radius:var(--slider-nav-size);display:inline-flex;height:var(--slider-nav-size);justify-content:center;position:absolute;top:calc(var(--slider-img-height)/2 - var(--slider-nav-size)/4);width:var(--slider-nav-size);&,*{transition:all .25s ease-in-out}span{color:#fff;font-size:var(--slider-nav-size);line-height:var(--slider-nav-size);position:relative}&:hover{background:#ff826f}&:active{background:#bb5f50}&.owl-prev{left:-10px;span{left:0}&:hover span{left:-2px}&:active span{left:-5px}}&.owl-next{margin-right:-50%;right:-10px;span{right:0}&:hover span{right:-2px}&:active span{right:-5px}}&.disabled{display:none}}.slider .owl-dots{margin-top:10px;text-align:center;button{background:#ea7765;border-radius:calc(var(--slider-nav-size)/3);height:calc(var(--slider-nav-size)/3);margin:0 4px;opacity:.4;width:calc(var(--slider-nav-size)/3);&.active{opacity:1}}}.Block--listingPage{display:flex;flex-direction:column;margin:-40px -20px 0;&,*{transition:all .25s ease-in-out}.left,.right{flex:1;padding:0 20px}.left{padding-bottom:20px}.right{max-width:var(--sidebar-width);padding-top:20px}.subtitle{color:#019fd6;font-size:14px;font-weight:700;line-height:1;margin-right:10px}.title-divider{border-bottom:1px solid #019fd6;color:#333;display:flex;flex-direction:row;font-size:16px;line-height:1.4;margin-bottom:20px;padding-bottom:5px;padding-top:15px;&:last-child{margin-top:30px}}.desc{color:#333;margin-bottom:1.5em;&,*{font-size:16px;line-height:1.4}}.duration{padding-left:35px;position:relative;img{left:0;max-width:25px;position:absolute;top:50%;transform:translateY(-55%)}&.date{margin-left:20px}}.cta-wrap{margin-top:20px}}.back-to-listing{align-items:center;background:#ea7765;border-radius:var(--slider-nav-size);color:#fff;display:inline-flex;font-size:var(--slider-nav-size);height:var(--slider-nav-size);justify-content:center;line-height:var(--slider-nav-size);margin-bottom:15px;min-width:var(--slider-nav-size);text-decoration:none;span{left:0;position:relative}&:hover{background:#ff826f;span{left:-2px}}&:active{background:#bb5f50;span{left:-5px}}}iframe{height:50vw;max-height:500px;width:100%}}@media(min-width:600px){.Block--hubupdates{--slider-img-height:175px;--sidebar-width:300px;.Block--listingPage{flex-direction:row;.right{padding-top:70px}}}}@media(min-width:768px){.Block--hubupdates{--slider-bottom-margin:60px;--sidebar-width:400px;background:#fff url(https://www.sixandflow.com/hubfs/Hero%20Banner%20-%20Desktop.png);background-position:top;background-repeat:no-repeat;background-size:contain}}@media(min-width:991px){.Block--hubupdates{--slider-max-width:66.66%;--slider-cta-card-width:33.34%;--slider-bottom-margin:80px;--slider-img-height:200px;--sidebar-width:450px;.slider-wrap{display:flex;justify-content:flex-start}.cta-card{display:flex;padding:10px;width:var(--slider-cta-card-width);.cta-card-inner{align-items:center;background-color:#d3d3d3;border-radius:4px;box-shadow:0 3px 6px #1e20481a;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center;transition:all .25s ease-in-out;&:hover{box-shadow:0 3px 10px #1e20481a;transform:scale(1.02);transform-origin:center center}}.cta-card-image{margin-bottom:20px;max-width:180px}.cta-card-body{&,*{font-size:15px;line-height:1.4}*{margin-bottom:0}}.button{margin-top:20px}}.owl-item{min-width:319.5px}}}@media(min-width:1200px){.Block--hubupdates{--slider-max-width:75%;--slider-cta-card-width:25%;.owl-item{min-width:322.5px}.slider .owl-nav button{&.owl-next{margin-right:-33%;right:-10px}}}}