/* Header */

.logo {
    background-image: url('../images/logo-black.png');
}

.imperial {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) auto minmax(0, 1.2fr);
  align-items: end;
  justify-content: center;
  gap: clamp(20px, 5vw, 100px);
  margin-top: 14px;
  margin-bottom: 100px;
  max-width: 100vw;
  overflow-x: hidden;
  box-sizing: border-box;
}

.imperial div.irow {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  min-width: 0;
}

.imperial img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  align-self: end;
}

.icontent {
    padding-bottom: 20px;
    max-width: 650px;
}

@media(max-width:1200px) {
  .icontent {
      padding-bottom: 20px;
      max-width: 500px;
  }
}

@media(max-width:900px) {
    .imperial {
      grid-template-columns: 1fr;
      align-items: start;
      gap: 40px;
    }
    
    .icontent {
      max-width: none;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
    }
}



.w-70 {width: 70%; margin-left: auto; margin-right: auto;}

.navbar .nav-btn .hamburger-box .hamburger-inner,
.navbar .nav-btn .hamburger-box .hamburger-inner::before,
.navbar .nav-btn .hamburger-box .hamburger-inner::after {
    background-color:#000000;
}

.navbar .nav-btn.btn-close .hamburger-box .hamburger-inner,
.navbar .nav-btn.btn-close .hamburger-box .hamburger-inner::before,
.navbar .nav-btn.btn-close .hamburger-box .hamburger-inner::after {
    background-color:#ffffff;
}

.page-furniture .header:before {
    top: 0;
    background: transparent;
}

.page-furniture .header:after {
    bottom: 0;
    background: transparent;
}

.page-furniture .header .bg-container {
    /*background-attachment: scroll;*/
    /*background-position-x:center;*/
    /*background-position-y: center;*/
    /*background-image: url('../images/furniture/2021/new-in-furniture.png');*/
    /*background-size: auto;*/
    /*background-repeat: no-repeat;*/
    display:flex;
}

.page-furniture .header .bg-container .page-header {
    color: #a3a3a3;
    flex: 0 0 100%;
    text-align: center;
    margin-top: max(10vh, 100px);
    z-index: 2;
}

@media(max-width:767px) {
    .page-furniture .header .bg-container .page-header {
        margin-top: max(20vh, 150px);
    }
}

/*@media(max-width:767px) {*/
/*    .bg-container .img-container {*/
/*        background-size: 28.385vw;*/
/*    }*/
/*}*/

@media(max-width: 1365px) {
    .page-furniture .header .bg-container {
        background-size: contain;
    }
}

.bg-container .img-container {
    width: 100%;
    position: absolute;
    z-index:2;
    background-image: url('../images/furniture/2025/jan/top.png');
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-position-x:center;
    background-position-y: 53%;
    height: 100%;
    /*background-size: 50%;*/
    /*background-size: 24.385vw;*/
}

.bg-container .img-container img {
    margin: 0 auto;
    display:block;
    z-index:1;
}

.header .scroll-to i {
    color: #000000;
}

main.main {
    position:relative;
    z-index:2;
}

/* General */

body {
    max-width:1920px;
    margin:0 auto;
}

/* .ff1 {
    font-family: 'Museosans_100';
}

.ff3 {
    font-family: 'Museosans_300';
}

.ff9 {
    font-family: 'Museosans_900';
}

.fs140lh127 {
    font-size: 7.292vw;
    line-height: .91;
    text-transform: uppercase;
}

.fs34lh42 {
    font-size: 1.771vw;
    line-height: 1.24;
}

.fs30lh38 {
    font-size: 1.563vw;
    line-height: 1.27;
}

.fs16lh22 {
    font-size: 0.833vw;
    line-height: 1.375;
}

.fs16lh16 {
    font-size: 0.833vw;
    line-height: 1;
} */


/* Cast Root Console */
.cast-root-console {
    margin-bottom:10rem;
    max-width:1385px;
    margin-left: auto;
    margin-right: auto;
}

.cast-root-console .top {
    width:100%;
    flex: 0 0 53%;
}

