/*CSS Test*/


#timber-csstest-theme .wide .norm,
#timber-csstest-theme .ovrd {
    background-color: blue;
    color: white;
}

.page-admin div#main-wrapper {
/*Disabled because it's goofing up the view-orders page*/
/*    width: 1280px;*/
    margin-right: auto;
    margin-left: auto;
}

.page-user .tabs {
    left: 0px;
    width: 500px;
}

.data.timber-list-price .uc-price {
    color: #b13305;
    font-size: 20px !important;
}

.timber-savings .title,
.timber-savings .uc-price {
    color: #594576;
    font-size: 20px !important;
}

.timber-discounts .data {
    display: none;
}

div#block-timber-timber-product-alerts .discount {
    font-size: 18px;
    color: #d85e05;
    position: relative;
}


/* base styles */

div#top-bar-wrapper {
    background: white;
}

body {
    font-size: 18px;
}


/* layout */

#page {
    width: 100%;
}


/* alert block */


/* Top Bar Menu */

#block-menu-menu-top-bar-menu-new-site .content li a {
    font: normal normal 400 16px/20px Gibson;
}


/* header */

div#block-block-30 {
    font-size: 45px;
}

div#block-menu_block-5 {
    position: relative;
}


/* Main-Content */

.tabs {
    position: relative;
}

div#block-solr_search_block-solr_search {
    padding: 15px;
    position: relative;
}

div#block-block-24 {
    position: relative;
    order: 4;
    flex-basis: 80%;
    background: rgb(88, 129, 38, .5);
    transform: skew(20deg);
    right: 62px;
}

div#block-block-24 .content {
    position: relative;
    color: white;
    font-variant: small-caps;
    font-size: 24px;
    transform: skew(350deg, 360deg);
}

div#block-views-homepage_categories-block_1 {
    position: relative;
    top: 25px;
    order: 2;
    flex-basis: 70%;
    margin-left: 20px;
}


/* Slider */

#hero_text {
    font-size: 40px;
}


/* Center the Site Wide Banner */

div#block-views-alert_banner-block_1 {
    text-align: center;
}


/* Hide the mobile menu button for now */

#mobile-menu-button-wrapper {
    display: none;
}


/* Hide Main Navigation Menu Header */

div#block-menu_block-5 h2 {
    display: none;
}


/* Main Navigation Css
   Flex on the top ul*/

.menu-block-5 ul {
    display: flex;
    position: absolute;
    z-index: 999;
    background: rgb(89, 69, 118, .6);
    width: 100%;
}


/* center and move li's */

.menu-block-5 .top-navigation {
    flex-basis: 10%;
    text-align: center;
    position: relative;
}


/* Display none on submenus */

.menu-block-5 .sub-menu {
    display: none;
    flex-wrap: wrap;
}


/* Align the submenus under Main Navigation */

.bottom-navigation {
    flex-basis: 100%;
    text-align: center;
}


/* Main Navigation Hover effects to show submenus */

.menu-mlid-15128 .sub-menu,
.menu-mlid-15129 .sub-menu,
.menu-mlid-15130 .sub-menu,
.menu-mlid-15131 .sub-menu,
.menu-mlid-15132 .sub-menu,
.menu-mlid-15133 .sub-menu,
.menu-mlid-15134 .sub-menu,
.menu-mlid-15135 .sub-menu {
    display: none;
    position: relative;
    top: 23px;
}

.menu-mlid-15128:hover .sub-menu,
.menu-mlid-15129:hover .sub-menu,
.menu-mlid-15130:hover .sub-menu,
.menu-mlid-15131:hover .sub-menu,
.menu-mlid-15132:hover .sub-menu,
.menu-mlid-15133:hover .sub-menu,
.menu-mlid-15134:hover .sub-menu,
.menu-mlid-15135:hover .sub-menu {
    display: flex;
    color: var(--main-action-red);
}

.bottom-navigation {
    border-bottom: 1px solid white !important;
}

.bottom-navigation:hover {
    background: rgb(89, 69, 118, .4) !important;
}

.bottom-navigation a {
    position: relative;
    top: 12px;
}

header ul.menu li,
header ul.links li,
.region-footer ul.menu li,
.region-footer ul.links li,
nav ul.links li {
    display: block;
    float: left;
    list-style: none;
    margin-bottom: unset;
    padding: unset;
}

#block-menu_block-5 .top-navigation a {
    position: relative;
    top: 13px;
    color: white;
}

#block-menu_block-5 .top-navigation:hover {
    background: #594576;
}


/* Footer */


/* footer nav menu in a row and ordering elements */

div#block-menu_block-6 {
    order: 1;
    flex-basis: 100%;
    position: relative;
}

div#block-menu_block-6 a {
    color: white;
}

div#block-block-23 ul {
    list-style: none;
}

div#block-menu_block-6 li {
    display: inline;
    margin-right: 10px;
}


/* Center footer menu on page */

div#block-menu_block-6 ul {
    text-align: center;
}


/* Footer Menu Hover CSS */

#block-menu_block-6 a:hover {
    color: var(--main-action-red);
}

#block-block-23 a:hover {
    color: var(--main-action-red);
}

#hero_cart_button a:hover {
    text-decoration: underline;
}


/* Taxonomy Page Layout */

.node-type-product .tabs {
    position: relative;
    left: 0;
}

.page-taxonomy #main-wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.page-taxonomy #main {
    display: flex;
    flex-wrap: wrap;
}

.page-taxonomy #content-top-wrapper {
    flex-basis: 100%;
    order: 1;
}

.page-taxonomy .page-taxonomy div#block-timber-timber-breadcrumb {
    position: relative;
    left: unset;
}

.page-taxonomy #content-area-wrapper {
    width: unset;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    order: 3;
}

.page-taxonomy #content-bottom-wrapper {
    height: auto;
    position: relative;
    order: 2;
    flex-basis: 17%;
}


/* content to the right */

.page-taxonomy div#block-block-25 {
    display: none;
}


/* breadcrumb position */

.page-taxonomy div#block-timber-timber-breadcrumb {
    position: relative;
}

.page-taxonomy section#section-content-wrapper {
    background: white;
}


/* Adjust position of sidebar */

.page-taxonomy div#content-bottom {
    display: unset !important;
}

.page-taxonomy div#block-block-8 {
    width: 30%;
    order: 1;
}

.page-taxonomy div#content-area {
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

div#block-menu-menu-primary-links-new-site {
    display: flex;
    flex-wrap: wrap;
    align-self: flex-end;
}

#block-views-homepage_categories-block_1 .views-row {
    height: 100%;
    width: 30%;
}

.page-taxonomy #content-content .view-taxonomy-term {
    order: 3;
    flex-basis: 72%;
}

.page-cart #uc-cart-view-form {
    margin: 0 10%;
    max-width: 1100px;
}

.node-type-product .attributes .attribute-17 {
    margin-top: 0;
}
