/*
Theme Name: Select Connect Ultimate - ECommerce Style
Description: Wordpress Theme Developed for Grabers Furniture. This theme is designed for use with Select Connect by WebsiteNEO
Author: WebsiteNEO
Author URI: https://websiteneo.com
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
/*-------------------Overall Site Styling----------------------------------*/
.popup img {
    max-width: 150px;
    margin: auto;
    display: block;
    padding-bottom: 5px;
}
 
.popup {
    text-align: justify!important;
    padding: 10px 20px;
}
 
.popup p {
    font-size: 14px;
    line-height: 1.3em;
}

p{
  font-family: 'Montserrat', sans-serif;
  text-align: justify;
}
h1, h2, h3, h4, h5, h6, li, a{
  font-family: 'Ubuntu', sans-serif;
}
.page-header-title{
  display: none;
}
main#main {
    margin-bottom: -10px;
}
#main #content-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
}
main#main {
    background-color: #FFFFFF;
}
#footer #nav_menu-4 li, #footer #nav_menu-3 li{
  border:none;
  text-transform: uppercase;
  padding:0;
}
.content-area, .content-left-sidebar .content-area {
    margin-bottom: 0!important;
}
#swipebox-bottom-bar, #swipebox-top-bar {
    background: #623701;
}
.nf-form-wrap input[type="text"], .nf-form-wrap input[type="email"], .nf-form-wrap input[type="tel"], .nf-form-wrap textarea{
  background-color: #FFFFFF!important;
}
*:focus {
    outline: none;
}
/*----------------------Select Connect Product and Gallery Customization-----*/
.wneo-clear {
  margin-bottom: 5% !important;
}

.wneof-category-heading{
  font-size: 2em;
  text-align: center;
  /*padding-top: 2em!important;*/
  margin-bottom: 50px !important;
  padding-bottom: 2em;
  padding-top: 1em;
}
/*.wneof-category-heading:first-of-type{
  padding-top: 11em !important;
}*/
.wneof-product-row {
    margin-bottom: 5% !important;
}
.productTitle {
    text-align: center;
    color: #8c8c8c;
}
body #wneof-product-form-close {
    width: 30px !important;
    height: 30px !important;
  top: 15px !important;
  right: 15px !important;
    font-size: 20px !important;
    color: #fff;
}
body #wneof-product-form-close svg {
  width: 30px;
  height: 30px;
  stroke: #fff;
}
body .wneof-product-form form {
  display: grid;
}
body .wneof-product-form label {
  line-height: 1.5em;
  color: #fff;
}
body .wneof-product-form input {
  padding: 1%;
  margin-bottom: 15px;
  width: 94%;
  color:#FFFFFF!important;
}
body .wneof-product-form textarea {
  padding: 1%;
  width: 97%;
  margin-bottom: 15px;
  color:#FFFFFF!important;
}
body .wneof-product-form {
    background: #000000!important;
    position: fixed;
    box-shadow: 0px 1px 50px 5px rgba(0,0,0,.4);
}
body .wneof-product-form-title {
  display: none;
}
body .wneof-field-container {
  width: 100%;
}
body #form_success_message {
  text-align: center;
    font-size: 1.5em;
    padding: 2em;
    border: 1px solid #000;
    background-color: #e5e6e7;
}
#wneof_form_button_container {
    display: none;
    position: fixed;
    width: 300px;
    top: 75%;
    z-index: 999999;
    left: 50%;
    margin-left: -150px;
}
.wneof-product-4 {
    text-align: center;
    width:100%;
}
.wneof-field-container .wneof-submit {
    color: #333333!important;
}
.wneof-field-container .wneof-submit:hover{
  color:#FFFFFF!important;
}
.wneof-product {
    background-color: #FFFFFF;
}
.boxShadow {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
}
/*.searchBoxWrapper{
  width:100%;
  text-align: center;
  display: none;
}
.searchBox {
    background-color: #FFFFFF;
    padding: 1em;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);
    box-shadow: 0 8px 6px -6px 0 8px 6px -6px rgba(0, 0, 0, 0.6);
    margin: 0 auto;
    margin-top: 2em;
}
.wneo-search-box input {
    height: 2.25em;
    padding: 1em;
}*/
.noSliderSpacer{
  padding-top:21em;
  background-image: url(assets/images/dark-quarter-sawn-white-oak-background.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.wneof-category-heading{
  text-transform: uppercase;
}
input[type="button"], input[type="reset"], input[type="submit"], button[type="submit"], .button{
  margin:0 auto!important;
}
.wneof-product-form p, .wneof-product-form a {
    color: #c3c3c3;
}
.wneof-product-form a:hover{
  color:#FFFFFF;
}
.wneof-field-container.gre-notice {
    padding-top: 2.5em;
}
/*-------------------SelectConnect Search Styling--------------------------*/
#wneo_result_box {
    position: unset;
}
#wneo_search_results_container {
    position: absolute;
    top: 247px;
    padding: 42px 10px 10px;
    background: #fff;
    border: 1px solid #ccc;
    max-height: unset;
    width: 100%;
    overflow-y: auto;
    z-index: 8;
    left: 0;
}
#wneo_search_close_icon {
    top: 270px;
    right: 31px;
}
/*Shipping banner Styling*/
.shippingBannerWrapper {
    padding: 1em;
    border-top: 1px solid #cccccc;
    color: #6d6d6d;
}
.shippingBannerWrapper p {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}
/*--- Main Button Hover Effects ---*/
/* Effect 20: 3D side */
.mainButtonEffect a {
  line-height: 2em;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  perspective: 800px;
  color: #CACACA;
  /* padding: 1em; */
  letter-spacing: 3px;
  /* width: 200px; */
}