.cast-root-console .top h2 {
    z-index:1;
    position:relative;
    margin: 0 15px 0 auto;
    max-width: 765px;
    white-space: nowrap;
    padding-left: 15px;
}

.cast-root-console .content .img-container {
    display:flex;
    justify-content: flex-end;
    z-index:-1;
    position:relative;
    flex: 0 1 47%;
}

.cast-root-console.ileft .content .img-container {
    justify-content: normal;
}

.cast-root-console.ileft .content .img-container img {
    padding-right: 2vw;
}

.cast-root-console .content {
    width:100%;
    display:flex;
    flex-direction: row-reverse;
    position:relative;
    justify-content: space-between;
}

.cast-root-console.ileft .content {
    flex-direction: row;
}

.cast-root-console .content .top {
    margin-bottom: 5rem;
}

.cast-root-console .content .top h2 {
    padding-left: 0;
}

.cast-root-console .content .text {
    align-self:center;
    flex: 0 1 53%;
    padding-left:15px;
}

.cast-root-console .content .text .text-inner {
    max-width: 750px;
    margin: 0 15px 0 auto;
}

.cast-root-console .content .text .text-inner .buy-container {
    margin-left: 0;
    margin-top:4rem;
}

@media(min-width:768px) and (max-width:840px) {
    .cast-root-console .top h2 {
        margin-bottom:50px;
    }
}

@media(max-width:1024px) {
    .cast-root-console {
        margin-top:10%;
    }
}

@media(max-width:991px) {
    .cast-root-console {
        margin-top:10%;
    }
    .cast-root-console .content .text {
        width:100%;
    }

    .cast-root-console .content {
        margin-top:2%;
    }

}

@media(max-width:767px) {
    .cast-root-console {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom:5rem;
    }

    .cast-root-console .top {
        text-align:center;
        flex: 0 0 100%;
    }

    .cast-root-console .content {
        flex-direction: column;
        padding-left:15px;
        padding-right:15px;
    }

    .cast-root-console .content .text {
        max-width:100%;
    }

    .cast-root-console .content .img-container {
        margin: 0 auto;
        position:relative;
        top:25px;
    }

    .cast-root-console .content .text {
        align-self: center;
        position:relative;
        text-align:center;
        margin-top:50px;
        left:0;
        padding-left:0;
    }

    .cast-root-console .content .text .text-inner {
        margin-right: 0;
    }

    .cast-root-console .content .text .text-inner .buy-container {
        margin-left: auto;
        margin-right: auto;
        width:fit-content;
        margin-top: 2rem;
    }
}



/* Chunk */

.chunk {
    max-width:72.240vw;
    margin:100px auto 10rem;
    text-align:center;
}


.chunk .tag-container {
    width:100%;
    margin-bottom: 4.18848167539267vh;
}

.chunk h2 {
    /* margin-bottom:75px; */
}

.chunk .top {
    margin: 0 auto;
    flex: 0 0 100%;
}


.chunk .img-container {
    position: relative;
    margin: 47px auto 0;
    z-index: -1;
}

.chunk .content {
    margin: 7% auto 0;
    max-width: 1125px;
}

.chunk .buy-container {
    float:none;
    /*padding-left:60px;*/
    margin-top: 5%;
}

.chunk .buy-container .buy {
    margin: 0 auto;
}

.chunk .product-link {
    float:none;
}

@media(max-width:767px) {

    .chunk {
        max-width: 100%;
        margin-bottom: 5rem;
        margin-top: 0px;
    }
    .chunk h2 {
        margin: 0 auto 25px;
    }

    .chunk .content {
        max-width: 1125px;
    }

    .chunk .buy-container  {
        padding-left: 0;
    }
    
    .chunk .img-container {
        margin-top: 0px;
    }
}


/* Log Collection */

.log-collection {
    max-width: 1365px;
    margin: 0 auto 10rem;
}

.log-collection .tag-container {
    position:relative;
    margin-bottom: 4.18848167539267vh;
    z-index:2;
}

.log-collection h2 {
    font-size:6.875vw;
    line-height: .87;
    text-transform: uppercase;
    text-align:center;
    width:100%;
    margin-bottom: 5%;
    position: relative;
    z-index:1;
}

