
.navUser-action {
    height: 20px;
    margin: 15px 5px;
    padding: 0;
}

.navUser .navUser-action span {
    font-weight: 700;
    margin-right: 15px;
}

.navUser-section {
    margin-top: auto;
}

.form-field {
    padding-right: 0.5rem;
}

.td-brand-logo.flex-grow-1 {
    height: 100%;
    align-self: center;
}

.nav-left {
    display: flex;
    align-items: center;
}

.nav-right {
    display: flex;
    flex-direction: column;
}

.social-links {
    margin: 15px 5px;
}

.fixed {
    position: fixed !important;
    background: #fff;
    z-index: 11 !important;
    top: -1px !important;
}

.sticky-details-wrapper {
    display: grid;
    display: -moz-grid;
    display: -ms-grid;
    grid-template-columns: 1fr 420px;
}

.nav-left {
    align-self: flex-start;
}

.nav-right {
    align-self: flex-end;
}

@media (min-width: 768px) {
    .navFloat {
        background-color: #9ab310;
    }
    .navUser-section .navUser-item {
        float: right;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .navUser .navUser-action {
        border-right: 1px solid #000;
        color: #000;
        text-transform: unset;
        font-weight: unset;
        font-size: 13px;
    }

    .navUser .navUser-action .navUser-action-divider {
        color: #000;
    }

    .form-prefixPostfix .button {
        margin: 0;
    }

    .form-prefixPostfix .form-input {
        margin: 0;
        height: auto;
    }

    .border-right-0 {
        border-right: 0 !important;
    }

    .border-left-0 {
        border-left: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1260px) {
    .navUser .navUser-action {
        font-size: 13px;
    }

    .form-prefixPostfix .button {
        width: 40%;
    }

    .form-prefixPostfix .form-input {
        width: 60%;
    }

    .navFloat {
        display: inline-block;
    }

        .navFloat .nav-left {
            float: left;
        }

        .navFloat .nav-right {
            float: right;
        }
    
    .sticky-details-wrapper {
        display: grid;
        display: -moz-grid;
        display: -ms-grid;
        grid-template-columns: 1fr 380px;
    }
}

@media (min-width: 1261px) {
    .navFloat {
        display: flex;
        justify-content: space-between;
    }
    .navUser-section--alt {
        display: flex;
        flex-direction: row-reverse;
    }
}

@media screen and (max-width: 767px) {
    nav.navUser {
        display: none;
    }

        nav.navUser.container {
            display: none;
        }

    .mobileMenu-toggle {
        right: 0;
        left: auto;
        top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navUser .navUser-action .navUser-action-divider {
        margin-right: 0;
    }

    .navUser-action--storeCredit {
        margin-left: 10px !important;
    }
}

@media screen and (min-width: 768px) {
    .navUser {
        padding: 0 !important;
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        z-index: 50;
    }

    .navPages-container {
        background: transparent;
        display: block !important;
        height: auto;
        padding: 0;
        position: relative;
    }

    .mobileMenu-toggle {
        display: none;
    }

    .navUser-item {
        display: block;
    }

    .tablet-only {
        margin: 0;
        padding: 0;
        height: 0;
    }
}

@media screen and (max-width:767px) {
    .mobile-header-container {
        display: grid;
        grid-template-columns: 1fr 50px 50px;
        grid-template-areas: "logo cart hamburger";
    }

    #cart {
        grid-area: cart;
        visibility: visible;
        padding-top: 10px;
    }

    .tablet-only {
        grid-area: logo;
    }

    .mobileMenu-toggle {
        grid-area: hamburger;
    }
}


#facebook {
    width: 100%;
    background: url('https://web.archive.org/web/20250317153515im_/https://static.verticom.com.au/timber-direct/img/TD_csssprite_new.webp') 401px 91px;
    background-size: 280px;
    max-width: 28px;
    height: 28px;
}
#instagram {
    width: 100%;
    background: url('https://web.archive.org/web/20250317153515im_/https://static.verticom.com.au/timber-direct/img/TD_csssprite_new.webp') 377px 91px;
    background-size: 280px;
    max-width: 28px;
    height: 28px;
}

.clickable-email-nav, .clickable-phone-nav {
    text-decoration: none;
    color: #000;
}

.clickable-email-nav:hover, .clickable-phone-nav:hover {
    color: #fff !important;
}
/*
     FILE ARCHIVED ON 15:35:15 Mar 17, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:31:14 Jul 30, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.771
  exclusion.robots: 0.031
  exclusion.robots.policy: 0.015
  esindex: 0.017
  cdx.remote: 145.422
  LoadShardBlock: 120.983 (3)
  PetaboxLoader3.datanode: 89.815 (4)
  PetaboxLoader3.resolve: 111.938 (2)
  load_resource: 92.11
*/