.box{background-size:cover;background-position:center;transition:.5s}.container{display:grid;width:100%;grid-template-columns:50% 25% 25%;grid-template-rows:50% 50%;position:relative;overflow:hidden;aspect-ratio:16 / 7}.container2{display:grid;width:100%;height:32vh;grid-template-rows:50% 50%;position:relative;overflow:hidden}.large{grid-row:1 / 3}.half{grid-column:span 2}.third{grid-column:span 1.5;grid-row:1 / 3}.box{display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5em;font-weight:700;position:relative;margin:10px}.contain-text{max-width:100%;padding:16px;opacity:.7}.pos-top{position:absolute;top:0;left:0;width:100%}.pos-bottom{position:absolute;bottom:0;left:0;width:100%}.pos-left{position:absolute;bottom:0;top:0;left:0;width:30%}.pos-right{position:absolute;bottom:0;top:0;right:0;width:50%}.contain-text .blog-text{font-weight:600!important;font-size:13px!important;color:#c8a157!important;text-transform:uppercase}#sl-nav{text-align:center;margin-bottom:40px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}.sl-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.sort-dropdown{position:relative}.sort-dropdown select{padding:10px 15px;border:2px solid #e0e0e0;border-radius:5px;background:#fff;color:#484b4c;font-size:14px;cursor:pointer;outline:none;transition:border-color .3s ease}.sort-dropdown select:hover,.sort-dropdown select:focus{border-color:#c8a157}.blog-grid-container{transition:opacity .3s ease}.blog-grid-container.filtering{opacity:.5}.no-posts{text-align:center;padding:60px 20px;color:#666}.no-posts h3{font-size:24px;margin-bottom:10px;color:#484b4c}.box.hidden,.container.hidden,.container2.hidden{display:none!important}@media screen and (max-width: 1600px){.container{aspect-ratio:16 / 7}.container2{height:42vh}}@media screen and (max-width: 1200px){.container,.container2{grid-template-columns:50% 50%;grid-template-rows:auto;height:50vh}.large,.small-top,.small-bottom,.half,.third{grid-column:span 1;grid-row:auto}.contain-text h3,.contain-text p{font-size:10px!important}#sl-nav{flex-direction:column;gap:10px}#sl-nav a{margin:0 10px}.sl-controls{flex-direction:column;gap:15px}}@media screen and (max-width: 700px){.container,.container2{grid-template-columns:100%;grid-template-rows:auto;height:auto;aspect-ratio:auto}.large,.small-top,.small-bottom,.half,.third{grid-column:span 1;grid-row:auto;height:250px}.contain-text h3,.contain-text p{font-size:14px!important;margin-top:0;margin-bottom:0}.pos-top,.pos-bottom,.pos-left,.pos-right{width:100%!important;bottom:0!important;top:auto!important;height:45%!important}#sl-nav a{margin:0 5px;font-size:14px}}.box:hover{transform:scale(.98);opacity:.8;z-index:3}.fadeInUp-animation{animation:1.5s fadeInUp}.box.large h3 p{letter-spacing:4px}.blog-text:hover{background-size:100% .1em,100% .1em}.box:hover .blog-text{background-size:50% .15em,50% .2em;padding-bottom:5px;margin-bottom:5px}div#sl-nav{background:#f3f0f1}#sl-nav{text-align:center;margin-bottom:40px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;background:#f3f0f1;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:20px 0}#sl-nav a{text-decoration:none;color:#484b4c;margin:0 20px;opacity:.8;position:relative;cursor:pointer;padding:10px 15px;border-radius:5px;transition:all .3s ease}#sl-nav a:after{content:"";position:absolute;width:100%;height:2px;background-color:#c8a157;left:0;bottom:-2px;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}#sl-nav a:hover:after,#sl-nav a.active:after{transform:scaleX(1);transform-origin:left}#sl-nav a:hover{opacity:1;color:#0f1e43}#sl-nav a.active{color:#0f1e43;font-weight:600;opacity:1}.sl-blogs{max-width:1600px;margin:0 auto}.sl-blogs{animation:none}.blog-grid-container{animation:1.5s fadeInUp}@keyframes fadeInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width: 1200px){#sl-nav{flex-direction:column;gap:10px;padding:15px 0}#sl-nav a{margin:0 10px}}@media screen and (max-width: 700px){#sl-nav a{margin:0 5px;font-size:14px}#sl-nav{padding:10px 0}}#sl-nav a{text-decoration:none;color:#484b4c;margin:0 20px;opacity:.8;position:relative;cursor:pointer;padding:10px 15px;border-radius:5px;transition:all .3s ease;display:inline-block}#sl-nav a:after{content:"";position:absolute;width:100%;height:2px;background-color:#c8a157;left:0;bottom:-2px;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;z-index:1}#sl-nav a:hover:after{transform:scaleX(1)!important;transform-origin:left!important}#sl-nav a.active:after{transform:scaleX(1)!important;transform-origin:left!important}#sl-nav a:hover{opacity:1!important;color:#0f1e43!important}#sl-nav a.active{color:#0f1e43!important;font-weight:600!important;opacity:1!important}
/*# sourceMappingURL=/cdn/shop/t/25/assets/new-sloom-room.css.map */