.log-collection .content {
    width:100%;
}

.log-collection .content .products {
    width:fit-content;
    width:-moz-fit-content;
    margin: 0 auto;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    z-index:-1;
}

.log-collection .content .products .product {
    /*max-width: 480px;*/
    padding: 15px 15px 70px;
    display:flex;
    flex-direction: column;
    position:relative;
    z-index: 1;
}

.log-collection .content .products .product img {
    max-width:72.240vw;
    margin: 0 auto;
}

.log-collection .product-desc .product-detail {
    max-width: 1020px;
    margin: 0 auto;
    text-align:center;
    /* font-size: 1.2vw; */
}



.log-collection .product-desc .product-link {
    margin-top: 0;
    width:100%;
}

.log-collection .product-desc .product-link a {
    justify-content: center;
    /* position: relative;
    right:1.5706806282722512vh; */
}

@media(min-width:768px) and (max-width: 1199px) {
    .log-collection .product-desc .product-detail {
        max-width:60%;
    }
}

@media(max-width:991px) {
    .log-collection .content .products .product img {
        max-width:80%;
        margin: 0 auto;
    }
}

@media(max-width:767px) {
    .log-collection {
        margin-bottom:5rem;
    }

    .log-collection .content .products .product {
        padding: 15px 0 20px 0;
    }

    .log-collection .content .products .product img {
        max-width:100%;
        margin: 0 auto;
    }

    .log-collection .content .products .product:last-child {
        padding-bottom:40px;
    }
}

@media(min-width:1904px) {
    .log-collection h2 {
        letter-spacing:-3px;
    }
}


/* River Stone */

.river-stone {
    max-width:72.240vw;
    margin:100px auto 10rem;
    text-align:center;
}


.river-stone .tag-container {
    width:100%;
    margin-bottom: 4.18848167539267vh;
}

.river-stone h2 {
    /* margin-bottom:75px; */
}

.river-stone .top {
    margin: 0 auto;
}


.river-stone .img-container {
    position: relative;
    margin: -6.8% auto 0;
    z-index: -1;
    display:flex;
    flex-flow: wrap;
    align-items:center;
    justify-content: center;
}

.river-stone .content {
    margin: 0 auto;
    max-width: 1060px;
    margin-top: max(5vh,40px);

}

.river-stone .content .text div {
    /*visibility: hidden;*/
}

.river-stone .img-container img {
    /*flex: 0 0 50%;*/
    /*max-width:50%;*/
}

/*.river-stone .content .text {*/
/*max-width: 1020px;*/
/*}*/

.river-stone .product-link {
    float:none;
    padding-left:60px;
}

@media(max-width:767px) {

    .river-stone {
        max-width: 100%;
        margin-bottom: 5rem;
    }
    .river-stone h2 {
        margin: 0 auto 25px;
    }

    .river-stone .content {
        margin: max(5vh, 40px) auto 0;
        max-width: 1125px;
    }

    .river-stone .product-link {
        padding-left: 0;
    }

    .river-stone .img-container img {
        flex: 0 0 100%;
        max-width:100%;
    }
}

/* Freeform Root */

.freeform-root {
    max-width:72.240vw;
    margin:100px auto 10rem;
    text-align:center;
}


.freeform-root .tag-container {
    width:100%;
    margin-bottom: 4.18848167539267vh;
}

.freeform-root h2 {
    /* margin-bottom:75px; */
}

.freeform-root .top {
    width:100%;
}

.freeform-root .top {
    margin: 0 auto;
}


.freeform-root .img-container {
    position: relative;
    margin: 0 auto 0;
    z-index: -1;
    display:flex;
    flex-flow: wrap;
    align-items:center;
    justify-content: center;
    margin-bottom: max(5vh, 50px);
}

.freeform-root .content {
    margin: 0 auto;
    max-width: 1060px;
}

/*.freeform-root .content .text {*/
/*max-width: 1020px;*/
/*}*/