.mainButtonEffect a span {
  position: relative;
  display: inline-block;
  padding: 1em;
  background: #000000;
  /* box-shadow: inset 0 3px #b99c7e; */
  -webkit-transition: background 0.6s;
  -moz-transition: background 0.6s;
  transition: background 0.6s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  padding-left: 2em;
  padding-right: 2em;
  width: 300px;
  margin-top: 2em;
}

.mainButtonEffect a span::before {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #000000;
  content: attr(data-hover);
  -webkit-transform: rotateX(270deg);
  -moz-transform: rotateX(270deg);
  transform: rotateX(270deg);
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  pointer-events: none;
  padding-top: 1em;
}

.mainButtonEffect a:hover span,
.mainButtonEffect a:focus span {
  background: #2f4351;
}

.mainButtonEffect a:hover span::before,
.mainButtonEffect a:focus span::before {
  -webkit-transform: rotateX(10deg);  
  -moz-transform: rotateX(10deg);
  transform: rotateX(10deg);
}
/*-------------------Header Styling----------------------------------------*/
.headerWrapper {
    position: absolute;
    width: 100%;
    background-color: rgba(219, 214, 211, 0.75);
    z-index: 999;
}
.middleHeaderWrapper, .lowerHeaderWrapper {
    display: none;
}
/*-------------------Mobile Menu Styling-----------------------------------*/
.mobileButtonWrapper{
  box-shadow: 4px 0px 10px 3px rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.14);
}
.mobileButton {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.mobileButton>div {
    width: 33.3%;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
    position: relative;
}
.mobileButton>div:last-child{
  border-right:none;
}
.mobileButtonWrapper {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    background-color: #ffffff;
}
.mobileButton a {
    font-size: 1.25em;
}
.mobileFurnitureMenuWrapper, .mobileMenuWrapper{
  display: none;
  position: fixed;
  bottom: 90px;
  background-color: #ffffff;
  width: 100%;
  z-index: 9999;
}
.mobileFurnitureMenu ul, .mobileMenu ul {
    list-style: none;
    margin: 0;
    box-shadow: 4px 0px 10px 3px rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.14);
}
.mobileFurnitureMenu li, .mobileMenu li {
    padding: .35em!important;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.2em;
    border-bottom: 1px solid #F5F5F5;
}
.furnitureMenuButton a {
    background-image: url(assets/images/furniture-icon-small.png);
    background-size: cover;
    position: absolute;
    height: 45px;
    width: 45px;
    top: -8px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.furnitureMenuButton a:hover{
  opacity: 0.85;
}
.searchButton a{
    background-image: url(assets/images/search-icon-small.png);
    background-size: cover;
    position: absolute;
    height: 45px;
    width: 45px;
     top: -8px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.searchButton a:hover{
  opacity: 0.85;
}
.close{
  display: none;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: #333333;
}
.mainMenuWrapper.mobileMenu {
    bottom: 90px;
}
.mainMenuWrapper.mobileMenu a, .furnitureMenuWrapper.mobileMenu a {
    color: #623701;
}
.furnitureMenuWrapper.mobileMenu li:last-child{
    display: none;
}
.mobileStaticHeaderWrapper {
    position: fixed;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 999;
}
.mobileStaticHeader{
  display:inline-flex;
  width: 100%;
}
.mobileStaticHeader>div>div{
  padding: 0 1em 0 1em;
}
.mobileStaticSocialWrapper{
  width: 60%;
}
.mobileStaticContactWrapper{
  width: 40%;
}
.mobileStaticHeader li{
  display: inline-flex;
  flex-grow:1;
}
.mobileContactLink{
  display: inline-block;
  width: 50%;
  text-align: right;
  padding: 0 5px 0 5px;
}
.mobileContactLink:after{
  display: inline-block;
  font-family: "FontAwesome";
  font-weight: 900;
  /* padding-right: 10px; */
  font-size: 2.5em;
}
#mobileContactLocation:after{
   content: '\f041';
}
#mobileContactCall:after{
   content: '\f095';
}
.mobileStaticSocialWrapper .fa-2x{
  font-size: 2.5em;
  padding: 0 5px 0 5px;
}
.mobileHeaderLogoWrapper{
  display: block;
  text-align: center;
  padding-top: 5em;
}
.mobileHeaderLogo img {
    max-width: 300px;
    padding: 1em;
}
.mobileSearchWrapper {
    display: none;
    position: absolute;
    top: 56px;
    width: 100%;
    text-align: -webkit-center;
    background-color: #FFFFFF;
    padding: 1em;
    padding-top: 2em;
}
.mobileSearch input {
    width: 250px;
    padding: .5em;
}
.mobileSearchWrapper #wneo_search_results_container {
    top: 75px;
}
.mobileSearchWrapper #wneo_search_close_icon {
    top: 90px;
}
/*-------------------Desktop Menu Styling----------------------------------*/
.headerWrapper li {
    list-style: none;
    margin:0;
    padding:0;
}
.staticHeaderWrapper {
    position: fixed;
    width: 100%;
    background-color: #694a2b;
    padding: 1em;
    text-transform: uppercase;
    display: none;
    z-index: 999;
    height: 68px;
}
.staticHeader>div {
    display: inline-flex;
}
.staticHeaderWrapper a {
    color: #c1c4c7;
    font-size: .85em;
}
.staticHeaderWrapper a:hover{
  color:#FFFFFF;
}
.rightMiddleHeaderWrapper{
  display: none;
}
.middleHeaderWrapper {
    padding-top: 5.5em;
}
.middleSocial li{
  display: inline-block;
  padding-left: 1em;
}
.staticLogoSlideWrapper{
  -webkit-transition: .25s ease-in;
  -moz-transition: .25s ease-in;
  -o-transition: .25s ease-in;
  transition: .25s ease-in;
 margin-left:-200px;
}
.staticLogoSlideWrapper.logoShow{
  -webkit-transition: .25s ease-in;
  -moz-transition: .25s ease-in;
  -o-transition: .25s ease-in;
  transition: .25s ease-in;
  margin-left:20px;
}
.logo {
    /* padding: 1.5em; */
    padding-left: 1em;
    /* padding-bottom: 1em; */
}
#headerCall:before{
  display: inline-block;
  font-family: "FontAwesome";
  font-weight: 900;
  content: '\f095';
  padding-right:5px;
}
#headerMap:before{
  display: inline-block;
  font-family: "FontAwesome";
  font-weight: 900;
  content: '\f041';
  padding-right:5px;
}
.staticPhoneWrapper {
    width: 25%;
    padding-left: 10px;
    margin-left: 200px;
    -webkit-transition: .25s ease-in;
  -moz-transition: .25s ease-in;
  -o-transition: .25s ease-in;
  transition: .25s ease-in;
}
.staticPhoneWrapper.logoShow {
    margin-left: 0;
    -webkit-transition: .25s ease-in;
    -moz-transition: .25s ease-in;
    -o-transition: .25s ease-in;
    transition: .25s ease-in;
}
.staticSocialWrapper.socialHide{
  -webkit-transition: .25s ease-in;
  -moz-transition: .25s ease-in;
  -o-transition: .25s ease-in;
  transition: .25s ease-in;
}
.staticAddressWrapper.noSocial {
    width: 60%;
    -webkit-transition: .25s ease-in;
    -moz-transition: .25s ease-in;
    -o-transition: .25s ease-in;
    transition: .25s ease-in;
}
.staticAddress {
    margin-left: auto;
    margin-right: 0;
}
.staticAddressWrapper.noSocial.socialShow {
    width: 50%;
    -webkit-transition: .25s ease-in;
    -moz-transition: .25s ease-in;
    -o-transition: .25s ease-in;
    transition: .25s ease-in;
}
.staticSocialWrapper.socialHide.socialShow {
  width:15%;
    -webkit-transition: .25s ease-in;
    -moz-transition: .25s ease-in;
    -o-transition: .25s ease-in;
    transition: .25s ease-in;
}
.staticSocialWrapper.socialHide .staticSocial{
  position: absolute;
  top:0;
  right:-200px;
  -webkit-transition: .25s ease-in;
  -moz-transition: .25s ease-in;
  -o-transition: .25s ease-in;
  transition: .25s ease-in;
  transition:right .25s linear;
}
.staticSocialWrapper.socialHide.socialShow .staticSocial{
  right:10px;
  -webkit-transition: .25s ease-in;
  -moz-transition: .25s ease-in;
  -o-transition: .25s ease-in;
  transition: .25s ease-in;
  transition:right .25s linear;
}
.staticSocial li {
    display: inline-block;
    padding-left:10px;
}
.staticSocial {
    margin-left: auto;
    margin-right: 10px;
}
.staticLogoSlideWrapper>.staticLogoSlide {
    max-width: 100px;
    top: 6px;
}
.middleHeader {
    display: flex;
    flex-direction: row;
}
.leftMiddleHeaderWrapper{
  /* width:25%; */
}
.rightMiddleHeaderWrapper{
  width:75%;
  padding:1.5em;
  margin-left: auto;
}
.rightMiddleHeaderWrapper a {
    font-weight: 900;
    color: #2f1808;
}
.rightMiddleHeaderWrapper a:hover{
  color:#000000;
}
.rightMiddleHeader {
    display: flex;
    flex-direction: column;
}
.mainMenu li {
    display: inline-block;
    text-transform: uppercase;
    padding-left: .5em;
}
.rightMiddleLowerHeaderWrapper {
    text-align: center;
}
.rightMiddleUpperHeader {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.middleSocialWrapper {
    text-align: right;
    padding-right: 2em;
    /* width: 30%; */
    /* vertical-align: top; */
    /* float: right; */
    /* margin-left: auto; */
}
.middleSocialWrapper ul{
  padding:0;
  margin:0;
}
.mainMenuWrapper {
    text-align: right;
}
.searchBoxWrapper.mobileMenu {
    /* width: 70%; */
    /* text-align: right; */
    margin-left: auto;
}
.furnitureMenuWrapper ul {
    margin: 0;
    padding: 0;
}
.furnitureMenuWrapper li {
    display: inline-block;
    text-transform: uppercase;
    padding-left: 1%;
    padding-right: 1%;
    font-size: 1em;
    border-left: 1px solid #bdbdbd;
}
.furnitureMenuWrapper li:first-child{
  border-left:none;
}
.furnitureMenuWrapper {
    text-align: right;
}
.furnitureSlideDownMenuWrapper{
  position: fixed;
  z-index: 998;
  top: 0px;
  background-color: #FFFFFF;
  padding-top: .55em;
  padding-bottom: .55em;
  width: 100%;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
  box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
  -webkit-transition: .5s ease-in;
  -moz-transition: .5s ease-in;
  -o-transition: .5s ease-in;
  transition: .5s ease-in;
}
.furnitureSlideDownMenuWrapper .furnitureMenuWrapper {
    text-align: center;
}
.furnitureSlideDownMenuWrapper .furnitureMenuWrapper li {
    padding-left: 2%;
    padding-right:2%
}
/*-------------------Swiper Styling----------------------------------------*/
.fullSizeATFContentWrapper {
    height: 100vh;
    position: relative;
    z-index: -1;
}
.fullSizeATFContent {
    height: 100vh;
    position: relative;
    z-index: 998;
    width: 100%;
}
.swiper-container {
    height: 100vh;
}
.swiperOverlay {
    width: 100%;
    height: 100vh;
    text-align: center;
}
.fullSizeATFContentWrapper, .fullSizeATFContent, .swiper-container, .swiperOverlay{
  min-height:700px;
}
.swiperContentWrapper {
    position: absolute;
    width: 100%;
    bottom: -20px;
    /* padding-bottom: 3em; */
}
.innerSwiperContentWrapper {
    background-color: rgba(219, 214, 211, 0.75);
    /* padding: 3em; */
    /* border: 1px solid #623701; */
}
.swiperContent {
    /* padding:3em; */
}
.SlideHeadlineWrapper h2 {
    font-size: 1.75em;
    padding: .5em;
    margin: 0;
    color: #2f1708;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: right;
    /* padding-bottom: 3em; */
}
.slideCaptionWrapper p {
    text-transform: uppercase;
    color: #623701;
}
/*-------------------Home Page Styling-------------------------------------*/
.styledHeadline h1, .styledHeadline h2{
  font-weight: 100;
}
.onPageFurnitureRow{
  padding:20px;
}
.onPageFurnitureRow:last-child{
  margin-top:-2em;
}
.mainFurnitureBoxWrapper.onPage {
    padding-bottom: 60%;
}
.mainFurnitureBox>div>div>div {
    min-height: 650px;
    position: relative;
}
.mainFurnitureHeadline {
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.mainFurnitureHeadline h2 {
    background-color: rgba(255, 255, 255, 0.81);
    padding: 2em;
    position: absolute;
    /* top: 0; */
    width: 100%;
    /* border: 1px solid; */
}
.mainFurnitureText {
    color: #930416;
    background-color: rgba(255, 255, 255, 0.65);
    padding: .5em;
    text-align: center;
    border: 1px solid;
    position: absolute;
    bottom: 0;
    height: 88px;
    border-top: 2px solid;
    width: 100%;
}
.mainFurnitureTextWrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40%;
}
.mainFurnitureLink {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 200px;
    background-color: #FFFFFF;
    padding: 1em;
    border: 2px solid;
    position: relative;
    overflow: hidden;
    z-index: 2;
    margin-top:1em;
}
.mainFurnitureLink.bottomLinks{
  position: absolute;
  bottom:10px;
  left:0;
  right:0;
}
.outerFurnitureLinkBoxWrapper{
  padding-bottom:10px;
}
.mainFurnitureHeadline {
    top: 20%;
    position: absolute;
    width: 100%;
    text-align: center;
}
.reviewButtonWrapper{
  padding-bottom:4em;
}
.celebrateOuterWrapper{
  padding:2em;
  padding-top:4em;
  padding-bottom:4em;
}
.celebrateTextWrapper{
  background-color: #FFFFFF61;
}
/*-------------------Custom Page Styling-----------------------------------*/
.mainFurnitureBox.customPage {;
    background-color: transparent;
}
.bottomLinks:hover .mainFurnitureBox.customPage{
  background-color:#000000b5;
}
.mainFurnitureBox.customPage span {
    padding: 1em;
}
/*-------------------About Page Styling------------------------------------*/
.aboutHeader{
  height:100vh;
  min-height:700px;
}
.aboutHeader h1 {
  color:#FFFFFF;
  font-size: 2.5em;
  padding:3em;
    padding-top: 14em;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1)!important;
}
.aboutMattress{
  min-height:350px;
  padding:5em;
}
.aboutOverlay {
    max-width: 1200px;
    background-color: rgba(255, 255, 255, 0.45);
    padding: 3em;
    margin: 0 auto;
    color: #694a2b;
}
/*-------------------Furniture Page Styling--------------------------------*/
/*-------------------Category Pages Styling--------------------------------*/
/*--- Breadcrumbs Styling ---*/
p.sc-breadcrumbs.breadcrumbs {
    position: absolute;
    top: 100px;
    display: block;
    text-transform: uppercase;
    color: #CACACA;
    letter-spacing: 1px;
    font-size: .9em;
}
p.sc-breadcrumbs.breadcrumbs a {
    color: #676767;
}
.sc-breadcrumbs span.breadcrumb_last {
    color: #000;
    font-weight: 900;
}
.categoryLinkWrapper{
  padding-top:4em;
}
.decoration {
    display: none;
}
/*-------------------Furniture Customization Block-------------------------*/
.furnitureCustomizationBlockWrapper {
    text-align: center;
}
.furnitureCustomizationBlock {
    padding: 1em;
    padding-top:9em;
}
.leftFurnitureCustomizationBlockWrapper {
  width:100%;
    text-align: center;
    padding: 1em;
}
.rightFurnitureCustomizationBlockWrapper {
  width:100%;
    padding: 1em;
    color: #CACACA;
}
.rightFurnitureCustomizationBlockWrapper h3 {
    color: #CACACA;
    text-transform: uppercase;
    text-align: center;
    font-size: 2em;
}
span.customContact {
    color: #CACACA;
    text-transform: uppercase;
    font-size: 1.5em;
    border: 1px solid;
    padding: 10px 40px 10px 40px;
    /* margin-top: 2em; */
    display: block;
    max-width: 350px;
    margin: 0 auto;
    margin-top: 3em;
    -webkit-transition: .25s ease-in;
    -moz-transition: .25s ease-in;
    -o-transition: .25s ease-in;
    transition: .25s ease-in;
}
span.customContact:hover{
  color:#FFFFFF;
  letter-spacing: 2px;
  -webkit-transition: .25s ease-in;
    -moz-transition: .25s ease-in;
    -o-transition: .25s ease-in;
    transition: .25s ease-in;
}
/*------------------*/
/*  SKEW CLOCKWISE  */
/*------------------*/
.skew-cc{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
}
/*-------------------------*/
/* SKEW COUNTER CLOCKWISE  */
/*-------------------------*/
.skew-c{
  width:100%;
  height:113px;
  position:absolute;
  left:0px;
}
/************Furniture Options Block Styling***************/
.furnitureOptionsOuterWrapper h2 {
    padding: 1.25em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #694a2b;
    font-size: 2.2em;
    margin:0;
}
.furnitureOptionsOuterWrapper {
    position: relative;
    /* cursor: pointer; */
    margin-top:-8px;
}
.furnitureOptionsOuterGrid{
    display:flex;
    flex-direction: column;
    cursor: pointer;
}
.furnitureOptionsInnerWrapper{
    padding-bottom: 45%;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.furnitureOptionsDetailWrapper{
    display: none;
}
.furnitureOptionsInner{
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
}
.furnitureOptionsLink{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}
.optionsTextWrapper {
    padding: 2.5em;
    text-align: center;
    color: #FFFFFF;
    padding-top: 15%;
}
.optionsTextWrapper p {
    text-align: center;
}
.optionsHeadline>h2 {
    color: #ffffff;
    font-size: 1.6em;
    margin-top:0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.optionsSubHead {
    font-size: .9em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.furnitureOptionsInnerWrapper{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.furnitureOptionsLink{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.furnitureOptionsInnerWrapper:hover .furnitureOptionsLink{
    background-color: #333333c2!important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.furnitureOptionsInnerWrapper:hover .optionsSubHead{
    margin-top:12em;
    color:transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.furnitureOptionsInnerWrapper:hover .optionsHeadline>h2, {
    margin-top:-2em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.furnitureOptionsDetail p {
    font-size: 30px;
}
.openButton .optionsHeadline>h2{
    margin-top:-2em;
}
.openButton .optionsSubHead{
    margin-top:12em;
    opacity:0;
}
.openButton, .openButton:hover {
    background-color: #311717bf!important;
}
.optionFlex{
  width:100%;
  flex-shrink: 0;
  height:100px;
}
.optionFlex:nth-of-type(1) { order: 1; }
.optionFlex:nth-of-type(2) { order: 2; }
.optionFlex:nth-of-type(3) { order: 3; }
.optionFlex:nth-of-type(4) { order: 4; }
.optionFlex:nth-of-type(5) { order: 5; }
.optionFlex:nth-of-type(6) { order: 6; }
.furnitureOptionsDetail>figure {
    display: inline-block!important;
    width: 48%!important;
    padding: 1%;
    min-height: 200px;
    vertical-align: top;
}
.furnitureOptionsDetailWrapper{
    height: auto;
    background-color: #FFFFFF;
    padding: 2em;
    text-align: center;
    cursor: default;
}
/*-------------------Furniture Options Accordion---------------------------*/
.furnitureOptionContentWrapper {
    height: auto;
    background-color: #FFFFFF;
    padding: 2em;
    text-align: center;
}
.furnitureOptionContent>figure {
    display: inline-block!important;
    width: 48%!important;
    padding: 1%;
    min-height: 200px;
    vertical-align: top;
}
/*-------------------Contact Block styling---------------------------------*/
.contactCTAWrapper {
    text-align: center;
    padding: 2em;
    padding-bottom: 4em;
}
.contactCTAImage {
    max-width: 450px;
    margin: 0 auto;
}
.contactCTAWrapper h2 {
    font-size: 1.5em;
    padding: 1em;
    letter-spacing: 2px;
}
.contactCTABody a {
    font-size: 2em;
    letter-spacing: 3px;
}
.contactCTAWrapper p {
    text-align: center;
}
/*-------------------Bottom Product Page Links-----------------------------*/
.mainFurnitureBoxWrapper {
  padding-bottom: 75%;
  position: relative;
  -webkit-transition: all 2.3s;
  -moz-transition: all 2.3s;
  -o-transition: all 2.3s;
  transition: all 2.3s;
}
.bottomLinks {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-bottom: -8px;
  width: 100%;
}
.bottomLinks.onPage{
  width:100%;
}
.bottomLinks:hover .mainFurnitureBoxWrapper{
  transform: scale(1.2);
  overflow: hidden;
  -webkit-transition: all 2.3s;
  -moz-transition: all 2.3s;
  -o-transition: all 2.3s;
  transition: all 2.3s;
}
.mainFurnitureBox {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #00000075;
  -webkit-transition: all .75s;
  -moz-transition: all .75s;
  -o-transition: all .75s;
  transition: all .75s;
}
.bottomLinks:hover .mainFurnitureBox{
  background-color:#000000b5;
  -webkit-transition: all .75s;
  -moz-transition: all .75s;
  -o-transition: all 75s;
  transition: all .75s;
}
.mainFurnitureBoxHeadlineWrapper {
    padding-top: 20%;
    text-align: center;
}
.mainFurnitureBoxHeadlineWrapper h2 {
    color: #CACACA;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 2em;
    font-weight: 100;
    -webkit-transition: all 2.3s;
    -moz-transition: all 2.3s;
    -o-transition: all 2.3s;
    transition: all 2.3s;
}
.bottomLinks:hover .mainFurnitureBoxHeadlineWrapper h2{
    letter-spacing: 6px;
    color:#FFFFFF;
    -webkit-transition: all 2.3s;
    -moz-transition: all 2.3s;
    -o-transition: all 2.3s;
    transition: all 2.3s;
}
.mainFurnitureBoxLinksHoverText {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 1.5em;
    opacity: 0;
    padding-top: 15%;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -o-transition: all 0.75s;
    transition: all 0.75s;
}
.bottomLinks:hover .mainFurnitureBoxLinksHoverText{
  opacity:1.0;
  padding-top:0;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s;
}
.pageBottomWrapper {
    text-align: center;
    background-color: black;
    padding: 2em;
}

.pageBottomWrapper h2 {
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 100;
    padding: 0;
    margin: 0;
}
.googleReviewsBlockWrapper{
  max-width:1400px;
  margin:0 auto;
  padding:4em;
  text-align: center;
}
.googleReviewsBlockWrapper h2 {
    font-size: 2.25em;
    text-align: center;
    padding: 1em;
    color: #636363;
}
.googleReviewButton {
    font-size: 1.5em;
    margin: 0 auto;
    padding: 0.5em;
    border: 1px solid;
    display: block;
    max-width: 350px;
    color:#000000;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    transition: .5s ease-in;
}
.googleReviewButton:hover {
  color:#FFFFFF;
  background-color: #000000;
  -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    transition: .5s ease-in;
}
/*-------------------Contact Page Styling----------------------------------*/
.contactRow ul{
  list-style: none;
}
.contactRow li{
  list-style: none;
}
/*-------------------Footer Styling----------------------------------------*/
#footer{
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  padding-bottom:3em;
  /* background-color: #e6d6a5; */
}
.widget-title {
    border: none!important;
}
.footerCopyrightWrapper {
    padding: 3em;
    padding-bottom: 11em;
    font-size: .75em;
    text-align: center;
    text-transform: uppercase;
    line-height: 1em;
    /* background-color: #623701; */
    color: #333333;
}
.footerCopyrightWrapper a {
    color: #333333;
}
.footerCopyrightWrapper a:hover {
    color: #000000;
}
.selectConnectPower {
    padding-top: 1em;
}
#footer-widgets .footer-box .widget-title {
    color: #333333;
    font-size: 1.25em;
    margin-left: -1em;
}
table.hours td{
  padding:0;
}
#footer .searchButton{
  display: none;
}
.footer-widgets-inner{
  padding-top:3em;
}
/*-------------------Responsive Styling Queries----------------------------*/
@media all and (min-width:31.25em){
  .outerPageLinkWrapper{
    width: 50%;
  }
  .wneof-product-form {
    width: 95%;
    left: 2.5;
    top: 5%;
  }
  .wneof-product-4 {
    width:49%;
  }
  .wneo-search-box input {
    width: 400px;
    padding: .6em;
    /* border-radius: 10px; */
    /* margin-left: 5px; */
    padding-left: 13px;
    border: 1px solid #cacaca;
  }
  .contactBlockWrapper a{
    font-size: 1.5em;
  }
}
@media all and (min-width:40em){
  .outerPageLinkWrapper{
      width: 25%;
  }
  .wneof-product-form {
      width: 95%;
  }
  .openFurniture:hover .sub-menu{
    display: block;
  }
  .mainFurnitureText {
      height: 300px;
  }
  .mainFurnitureTextWrapper p {
      display: block;
  }
  span.furnitureLinkSpanText {
      font-size: 1.1em;
  }
  .bottomLinks{
    width: 33.3%;
  }
  .mainFurnitureBoxHeadlineWrapper h2 {
      font-size: 1.25em;
  }
}
@media all and (min-width:50em){
  .wneof-product-4 {
    
      width:24%;
  }
  .logo {
    max-width: 250px;
    padding-top: 2em;
  }
  .furnitureCustomizationBlock {
      display: inline-flex;
      padding: 3em;
      max-width: 1500px;
      margin: 0 auto;
      padding-top:9em;
  }
  .leftFurnitureCustomizationBlockWrapper, .rightFurnitureCustomizationBlockWrapper{
    width:50%;
  }
}
@media all and (min-width:54em){
  .furnitureOptionsOuterGrid{
        flex-direction: row;
        flex-wrap: wrap;
      }
      .furnitureOptionsInnerWrapper{
        padding-bottom: 20%;
      }
    .optionFlex:nth-of-type(1) { 
        order: 1; 
        width:33.3%;
      }
      .optionFlex:nth-of-type(2) { 
        order: 4; 
        width:100%;
      }
      .optionFlex:nth-of-type(3) {
        order: 2;
        width:33.3%;
      }
      .optionFlex:nth-of-type(4) { 
        order: 5;
        width:100%;
      }
      .optionFlex:nth-of-type(5) { 
        order: 3;
        width:33.3%;
      }
      .optionFlex:nth-of-type(6) { 
        order: 6;
        width:100%;
      }
  .addressWidget{
    display: block;
  }
  .middleButton{
    border-left:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
  }
  /*.logo {
    max-width: 550px;
  }*/
  .mobileButtonWrapper, .mobileStaticHeaderWrapper {
      display: none;
  }
  .rightMiddleHeaderWrapper{
    display: block;
  }
  .menu-item-has-children:hover .sub-menu{
    display: block;
  }
  .staticHeaderWrapper{
    display: block;
  }
  .mobileHeaderLogoWrapper{
    display: none;
  }
  .middleHeaderWrapper, .lowerHeaderWrapper {
    display: block;
  }
  .footerCopyrightWrapper {
      padding-bottom: 3em;
  }
  .furnitureSlideDownMenuWrapper.stickyMenu{
    top: 68px;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    transition: .5s ease-in;
  }
  .mobileSearchWrapper {
    display: block;
    background: transparent;
    text-align: right;
    right: 105px;
    top: 66px;
  }
  #wneo_result_box {
    width: 100%;
  }
  #wneo_search_results_container {
    right: 0;
    left: 105px;
  }
  .searchBoxWrapper.mobileMenu{
    visibility: hidden;
  }
  .logoWrapper {
      padding-top: .25em;
  }
  .logo {
    width:90%;
    max-width: 350px;
    padding-top: 0px;
  }
  .footerCopyrightWrapper {
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      padding-bottom:3em;
  }
  .footerCopyrightWrapper>div {
      padding: 1em;
      /* width: 50%; */
  }
  .footerCopyright {
      text-align: left;
      width: 70%;
  }
  .selectConnectPower {
      text-align: right;
      margin-right: 9em;
      width: 20%;
  }
  .mainFurnitureBoxHeadlineWrapper h2 {
      font-size: 1.5em;
  }
}
@media all and (min-width:60em){
  .mainMenu li{
    padding-left: 2%;
    padding-right: 2%;
  }
  .outerPageLinkWrapper{
      width: 25%;
  }
  .desktopHeaderWrapper .mainMenu li {
      padding-left: 4%;
      padding-right: 4%;
  }
  .desktopMenuWrapper li{
    padding-left:1%;
    padding-right: 1%;
  }
  .fixedHeaderWrapper li {
    font-size: 1em;
  }
  .fixedHeader li:first-child, .fixedHeader li:last-child{
    font-size: 1.15em;
  }
  .logo {
    max-width: 450px;
    padding-top: 2em;
  }
}
@media all and (min-width:75em){
  .bottomLinks{
    width:25%;
  }
  .bottomLinks:nth-child(n+5){
    width:20%;
  }
  .mainFurnitureBoxHeadlineWrapper h2 {
      font-size: 2em;
  }
  .desktopMenuWrapper li{
    padding-left:2%;
    padding-right: 2%;
    font-size:1em;
  }
  span.furnitureLinkOverlay {
      padding: 3em;
  }
   span.furnitureLinkSpanText {
      font-size: 1.5em;
  }
  .furnitureLinkText{
    padding: 1.5em;
    font-size: 1.25em;
  }
}