.freeform-root .buy-container {
    float:none;
    width:100%;
    margin-top: 5%;
    /*padding-left:60px;*/
}
.freeform-root .buy-container .buy {
    margin: 0 auto;
}

.freeform-root .product-link {
    float:none;
}

@media(max-width:767px) {

    .freeform-root {
        max-width: 100%;
        margin-bottom: 5rem;
    }
    .freeform-root h2 {
        margin: 0 auto 25px;
    }

    .freeform-root .content {
        margin: 0% auto 0;
        max-width: 1125px;
    }

    .freeform-root .product-link {
        padding-left: 0;
    }
}



/* Grand Canyon */

.cast-boulder {
    margin-bottom:10rem;
}

.cast-boulder h2 {
    width:100%;
    text-align: center;
    margin-bottom:7%;
    z-index:2;
    position:relative;
}

.cast-boulder h2 span {
    color: #d1b07e;
}

.cast-boulder h2 span.doreng {
    color: #7d775e;
}

.cast-boulder .content {
    display:flex;
    margin-top: -2.5%;
    z-index: 1;
    width:100%;
}

.cast-boulder .img-container {
    /*padding-left:0;*/
    display:flex;
    justify-content: flex-end;
}

.cast-boulder .img-container img {
    padding-right: 2vw;
}

.cast-boulder .text {
    align-self:center;
    max-width:690px;
}

.cast-boulder .text .buy-container {
    margin-top: 8%;
}

@media(max-width: 767px) {
    .cast-boulder {
        margin-bottom:5rem;
    }
    .cast-boulder .content {
        /*flex-direction: column;*/
        display:block;
    }

    .cast-boulder .img-container {
        padding-left:15px;
        margin-bottom:20%;
        margin-top:0;
        justify-content: center;
    }

    .cast-boulder .img-container img {
        padding-right:0;
    }

    .cast-boulder .text {
        align-self: auto;
        text-align:center;
        margin: 0 auto;
    }

    .cast-boulder .text .buy-container a {
        margin: 0 auto;
    }
}



@media(max-width:1200px) {
    .product-link {
        padding-top:50px;
    }
}

@media(max-width:767px) {
    .product-link {
        padding-top:25px;
    }
}

/* Flower Wall Art */

.flower-wall-art {
    margin-bottom:10rem;
}

.flower-wall-art .content {
    display: flex;
    /*flex-direction: row-reverse;*/
    width:100%;
}

.flower-wall-art h2 {
    color: #000000;
    z-index:1;
    position:relative;
}

.flower-wall-art h2 span {
    color: #919191;
}

.flower-wall-art .content .img-container {
    flex: 0 0 50%;
    display:flex;
    justify-content: flex-end;
    z-index:-1;
    position: relative;
}

.flower-wall-art .content .text {
    flex: 0 0 50%;
    padding-left:15px;
}

.flower-wall-art .content .text .text-inner {
    max-width: 770px;
    margin: 0 auto;
    padding-left:15px;
    padding-right:15px;
}

.flower-wall-art .content .text .text-inner div {
    max-width:550px;
    padding-top:75px;
}

.flower-wall-art .content .text .text-inner .buy-container {
    margin-left:0;
}

@media(max-width:767px) {

    .flower-wall-art {
        margin-bottom:5rem;
    }


    .flower-wall-art .content {
        /*flex-direction: column;*/
        flex-wrap: wrap;
        /*padding-left: 15px;*/
        /*padding-right: 15px;*/
    }

    .flower-wall-art .content .img-container {
        flex: 0 0 100%;
        padding: 0 15px;
    }

    .flower-wall-art .content .text {
        flex: 0 0 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .flower-wall-art .content .text .text-inner {
        margin: 0 auto;
        text-align:center;
        padding-left: 0;
        padding-right: 0;
    }
    .flower-wall-art .content .text .text-inner div {
        padding-top: 20px;
        margin: 0 auto;
    }

    .flower-wall-art .content .text .text-inner .buy-container {
        margin-left: auto;
        padding-top: 2rem;
    }

    .flower-wall-art .content .text .text-inner .buy-container .buy {
        margin: 0 auto;
    }

}