/* NORMALIZE CSS */ *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-margin-before:0em;-webkit-margin-after:0em;-webkit-margin-start:0px;-webkit-margin-end:0px;-webkit-padding-start:0px}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:10px 0}h2,h3,h4,h5,h6{margin:0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden;display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto;max-width:100%}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}ul{padding:0;margin:0} /* FONTS */ @font-face{font-family:'flexslider-icon';src:url('../fonts/flexslider-icon.eot');src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),url('../fonts/flexslider-icon.woff') format('woff'),url('../fonts/flexslider-icon.ttf') format('truetype'),url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');font-weight:normal;font-style:normal} @font-face{font-family:'archer';src:url('../fonts/ArcherSSm-Book_Web.woff2') format('woff2'),url('../fonts/ArcherSSm-Book_Web.woff') format('woff');font-weight:500;font-style:normal} @font-face{font-family:'archerlight';src:url('../fonts/ArcherSSm-Light_Web.woff2') format('woff2'),url('../fonts/ArcherSSm-Light_Web.woff') format('woff');font-weight:500;font-style:normal} @font-face{font-family:'archerlightitalic';src:url('../fonts/ArcherSSm-LightItalic_Web.woff2') format('woff2'),url('../fonts/ArcherSSm-LightItalic_Web.woff') format('woff');font-weight:500;font-style:normal} @font-face{font-family:'archermedium';src:url('../fonts/ArcherSSm-Medium_Web.woff2') format('woff2'),url('../fonts/ArcherSSm-Medium_Web.woff') format('woff');font-weight:500;font-style:normal} @font-face{font-family:'archerbold';src:url('../fonts/ArcherSSm-Bold_Web.woff2') format('woff2'),url('../fonts/ArcherSSm-Bold_Web.woff') format('woff');font-weight:500;font-style:normal} @font-face{font-family:'archeritalic';src:url('../fonts/ArcherSSm-MediumItalic_Web.woff2') format('woff2'),url('../fonts/ArcherSSm-MediumItalic_Web.woff') format('woff');font-weight:500;font-style:normal} @font-face{font-family:'archerbook';src:url('../fonts/ArcherSSm-Book_Web.woff2') format('woff2'),url('../fonts/ArcherSSm-Book_Web.woff') format('woff');font-weight:500;font-style:normal} /*was only being used for Influencers impact overlay on line 9732: @font-face{font-family:'archersemibold';src:url('../fonts/ArcherSSm-Semibold_Web.woff2') format('woff2'),url('../fonts/ArcherSSm-Semibold_Web.woff') format('woff');font-weight:500;font-style:normal}*/ @font-face {font-family: 'Sailec-Regular';src: url('../fonts/3B03D2_A_0.eot');src: url('../fonts/3B03D2_A_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3B03D2_A_0.woff2') format('woff2'),url('../fonts/3B03D2_A_0.woff') format('woff'),url('../fonts/3B03D2_A_0.ttf') format('truetype');} /* was only used on financing page table headings, line 9326 @font-face {font-family: 'Sailec-Black';src: url('../fonts/3B03D2_5_0.eot');src: url('../fonts/3B03D2_5_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3B03D2_5_0.woff2') format('woff2'),url('../fonts/3B03D2_5_0.woff') format('woff'),url('../fonts/3B03D2_5_0.ttf') format('truetype');}*/ @font-face {font-family: 'Sailec-Medium';src: url('../fonts/3B03D2_8_0.eot');src: url('../fonts/3B03D2_8_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3B03D2_8_0.woff2') format('woff2'),url('../fonts/3B03D2_8_0.woff') format('woff'),url('../fonts/3B03D2_8_0.ttf') format('truetype');} /*@font-face {font-family: 'Sailec-Bold';src: url('../fonts/3B03D2_0_0.eot');src: url('../fonts/3B03D2_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3B03D2_0_0.woff2') format('woff2'),url('../fonts/3B03D2_0_0.woff') format('woff'),url('../fonts/3B03D2_0_0.ttf') format('truetype');}*/ @font-face {font-family: 'Sailec-MediumItalic';src: url('../fonts/3B03D2_9_0.eot');src: url('../fonts/3B03D2_9_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3B03D2_9_0.woff2') format('woff2'),url('../fonts/3B03D2_9_0.woff') format('woff'),url('../fonts/3B03D2_9_0.ttf') format('truetype');} @font-face {font-family: 'Sailec-Light';src: url('../fonts/3B03D2_6_0.eot');src: url('../fonts/3B03D2_6_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3B03D2_6_0.woff2') format('woff2'),url('../fonts/3B03D2_6_0.woff') format('woff'),url('../fonts/3B03D2_6_0.ttf') format('truetype');} /* BEGIN: WYSIWYG FONTS */ .locator-bold{ font-family:'Sailec-Medium'; background-color: #fff;} .locator-regular{ font-family:'Sailec-Regular'; } .locator-light{ font-family:'Sailec-Light'; font-weight:normal; } .alternate-gotnold{ font-family:'Sailec-Medium'; } .alternate-gotnold-regular{ font-family:'Sailec-Medium'; } .museo-700{ font-family:'archerbold'; font-weight: normal; } .museo-300{ font-family:'archer'; font-weight: normal; } /* END: WYSIWYG FONTS */ /* GRID */ .col1 { width: 4.33333%; float: left; margin-right: 1% } .col2 { width: 16.666%; float: left } .col3 { width: 24.25%; float: left; margin-right: 1% } .col3:nth-child(4n) { margin-right: 0 } .col4 { width: 32%; float: left; margin-right: 2% } .col4:nth-child(3n) { margin-right: 0 } .col4.colWhite { background-color: #fff; border: 1px solid #d2d2d2; margin-bottom: 2% } .col5 { width: 40%; float: left; margin-right: 0 } .col6 { width: 49%; float: left; margin-right: 2% !important } .col6:nth-child(2n) { margin-right: 0 !important } .col6.colWhite { background-color: #fff; border: 1px solid #d2d2d2 } .col7 { width: 58%; float: left; margin-right: 2% } .col8 { width: 64.66%; float: left; margin-right: 2% !important } .col9 { width: 74.25%; float: left } .col12 { width: 100% } .flexVertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} /* GLOBAL ELEMENTS */ .promo-box .col6 { border-right: none !important; max-height: 55px; } .promo-box .deletebutton { margin: 0; } .promo-box .col6 strong, .promo-box .col6 { color: #C0392B; font-size:inherit; } .mob-only { display: none !important; } .bfsTablet { display: none !important; } .full-only { display: block !important; } #screenreaderNav { position: absolute; top: 0; z-index: 9999; left: auto; } #screenreaderNav a { padding: 10px; position: absolute; left: -100000px; background-color: #333; color: #fff; } #screenreaderNav a:focus { position: absolute; left: 0; top: 0; z-index: 9999; } @media screen and (max-width: 960px) { #screenreaderNav { display: none; } } .customLanding .button.full-only { display: inline-block !important; } html, body { /*background: url(../images/backgroundTexture.JPG) repeat;*/ /* color: #333333; overflow-x: hidden; */ } body { background: #ffffff; } body:not(.zoomView) { overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; } h1 { font-family: 'Sailec-Medium'; font-size: 1.75em; color: #333333; font-weight: normal; } h2 { font-family: 'Sailec-Light'; font-size: 1.3em; color: #474747; font-weight: normal; } h3 { font-family: 'Sailec-Light'; font-size: 1.25em; color: #333333; font-weight: normal; } h4 { font-family: arial,sans-serif; font-weight: bold; font-size: 1.15em; color: #333333; } h5 { font-family: 'Sailec-Light'; font-size: 1em; color: #474747; font-weight: normal; } h6 { font-family: arial,sans-serif; font-size: 1em; color: #333333; } p { line-height: 1.5em; color: #333333; margin-bottom: 15px; } a { color: #333333; /*background:initial;*/ cursor: pointer; } label { cursor: pointer; } ul { list-style: none; } body > ul { z-index: 11 !important; } img { border: none; height: auto; max-width: 100%; } .accordionContent img.hgtvIcons { display: block; width: 50%; min-width: 200px; margin: 20px 0; } iframe { max-width: 100%; } .quantity.error, .pricing #buyonline .error, .pricing #findstore .error { font-family: 'Sailec-Medium',sans-serif; } .mobileShow { display: none; } .hidden { display: none !important; } .clear { clear: both; } .fullClear { display: block; clear: both; } .tabClear { display: none; clear: none; } .error, .error * { color: #c0392b !important; font-size:inherit; } .group:after { content: ""; display: table; clear: both; } .mainPush { max-width: 1920px; margin: 20px auto 0; } /* .mainPush > .innerWrapper { padding-top: 15px; } */ .menuOpen { overflow: hidden; height: 100%; } .innerWrapper { max-width: 1180px; width: 100%; margin: 0 auto; z-index: 0; } .innerWrapper.wide { max-width: 1500px; } .innerWrapper .listingTitle span.colName { background-color: #fff; } .innerWrapper .listingTitle span.prodName { background-color: #fff; } .mainContent a { text-decoration: underline; font-family: arial; } /*.mainContent img { margin: 0px 20px 10px 0; }*/ img.align-left, .align-left { float: left; margin: 0 20px 20px 0; } img.align-right, .align-right { float: right; margin: 0 0 20px 20px; } .mainContent hr { width: 90%; margin: 20px 5%; color: #d2d2d2; display: inline-block; } .mainContent ol { line-height: 1.5em; } .mainContent ul { list-style: circle; margin: 0 0 0 35px; line-height: 1.5em; color: #333333; margin-bottom: 15px; } .spin { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); top: 10px !important; } .flip { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .close:not(.unstyled):before { font-family: 'Font Awesome 5 Pro'; content: "\f068" !important; margin: 0 15px; font-weight: 300; } .collapse:after, .accountBtn.collapse:after { font-family: 'Font Awesome 5 Pro'; content: "\f077" !important; margin: 0px; font-weight: 300; } .leftNav .collapse:after { display: none; } .left .hgtvLogo { display:none; } .hgtvLogo { top: 10px; left: 10px; width: auto; z-index: 2; } @media screen and (max-width:720px) { .hgtvLogo { display:none; } .left .hgtvLogo { display:block; width:45px!important; position: absolute; top: 0px; right: 0px; left: auto; } /*.prodDetail.innerWrapper.group .hgtvLogo { margin-top:-55px; }*/ .left .hgtvLogo img { margin:0; } #productTopContainer .lineOne, #productTopContainer .lineTwo, #productDetailContainer .spcMess {display: block; width:70%;} } .mainProductImage .hgtvLogo img { max-width: 40px; height: auto !important; } .hgtvBlue { color: #333333 !important; font-size:inherit; } .noScroll { position: absolute; width: 100%; } .pageHeading { width: 100%; padding: 0px; border-bottom: 1px solid #d2d2d2; margin-bottom: 20px; } .pageHeading h1 { margin-top: 0; background-color: #fff;} .largeHeadline { font-size: 3.125em; font-family: 'archer'; text-align: center; margin: 10px; line-height: 130%; background-color: #fff; } .largeHeadline span { font-size: 3vw; } .boldHeadline { font-family: arial; font-size: 1.8em; color: #333333; font-weight: normal; text-transform: uppercase; font-weight: bold; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 6px; float: left; } input[name="hp_field"] { display: none; } .button { display: inline-block; padding: 18px 20px; border: 1px solid #333333; background: #fff; color: #333333; cursor: pointer; text-decoration: none !important; } .button-shadow { display: inline-block; padding: 18px 40px; background: #fff; color: #333333; cursor: pointer; -webkit-box-shadow: 0px 0px 10px 4px rgba(50,50,50,0.75); box-shadow: 0px 0px 10px 4px rgba(50,50,50,0.75); text-decoration: none !important; } .button-shadow:hover { background: #333333; color: #f0f0f0; } .button-shadow:after { font-family: 'Font Awesome 5 Pro'; content: "\f054" !important; padding-left: 15px; font-weight: 300;} .button2 { min-height: 40px; margin-left: -5px; text-decoration: none !important; } .buttonDark { display: inline-block; padding: 18px 20px; border: none; background: #333333; color: #f0f0f0; cursor: pointer; text-decoration: none !important; } .button:hover { background: #333333; color: #f0f0f0; } .buttonDark:hover { background: #757578; color: #FFFFFF !important; } .button:not(.noArrow):after, .buttonDark:not(.noArrow):after { font-family: 'Font Awesome 5 Pro'; content: "\f054" !important; padding-left: 15px; font-weight: 300;} .button.cancel:after, .buttonDark.cancel:after { content: "\f00d" !important; } .buttonMedium, .deletebutton { display: inline-block; padding: 15px 20px; background: #333333; color: #fff; text-align: center; font-size: 1em; border: 0; text-transform: capitalize; margin: 20px 0px; text-decoration: none !important; } .checkout_section .buttonMedium {display: block; margin: 5px 0px 14px 0px; width: 236px } .buttonMedium a { color: #fff; text-transform: capitalize; text-decoration: none; } .buttonMedium:hover { cursor: pointer; background: #333333; color: #ffffff; } .buttonLight { display: inline-block; padding: 15px 20px; background: #ffffff; color: #333333; text-align: center; font-size: 1em; text-decoration: none !important; } .buttonLight:hover, .buttonLight:hover a { cursor: pointer; background: #767676 /*#7e7e81*/; color: #fff; text-decoration: none; } .noArrow:after { content: "" !important; } .cartBtn { display: inline-block; padding: 15px 25px; text-transform: uppercase; font-family: arial,sans-serif; font-weight: bold; color: #fff; background: #01856d; border: 0; border-radius: 0 !important; } .cartBtn2 { display: inline-block; padding: 15px 25px; font-family: arial,sans-serif; color: #fff; background: #01856d; } .cartBtn:hover, .cartBtn2:hover { background: #7e7e81; cursor: pointer; } .zoomBtn { display: inline-block; background: #fff; padding: 12px 12px 12px 18px; color: #333333; position: absolute; top: 20px; right: 20px; font-size: 1.25em; } .zoomBtn:hover { background: #f0f0f0; cursor: pointer; } .videoContainer { position: relative; width: 100%; padding-bottom: 51.25%; height: 0; overflow: hidden; text-align: center; } .homeContentMiddle .featured .videoContainer { position: relative; width: 100%; padding-bottom: 65.5%; height: 0; overflow: hidden; text-align: center; } .respFrameContainer { position: relative; padding-bottom: 51.25%; height: 0; overflow: hidden; } .respFrameContainer.quarter { padding-bottom: 26.25%; } .respFrameContainer.eighth { padding-bottom: 13.25%; } .respFrameContainer.couponAspectRatio { padding-bottom: 80.5%; } .videoContainer iframe, .videoContainer object, .videoContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .respFrameContainer iframe, .respFrameContainer object, .respFrameContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .microdFrameContainer { overflow: auto; -webkit-overflow-scrolling: touch; } .microdFrameContainer iframe, .microdFrameContainer object, .microdFrameContainer embed { width: 100%; } .videoWrapper { position: relative; width: 100%; max-width: 600px; max-height: 400px; overflow: hidden; } .videoWrapper img { width: 100%; } .videoWrapper span { padding: 40px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 40px; height: 40px; margin: auto; background: #00BCE4; border-radius: 50%; border: 3px solid #fff; color: inherit; } .videoWrapper .play { font-size: 2.5em; padding: 1px 10px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 40px; height: 40px; margin: auto; color: #fff; } #jsnoticeWrap { margin: 20px auto 0; min-width: 271px; width: 33%; } #jsnoticeWrap #javascriptNotice { background-color: #F6F4EF; border: 1px solid #ff0000; font-size: 1.2em; text-align: center; padding: 0px 5px 0px 5px; } #jsnoticeWrap #javascriptNotice a { color: #ff0000; } #jsnoticeWrap #cookieNotice { background-color: #F6F4EF; border: 1px solid #ff0000; font-size: 1.2em; text-align: center; padding: 0px 5px 0px 5px; } #jsnoticeWrap #cookieNotice a { color: #ff0000; } input:not([type='checkbox']), textarea { -webkit-border-radius: 0; } .deliveryFee { display: inline-block; margin-left: 20px; } .options select { font-size: .8em; } iframe[name='google_conversion_frame'] { display: none; } img.babyColImg { margin: 0; width: 100%; } .cribSafety li { margin: 20px; } #rbWhichForm1, #rbWhichForm2, #customer-survey input[type=radio] { -webkit-appearance: radio; } ul#customer-survey { list-style: none; margin-left: 0; } ul#customer-survey li:after { content: ''; display: table; clear: both; } ul#customer-survey li .col3:nth-child(3n+1) { margin-right: 1%; } ul#customer-survey li input { margin-top: 5px; } ul#customer-survey li label { line-height: 1.5; } .rightColSurvey { background: #fff; padding: 20px; border: #d2d2d2 1px solid; } #copyToClipboardBtn { text-align: center; } a.copyToClipboardBtn span { color: #FFF; font-size:inherit; } .sharing ol { margin-left: 30px; } .googlePlusBtn span, .yelpBtn span { width: 100%; } .surveyBox { border: 1px #d2d2d2 solid; padding: 10px; } textarea#tbComments { width: 100%; max-width: 420px; min-height: 150px; } #livechat-compact-container { z-index: 20 !important; } #snapins_invite { position: fixed !important; } .italic { font-style: italic; } .mobile-only { display: none; } .desktop-only { display: block; } fieldset.markupOnly { border: none; padding: 0; margin: 0; min-width: 0; position: relative; } /* BREADCRUMBS */ .breadcrumbBar { font-size: .75rem; margin-bottom: 10px; letter-spacing: .8px; line-height: 1rem; color: #333; } .breadcrumbBar a { font-family: 'Sailec-Regular'; } .breadcrumbBar .ancestor, .breadcrumbBar .spacer { color: #4E4E4E; padding: 0 2px; } .breadcrumbBar span:last-of-type {color: #000; font-family: 'Sailec-Regular'; padding-left: 2px; } /* New Breadcrumbs */ #newBreadcrumbs { width: 100%; clear: both; text-align: center; margin: 15px 0 5px 0; } #newBreadcrumbs .breadcrumbBar > span { float: left; font-family: 'Sailec-Regular', sans-serif; font-size: .75rem; padding: 5px 0; margin-bottom: 0; } #newBreadcrumbs .breadcrumbBar > span:after { content:"/"; padding: 0 8px; } #newBreadcrumbs .breadcrumbBar > span:last-child:after { content:""; } #newBreadcrumbs .breadcrumbBar a:hover, #newBreadcrumbs .breadcrumbBar a:focus { text-decoration: underline; } .landingImpact.flexslider { clear: both; } /* fixes breadcrumb issue when there is a flexsliderimpact */ .mainPush > .innerWrapper { clear: both; } /* fixes breadcrumb issue for mobile left nav */ #newBreadcrumbs + .innerWrapper { padding-top: 0; } #newBreadcrumbs:after { clear: both; content: ""; display: block; } @media screen and (max-width: 1200px) { #newBreadcrumbs { padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 961px) { .mainPush > #newBreadcrumbs { margin-top: 0; } /* remove top margin on breadcrumbs when there is already a mainpush margin */ } /* FOCUS STYLES */ button:focus, a:focus { outline: 2px solid #959495; outline-offset: 2px; } input:focus, select:focus, textarea:focus { outline: 2px solid #474747; outline-offset: 2px; } .header-banner a:focus { outline: 2px solid #ffffff; } .newNav .customMMIcon > .subMenu a:focus { outline: 2px solid #ffffff; } .tradeLanding .tradeHero input:focus, .tradeLanding .tradeHero a:focus { outline: 2px solid #ffffff; } .categoryCarousel a:focus { outline: 2px solid #ffffff; background-color: #474747; outline-offset: 0; padding: 2px; } /*404 PAGE */ .page-nav { margin-bottom: 50px; display: inline-block; width: 100%; } .page-nav h2 { border-bottom: 1px solid #d2d2d2; padding-bottom: 7px; margin-bottom: 40px; } .page-nav .nav-item { width: 13%; margin-right: 1.5%; text-align: center; display:inline-block;} .page-nav .nav-item:last-child { margin-right: 0; } .page-nav .nav-item a { text-decoration: none; } .page-nav .nav-item a:hover { text-decoration: underline; } .page-nav .nav-item span { font-size: .875rem; } .page-nav .nav-row { float: left; width: 100%; margin-bottom: 50px; text-align: center;} .notFoundTitle h1 { text-align: center; font-family: Sailec-Regular; font-size: 2.75rem; } .notFoundTitle h3 { text-align: center; font-size: 1.55rem; } .searchWrap { text-align: center; margin:30px 70px;} .try-again { position: relative; display: inline-block; width: 100%; background: #F0F0F0; border: 1px solid #d2d2d2; padding: 10px 0;} .try-again .searchTextBoxField{ width: 90%; line-height: 2.5rem; border: 0 !important; margin: 0 !important; padding: 0 !important;} .try-again .searchButton{ margin-right: 30px; padding-top: 10px;} .try-again .searchField { padding-left: 45px !important; background: #f0f0f0; } .try-again .searchField::-webkit-input-placeholder { color: #7e7e81; font-family: 'Sailec-Light'; font-size: 1.25rem; } .try-again .searchField:-moz-placeholder { color: #7e7e81; font-family: 'Sailec-Light'; font-size: 1.25rem; opacity: 1; } .try-again .searchField::-moz-placeholder { color: #7e7e81; font-family: 'Sailec-Light'; font-size: 1.25rem; opacity: 1; } .try-again .searchField:-ms-input-placeholder { color: #7e7e81; font-family: 'Sailec-Light'; font-size: 1.25rem; } .try-again .searchField::-ms-input-placeholder { color: #7e7e81; font-family: 'Sailec-Light'; font-size: 1.25rem; } .try-again .searchIcon { position: absolute; left: 0; top: 5px; height: 50px; width: 50px; } .try-again .searchIcon:after { content: '\f002'; color: #333333; font-size: 1.5rem; font-family: 'Font Awesome 5 Pro'; position: relative; top: 11px; left: 0; font-weight: 300;} .try-again .searchIcon input { text-indent: -10rem; background: none; border: none; cursor: pointer; position: absolute; left: 0; top: 0; height: 50px; width: 50px; z-index: 99;} @media screen and (max-width: 960px) { .page-nav .nav-item { width: 23%; margin-bottom: 30px; } .page-nav .nav-item:nth-child(4n) { margin-right: 0; } .searchWrap{ margin: 30px 0; } .try-again .searchTextBoxField{ width: 60%; } } @media screen and (max-width:720px) { fieldset.markupOnly { border: none; padding: 0; margin: 0; min-inline-size:-webkit-fill-available; min-width:0;} } @media screen and (max-width: 500px) { .page-nav .nav-item { width: 40%; } .page-nav .nav-item:nth-child(2n) { margin-right: 0; } .notFoundTitle h1 { font-size: 2rem; } .notFoundTitle h3 { font-size: 1.125rem; } .try-again input { line-height: 2rem; } .try-again .searchIcon input { height: 44px; width: 44px; } .try-again .searchIcon:after { top: 9px; } } /* BEGIN GLOBAL HEADER */ header { width: 100%; background: #fff; border-bottom: 1px #D2D2D2 solid; position: relative; z-index: 10; } .changeStore { font-size: .8em; } .fa-car { margin-right: 5px; } .fa-map-marker { margin: 0 3px 0 3px; } .fa-comment { margin-right: 5px; color: #f6b100; } .fa-shopping-cart { margin-right: 5px; color: #333333; } .accountBtn { position: relative; padding: 10px !important; } .accountBtn p, .accountBtn span { margin: 0; padding: 0px 2px; letter-spacing: 0.05rem; } .accountBtn .toggleMenu, .accountBtn i.fa { cursor: pointer; } .myAccountBox { display: none; position: absolute; padding: 20px 10px 10px 10px; margin-top: 10px; text-align: right; width: 250px; background-color: #f0f0f0; right: 0px; z-index: 100; } .myAccountBox li { display: block !important; padding: 5px !important; } .myAccountBox li a { color: #333333; text-decoration: none; font-weight: normal; /*text-transform: uppercase; font-family: arial;*/ } .myAccountBox li a:hover { text-decoration: underline; } .aacountBtn ul.myAccountBox { display: none !important; } .darken ul.myAccountBox { display: block !important; } .logo { margin-top: 13px; margin-left: 5px; margin-right: 10px; float: left; } .logo img { max-width: 170px; } .navDivide { border-bottom: 1px solid #d2d2d2; display: inline-block; width: 100%; } .search { position: relative; float: right; color: #333333; /* margin: 13px 0 13px 10px; height: 30px;*/ width: 100%; } .searchBox { font-size: .9em; font-family: arial; display: none; position: absolute; height: 36px; background: #f0f0f0; padding-left: 10px; border: 0; /*outline: 0;*/ z-index: 0; max-width: 298px; width: 105%; top: 2px; padding-right: 50px; } .searchBox::-ms-clear { display: none; } .flash10Message { color: #c0392b; font-size:inherit; } /*.buttons ul li a { width: 100%; padding: 16px 5px !important; text-align: center; background: white; display: block; border: 1px #333333 solid; margin-bottom: 20px; }*/ .buttons ul li a { width: 100%; padding: 12px 5px !important; text-align: center; background: white; display: block; border: 1px #d2d2d2 solid; margin-bottom: 20px; border-radius: 3px;} .buttons ul li:hover { background: #333333 !important; } .buttons ul li:hover a { background: #333333 !important; } .buttons i { margin-left: 15px; font-size: 1.1em; vertical-align: middle; } .museo { font-family: 'archer'; } .locBold { font-family: 'Sailec-Medium'; } .locReg { font-family: 'Sailec-Regular'; } .locLight { font-family: 'Sailec-Light'; } .baskItalic { font-family: 'archer'; font-style: italic; } a.changeStore { text-decoration: underline; } .header-banner { text-align: center; color:#FFF; min-height: 44px; } .header-banner .header-slider.flexslider { margin-bottom: 0; } .header-banner .sale-bg {/* background: #333333; */padding: 13px 10px 13px 10px; } .header-banner a { color: #FFF; text-decoration: none; letter-spacing: 1px!important; } .header-banner .baskItalic { font-size:.9rem; } .preImpactBanner span, .header-banner a, .header-banner span, .header-banner .locBold, header-banner .locBold a, .header-banner .locReg, .header-banner .locReg a {font-size:.92rem !important; letter-spacing: 1px!important; } /* HIDE INTERACTIVE ELEMENTS IN THE HEADER THAT ARE NOT VISIBLE */ a.header-slider>div>ul>li>div>a, input#hdrShowMobMenu, input#hdrShowSearch, button.livingMMIcon>button, button.diningMMIcon>button, button.bedroomMMIcon>button, button.customMMIcon>button, button.rugsMMIcon>button, button.beddingMMIcon>button, button.decorMMIcon>button, button.outdoorMMIcon>button, button.saleMMIcon>button, button#cphHeaderRibbon_ResponsiveHeader_HeaderStoreAssignment_pnlStoreOption>span>span>button {display: none; } button.myAccount>span>button, button.inspiration-menu>span>button, button.story-menu>span>button, .accToggle, .resHeader { display: none; } @media screen and (min-width: 960px) { input#cphHeaderRibbon_ResponsiveHeader_HeaderSearchBar_tbSearchBox, input#tbSearchBox { display: none; } /* 11/5/21 ZAM - toggleMenu TO BUTTON */ .resHeader .topNav button.accToggle { float: right; position: relative; display: inline !important; top: 0; bottom: auto; left: auto; right: 0; margin-right: -15px; } .resHeader .topNav button.accToggle:focus { float: none; } .resHeader .topNav button.accToggle:focus .mobOnly { display: block !important; } } /* END GLOBAL HEADER */ /* BEGIN BACK TO TOP BUTTON */ .bttBtn { opacity: 0.8; background: #f0f0f0; padding: 10px; color: #333333; } .backToTop { opacity: 0.8; background: #f0f0f0; padding: 10px; color: #333333; } #topLink { display: none; position: fixed; bottom: 100px; right: 0; z-index: 20; } #topLink em { -webkit-box-shadow: -2px 2px 5px #d2d2d2; box-shadow: -2px 2px 5px #d2d2d2; } /* END BACK TO TOP BUTTON*/ /* BEGIN LEFT COLUMN/NAVIGATION */ .leftColumn { padding-right: 30px; } .leftNav { width: 100%; background: #f0f0f0; } .leftNav span { font-family: 'Sailec-Medium'; display: block; width: 100%; padding: 15px; background: #fff; color: #333333; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; text-transform: uppercase; } .leftNav ul { list-style: none; margin: 0px; } .leftNav ul li { display: block; text-align: left; padding: 15px 10px 15px 15px; border-bottom: 1px solid #d2d2d2; padding: 0; } .leftNav ul li:hover { background: #333333; } .leftNav ul li:hover a { color: #f0f0f0; } .leftNav ul li:last-child { border-bottom: none; } .leftNav ul li a { text-decoration: none; color: #333333; font-size: .8em; display: block; padding: 15px 10px 15px 15px; } .leftColumn .leftAd { width: 100%; text-align: center; } .leftColumn .catalogReq a { margin: 20px 0; width: 100%; text-align: center; border-color: #d2d2d2; font-family: 'Sailec-Regular' !important; } .leftColumn .catalogReq img { width: 70%; margin: 0 15%; } .leftColumn .catalogReq span { font-family: 'Sailec-Medium'; display: block; width: 100%; text-align: center; color: #333333; } .leftNav ul li.active { background: #707070; } .leftNav ul li.active > a { color: #ffffff; } .subNav { padding-bottom: 0px !important; } .subNav:hover + a { color: #f0f0f0 !important; } .subNav ul { background: #d2d2d2; } .subNav ul li { padding-left: 15px !important; border-bottom: 1px solid #f0f0f0; } .subNav:hover ul li a { color: #333333 !important; } .subNav ul li:hover a { color: #f0f0f0 !important; } .subNav ul li.active a { color: #f0f0f0 !important; } /* END LEFT COLUMN/NAVIGATION */ /* BEGIN REQUEST A CATALOG */ .catalogHeader, .catalogInfo { margin: 25px 0 10px; font-weight: 600; } .catalogImage { width: 150px; margin: 0; float: left; } #contactForm .col8 .col8 { width: 100%; } #reqCatForm .col12 { display: inline-block; } #reqCatForm .col12:nth-child(2n) { margin-top: -50px; } @media screen and (min-width: 880px) and (max-width: 990px) { #reqCatForm .col12:nth-child(2n) { margin-top: -20px; } } @media screen and (max-width: 879px) { #reqCatForm .col12:nth-child(2n) { margin-top: initial; } } @media screen and (max-width: 728px) { #contactForm .col8 { width: 63.66%; float: left; } #contactForm .col8 .col8 { width: 100%; } } @media screen and (max-width: 728px) { #reqCatForm { margin-top: 30px; } } @media screen and (max-width: 497px) { .catalogImage { width: 33%; } } /* END REQUEST A CATALOG */ /* BEGIN USA/INTERNATIONAL SELECTION POPUP */ .origin-select { max-width: 280px; margin: 0 auto; } .origin-select .origin-block { float: left; margin: 0 3% 10px 0; width: 45%; cursor: pointer; } .origin-select .origin-block a { text-decoration: none; } .origin-select .origin-block img { width: 70px; height: 70px; } .origin-select .origin-block span { width: 100%; display: block; font-family: 'Sailec-Medium'; } .origin-select .origin-block:hover span { text-decoration: underline; } .origin-select-wrap { width: 100%; display: inline-block; margin-bottom: 10px; } .origin-wrap { text-align: center; padding: 60px 33px; background: #FFF; } .origin-wrap img { margin-bottom: 0; } .origin-wrap .location-title { display: block; width: 100%; text-align: center; margin-bottom: 25px; font-size: 2.95rem; font-family: 'archer'; font-style: italic; } .origin-wrap input { line-height: 23px; position: relative; top: 0; margin: 0; border-style: solid; border-width: 1px; height: 30px; font-size: .875rem; padding-left: 5px; } .origin-wrap .popup-desktop { display: inline-block; } .origin-wrap .popup-mobile { display: none; } .zip-inactive { display: none; } .zip-active { display: block; } .zip-wrap label { font-family: 'Sailec-Regular'; } .zip-wrap .zipwrap { display: -webkit-box; display: -webkit-flex; display: flex; display: -ms-flexbox; margin-top: 15px; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; } .catalog-btn { margin-top: 15px; display: inline-block; background: #01856d; padding: 12px 48px; color: #FFF; font-family: 'Sailec-Regular'; text-decoration: none !important; border-radius: 4px; } .origin-wrap .catalog-btn { padding: 3px 18px 4px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; line-height: 23px; position: relative; top: 0; margin: 0; } .catalog-btn:hover { background: #333333; cursor: pointer; } @media screen and (max-width:1080px) { .origin-wrap { min-width: 457px; } } @media screen and (max-width:720px) { .origin-wrap .location-title { font-size: 1.485rem; } .origin-wrap img { margin-bottom: 5px; } .origin-wrap input { width: 40%; } .origin-wrap .popup-desktop { display: none; } .origin-wrap .popup-mobile { display: inline-block; } .origin-select .origin-block img { width: 60px; height: 60px; } .origin-select .origin-block span { font-size: .875rem; } .origin-wrap { min-width: 205px; padding: 35px 4px; } } /* END USA/INTERNATIONAL SELECTION POPUP */ /* BEGIN CATALOG REQUEST PAGE */ .requestCatalogForm .onlineCatalogTitle { font-size: 1.250em; font-family: 'Sailec-Medium'; } .requestCatalogForm .onlineCatalogText { font-size: 1.0em; font-family: 'Sailec-Regular'; margin-top: inherit !important; } .requestCatalogForm .onlineCatalogText .col6 { text-align:center; } .requestCatalogForm .onlineCatalogText p { padding-bottom: 25px; } .requestCatalogForm .onlineCatalogText img { float: left; margin-bottom: 15px; padding: 0 18px;} .requestCatalogForm .catalog-btn { display: inline-block; background: #01856d; padding: 12px 40px; color: #FFF; font-family: 'Sailec-Regular'; text-decoration: none !important; border-radius: 4px; } .requestCatalogForm .catalog-btn:hover { background: #333333; cursor: pointer; } .requestCatalogForm .catDeliverText { font-style: italic; font-size: 0.875em; display: block; } .requestCatalogForm .catalogInfo { margin-top: 0; clear: both; } .requestCatalogForm .col6:nth-child(2) .onlineCatalogText { width: 100%; } .requestCatalogForm .buttonMedium { border-radius: 4px; padding: 10px 55px; background: #f0f0f0; color: #000; font-family: 'Sailec-Regular' !important; margin: 10px 5px 20px 0; } .requestCatalogForm .buttonMedium:hover { cursor: pointer; background: #767676; color: #fff; } .requestCatalogForm input:not([type='checkbox']).buttonMedium { border-radius: 4px; background: #01856d; color: #FFF; } .requestCatalogForm input:not([type='checkbox']).buttonMedium:hover { cursor: pointer; background: #333333; color: #f0f0f0; } @media screen and (max-width:960px) { .requestCatalogForm .onlineCatalogText { width: 90%; } .requestCatalogForm .catalog-btn { padding: 12px 0; min-width: 100%; text-align: center; margin-bottom: 40px;} .requestCatalogForm .onlineCatalogText img { padding: 0;} } @media screen and (max-width:724px) { .requestCatalogForm .onlineCatalogText .col6 { width: 70%; } } @media screen and (max-width:720px) { .requestCatalogForm .buttonMedium { text-align: center; padding: 10px 0; width: 47.5%; margin: 10px 1% 20px 0; } .requestCatalogForm .onlineCatalogText p, .catalogInfo, #contactForm p, #contactForm label, .example { font-size: .875rem; } } @media screen and (max-width:640px) { .requestCatalogForm .onlineCatalogText { padding-top: 20px; } .requestCatalogForm .onlineCatalogText .col3 { width: 100%; } .requestCatalogForm .onlineCatalogText .col6 { width: 100%; } } @media screen and (max-width:478px) { .requestCatalogForm .cataloglink { display: block; margin: 0 auto; } .requestCatalogForm .onlineCatalogText { width: 100%; } .requestCatalogForm .onlineCatalogText img { float: none; } } /* END CATALOG REQUEST PAGE */ /* BEGIN:: HOMEPAGE */ #homepageMakers { background-color: #ffffff; } /*#home .mainPush { margin-top: 0px }*/ @media only screen and (min-width: 960px) { .homeContentMiddle { margin-top: -20px; } } .homeContentMiddle { background-color: #fff; padding: 0px 0 30px 0px; } /* BEGIN:: HOMEPAGE FLEXSLIDER */ .homeContentMiddle .flexslider { background: none; border: none; margin: 0 auto; /*max-width: 1400px;*/ } .homeContentMiddle .flexslider .slides > li { margin: 0; } .homeContentMiddle .flex-control-nav { display: none } .homeContentMiddle .flex-direction-nav a { height: 30px; margin: 0 } .flex-direction-nav a { z-index: 0 } .flex-direction-nav .flex-prev { left: -20px } .flex-direction-nav .flex-next { right: -20px } /* END:: HOMEPAGE FLEXSLIDER */ /* BEGIN:: HOMEPAGE SALE GAPHICS */ #home01 { padding-bottom: 50px; margin-bottom: 0; } #home01 .slides { background: #fff; } #home01 .slides li { position: relative; z-index: 0;/* z-index: 0 !important; */} /*@media only screen and (min-width: 1900px) {*/ #home01 .slides li { -webkit-background-size: 100% 100%; background-size: 100% } /*}*/ #home01 .slides .innerWrapper { position: absolute; left: 0; right: 0; top: 0; height: 100% } #home01 .slides .overlay img { max-width: 100%; width: auto; margin: 0 auto 20px } #home01 .slides .overlay { color: #fff; /*max-width: 665px; width: 57%;*/ padding: 70px 0 } #home01 .slides .holidayDD .overlay { padding: 11% 0 !important } #home01 .slides .overlay.flash { max-width: 1180px; background: none } #home01 .slides .overlay.flash img { max-width: 55%; width: auto; margin: 0 auto 20px } #home01 .slides .overlay.center-top { position: absolute; margin: auto; width: 68%; top: 0; left: 0; right: 0; text-align: center } #home01 .slides .overlay.center-center { position: absolute; margin: auto; /*width: 68%;*/ top: 18%; left: 0; right: 0; text-align: center } #home01 .slides .overlay.center-center object.full-only { max-width: 85%; margin: 0 7.5% } #home01 .slides .overlay.flash { max-width: 100%; top: 30px } #home01 .slides .overlay.top-left { position: absolute; top: 0; left: 5%; text-align: center } #home01 .slides .overlay.top-right { position: absolute; top: 0; right: 2%; text-align: center } #home01 .slides .overlay.bottom-left { position: absolute; bottom: 60px; left: 2%; text-align: center } #home01 .slides .overlay.bottom-right { position: absolute; bottom: 60px; right: 2%; text-align: center } #home01 .slides .overlay .saleTitle-1 { font-family: 'Sailec-Medium'; font-size: 1.500em; display: block; text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } #home01 .slides .overlay.dark .saleTitle-1 { text-transform: none } @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 1180px) { } @media only screen and (max-width:1020px) { #home01 .slides .holidayDD .overlay object { width: 100% !important } } @media only screen and (max-width: 960px) { } @media only screen and (max-width: 760px) { } @media only screen and (max-width: 720px) { /*#home01 .slides .holidayDD .innerWrapper { display: none !important}*/ #home01 .slides .holidayDD .innerWrapper object { display: block !important; width: 43% !important } } @media only screen and (max-width: 478px) { } @media only screen and (max-width: 400px) { } @media only screen and (min-width: 721px) { #home01 .slides .overlay .full-only + .saleTitle-1 { display: none } /*#home01 .slides .overlay:not(.flash) .full-only + .saleTitle-1 + .saleTitle-2 { padding-top: 20px}*/ } /*#home01 .slides .overlay .saleTitle-1.mobile-only { display: none}*/ #home01 .slides .overlay .saleTitle { display: block; text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } #home01 .slides .overlay .saleTitle sup { font-family: 'Sailec-Light' } #home01 .slides .noBackdrop .overlay .saleTitle { text-shadow: none } #home01 .slides .overlay .saleTitle-2 { font-family: 'Sailec-Medium'; font-size: 1.625em } #home01 .slides .overlay .saleTitle-3 { font-family: 'Sailec-Medium'; font-size: 2.125em } #home01 .slides .overlay .saleTitle-4 { font-family: 'Sailec-Regular'; font-size: 1.375em } #home01 .slides .overlay .saleTitle-5 { font-family: 'Sailec-Regular'; font-size: 1.125em } #home01 .slides .overlay .saleTitle-6 { font-family: 'Sailec-Regular'; font-size: 1em } #home01 .slides .overlay.center-center .saleTitle-1 { font-family: 'Sailec-Medium'; font-size: 3.750em; /*display: block;*/ text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } #home01 .slides .overlay.center-center.flash .saleTitle-1 { text-transform: none } #home01 .slides .overlay.center-center .saleTitle-2 { font-family: 'Sailec-Medium'; font-size: 1.875em; display: block; text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } #home01 .slides .overlay.center-center .saleTitle-3 { font-family: 'Sailec-Regular'; font-size: 1.250em; display: block; text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } #home01 .slides .overlay .button { letter-spacing: 1px; font-family: 'Sailec-Medium'; background: none; cursor: pointer; border-radius: 2px; /*color: #fff;*/ /*font-size: 1.250em;*/ padding: 18px 38px; margin: 40px 0; /*text-shadow: 0px 0px 4px rgba(150, 150, 150, 1);*/ } #home01 .slides .overlay .button.fill:hover { background-color: #333333 !important; /* Grey */ cursor:pointer; } #home01 .slides .overlay .button.text-grey:hover { color: #fff !important; cursor:pointer; } #home01 .slides .overlay .button.fill { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-decoration: none!important; /*border: none;*/ } #home01 .slides .overlay .button.text-grey { color: #333333; text-shadow: none; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-decoration: none!important; border: none } #home01 .slides .noBackdrop .overlay .button { text-shadow: none } #home01 .slides .noBackdrop .overlay .button.fill { -webkit-box-shadow: none; box-shadow: none } .preImpactBanner, .postImpactBanner { color: #fff; background-color: #333333; margin: 0 auto; /*max-width: 1900px;*/ text-align: center; /*padding: 10px 30px 10px 30px*/ } .preImpactBanner {/* font-size: 1.875em; */position:relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*padding: 20px 30px 20px 30px;*/ background:#fff; min-height:60px; max-width: 1180px; }/* added max width 2018/.09.24 */ .postImpactBanner { /*font-size: 1.75em; padding: 10px 30px 10px 30px;*/ } @media only screen and (min-width: 721px) { #home01 .slides .overlay .button { border: 3px solid #fff; color: #fff; text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } #home01 .slides .overlay .button.fill { border: none } } @media only screen and (max-width: 720px) { .preImpactBanner, .postImpactBanner { font-size: .875rem } #home01 .slides .overlay .button { width: 100%; text-align: center !important; } #home01 .slides .overlay:not(.flash) .button { background-color: #fff !important } #home01 .slides .overlay.flash .button { color: #fff; border: none } .hgtvDesignCenter a.button.blue { padding-left: 0px; padding-right: 0px } .homeContentMiddle .col12.featured .overlay.center-center .button-shadow { width: 90% !important } } @media only screen and (max-width: 1600px) { #home01 .slides .overlay.center-center { padding: 35px 0 !important; top: 0 } } @media only screen and (max-width: 1110px) { #home01 .slides .overlay.center-center { padding: 15px 0 !important } } @media only screen and (max-width: 960px) { #home01 .r18 .verticalAlign .homeSlideDiv .homeSlideOverlay { margin: 4.501% -3.752% 9.102%; } } @media only screen and (max-width: 720px) { #home01 .r18 .verticalAlign .homeSlideDiv .homeSlideOverlay { margin: 12.666% 9.333% 10.666%; bottom: auto; } } /*2018 Homepage Slider Redesign*/ /*#home01 .r18 .slides { overflow: initial !important; }*/ /*<-- This only works (to split the flout out of the slider viewport) if there is only one slide*/ #home01 .r18 .slides li { display: list-item; } #home01 .r18 > .slides > li:not(:first-child) { display: none; } #home01 .r18 .homeSlideDiv { position: relative; display: block; } #home01 .r18 .homeSlideDiv .homeSlideOverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 3.025% 7.537% 12.311%; } .homeSlideDiv a:focus { display: inline-block; border: 2px solid #959495; outline: none; padding: 2px; } @media only screen and (max-width: 960px) { #home01 .r18 .homeSlideDiv .homeSlideOverlay { margin: 6.501% 9.752% 9.102%; } } @media only screen and (max-width: 720px) { #home01 .r18 .homeSlideDiv .homeSlideOverlay { margin: 10.666% 9.333% 10.666%; bottom: auto; } } #home01 .r18 .homeSlideDiv .homeSlideOverlay .slideCol1 { max-width: 45%; display: block; position: relative; width:100%; height:auto; } @media only screen and (max-width: 960px) { #home01 .r18 .homeSlideDiv .homeSlideOverlay .slideCol1 { max-width: 51.116%; } } @media only screen and (max-width: 720px) { #home01 .r18 .homeSlideDiv .homeSlideOverlay .slideCol1 { max-width: 100%; } } #home01 .r18 .homeSlideDiv .homeSlideOverlay .slideCol1 .eventLockup { width: 100%; } #home01 .r18 .homeSlideDiv .homeSlideOverlay .slideCol1 .eventLockupSpacer { display: block; padding-bottom: 5.924%; /*padding-bottom: 17.773%; divide by 3 for the 33% maybe*/ } @media only screen and (max-width: 960px) { #home01 .r18 .homeSlideDiv .homeSlideOverlay .slideCol1 .eventLockupSpacer { padding: 3.549%; } } #home01 .r18 .homeSlideDiv .slideButton { /*Placeholder*/ } #home01 .r18 .homeSlideDiv .slideButton .button { padding: 14px 26px; font-family: 'Sailec-Medium'; border-radius: 3px; border:none; } @media only screen and (max-width: 960px) { #home01 .r18 .homeSlideDiv .slideButton .button { font-size: 0.9rem; padding: 10px 20px; } } @media only screen and (max-width: 720px) { #home01 .r18 .homeSlideDiv .slideButton .button { display: block; text-align: center; border-radius: initial; padding: 22px 20px; background: #333333; color: #fff; border:none; } } #home01 .r18 .homeSlideDiv .slideButton .button.flyout:after { content: "\f067" !important; font-family: 'Font Awesome 5 Pro'; padding-left: 15px; font-weight: 300;} #home01 .r18 .homeSlideDiv .slideButton .button.flyout.open:after { content: "\f068" !important; font-family: 'Font Awesome 5 Pro'; padding-left: 15px; font-weight: 300;} #home01 .r18 .homeSlideDiv .slideButton .slideButtonFlyOut { display: none; } #home01 .r18 .homeSlideDiv .slideButton .button.flyout.open + .slideButtonFlyOut { display: block; pointer-events: initial; background-color: #f0f0f0; border-bottom: 1px solid #d2d2d2; } #home01 .r18 .homeSlideDiv .slideButton .button.flyout.open + .slideButtonFlyOut svg { display: block; margin: 0 auto; max-width: 420px; } @media only screen and (min-width: 721px) { /*#home01 .r18 .homeSlideDiv .slideButton .button.flyout.open + .slideButtonFlyOut { position: absolute; display: block; width: 1000px; z-index: 99999999999; max-width: 500px; left: 0px; }*/ #home01 .r18 .homeSlideDiv .slideButton .button.flyout.open + .slideButtonFlyOut { display: none; } } #home01 .r18 .homeSlideDiv .slideButton .slideButtonFlyOut .flyoutLockup { width: 100%; } #home01 .r18 .homeSlideOverlay .slideCol1.left { text-align: left; } #home01 .r18 .homeSlideOverlay .slideCol1.center { text-align: center; } #home01 .r18 .homeSlideOverlay .slideCol1.right { text-align: right; } @media all and (-ms-high-contrast:none) { #home01 .r18 .homeSlideOverlay .slideCol1.center { max-height:36vmin; height:100%; } #home01 .r18 .homeSlideDiv .homeSlideOverlay .slideCol1 .eventLockupSpacer { padding-bottom:1em; } } @media all and (-ms-high-contrast:none) and (max-width: 960px) { #home01 .r18 .homeSlideOverlay .slideCol1.center { max-height:20vmin; height:100%; } } @media all and (-ms-high-contrast:none) and (max-width:720px) { #home01 .r18 .homeSlideOverlay .slideCol1.center { max-height:inherit; height:35vmin; } } /*Center Align Graphics*/ #home01 .r18 .homeSlideOverlay.center { text-align: center; } #home01 .r18 .homeSlideOverlay.center .slideCol1 { margin: 0 auto; } /*Right Align Graphics*/ #home01 .r18 .homeSlideOverlay.right { text-align: right; } #home01 .r18 .homeSlideOverlay.right .slideCol1 { float: right; } #home01 .r18 .loadingView { float: right; list-style: none; } #home01 .r18 .slideFlyoutContainer { position: absolute; max-width: 376px; max-height:172px; width: 100%; z-index: 2; /*border: 1px solid #d2d2d2;*/ left: -10000px; } @media all and (-ms-high-contrast:none) { #home01 .r18 .slideFlyoutContainer { max-width:334px; } } @media only screen and (max-width: 960px) { #home01 .r18 .slideFlyoutContainer { max-width: 327px; } } .preImpactBanner a, .postImpactBanner a { color: #fff; text-decoration: none } .preImpactBanner a.svg, .postImpactBanner a.svg { position: relative; display: inline-block } .preImpactBanner a.svg:after, .postImpactBanner a.svg:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .preImpactBanner a { /*text-decoration: none;*/ } .hgtvDesignCenter { background-color: #f0f0f0; width: 100%; margin: 0 auto; /*max-width: 1900px;*/ } .hgtvDesignCenter a.button.blue { border: none; background-color: #00b3e3; color:#333 /*#fff*/; font-family: 'Sailec-Medium'; width: 95% } .hgtvDesignCenter a.button.hgtvHomeToggle { border: none; font-family: 'Sailec-Medium'; float: none; width: 100%; padding-top: 15px; margin-bottom: 15px } .hgtvDesignCenter a.button.hgtvHomeToggle:hover { color: #fff; background-color: #333333 } .hgtvDesignCenter a.button.plus { font-family: 'Sailec-Medium'; float: none; width: 100%; padding-top: 15px; margin-bottom: 30px } .hgtvDesignCenter a.button.minus { margin-bottom: 1px } .hgtvDesignCenter a.button.plus:after { font-family: 'Font Awesome 5 Pro'; content: "\f067"!important; padding-left: 15px; font-weight: 300; } .hgtvDesignCenter a.button.minus:after { font-family: 'Font Awesome 5 Pro'; content: "\f068"!important; padding-left: 15px; font-weight: 300; } .hgtvDesignCenter a.button.blue:after { content: none !important; border: none; background-color: #00b3e3; color: /*#fff*/ #333; } .hgtvDesignCenter a.arrow { padding: 0px 0 35px 0; text-decoration: none } .hgtvDesignCenter a.arrow:after { font-family: 'Font Awesome 5 Pro'; content: "\f054"!important; padding-left: 15px; font-weight: 300; } .hgtvDesignCenter .white { background-color: #fff; color: #333333; font-size: inherit; } .hgtvDesignCenter .white.noWhite { background-color: transparent; font-size: inherit; } .hgtvDesignCenter img { padding: 0 0 35px 0 } .hgtvDesignCenter a { font-size: 0.900em; text-decoration: underline; display: block; padding-top: 15px } .hgtvDesignCenter .hgtvLinks { padding-bottom: 30px } .hgtvDesignCenter .hgtvLinks a { border: none; margin-bottom: 1px } .hgtvDesignCenter .hgtvLinks a:hover { color: #fff; background-color: #333333 } .hgtvDesignCenter a.button.plus + .hgtvLinks { display: none } /*.hgtvDesignCenter .innerWrapper > .col3:first-child { width: 22.25%; margin-right: 3%}*/ .landing-sale .desktop { display: inline-block; } .landing-sale .tablet { display: none; } .landing-sale .mobile { display: none; } .landing-sale.svg { position: relative; } .landing-sale.svg a.svg:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .landing-sale.svg svg { width: 100%; } /*@media all and (-ms-high-contrast:none)*/ /*{*/ /* .landing-sale { margin-bottom: -40px; }*/ /*}*/ /* END:: HOMEPAGE SALE GAPHICS */ /* BEGIN:: MATTRESS SALE GAPHICS */ .mattressLanding .slides { position: relative; margin-bottom: 30px } .mattressLanding .slides img { margin: 0 } .mattressLanding .slides .overlay img { max-width: 100%; width: auto; margin: 0 auto 20px } .mattressLanding .slides .overlay object { width: 70%; margin: 0 auto } .mattressLanding .slides .overlay.center-center { position: absolute; margin: auto; width: 45%; left: 0; right: 0; top: 30px; text-align: center } .mattressLanding .slides .overlay.top-left { position: absolute; top: 7%; left: 0; text-align: center; width: 48% } .mattressLanding .slides .overlay.top-right { position: absolute; top: 0; right: 2%; text-align: center; width: 48% } .mattressLanding .slides .overlay.bottom-left { position: absolute; bottom: 60px; left: 2%; text-align: center; width: 48% } .mattressLanding .slides .overlay.bottom-right { position: absolute; bottom: 60px; right: 2%; text-align: center; width: 48% } .mattressLanding .slides .overlay .saleTitle-1 { font-family: 'Sailec-Light'; font-size: 1.500em; text-transform: uppercase; display: block; text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } .mattressLandingLogo { text-align:center; } .mattressLandingText { text-align: center; float: left; width: 100%; padding: 0 8%;} .mattressLandingText .summaryTitle { font-size: 2.6rem; margin: 35px 0 0; font-family: 'Sailec-Medium'; color:#333; font-weight: normal; } .mattressLandingText p { font-family: 'Sailec-Regular'; } .mattressLandingWrap { float: left; width: 100%; border-bottom: 2px solid #f0f0f0; } .mattressLandingWrap .mattressLandingLogo.active { border-bottom: 4px solid #333333; } @media only screen and (max-width: 960px) { .col4.mattressLandingLogo { width:32%!important; } .landing-sale .tablet { display: inline-block; } .landing-sale .tablet + .desktop { display: none; } } @media only screen and (max-width: 720px) { .landing-sale .desktop { display: none; } .landing-sale .tablet { display: none; } .landing-sale .mobile { display: inline-block; } .col4.mattressLandingLogo { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width:480px) { .mattressLandingLogo img { margin-right:0; } } @media only screen and (min-width: 721px) { .mattressLanding .slides .overlay:not(.flash) .full-only + .saleTitle-1 + .saleTitle-2 { padding-top: 10px } } /*.mattressLanding .slides .overlay .saleTitle-1.mobile-only { display: none}*/ .mattressLanding .slides .overlay object + .saleTitle-1 { padding-top: 0%; font-family: 'Sailec-Medium'; font-size: 1.5em } .mattressLanding .slides .overlay .saleTitle-1 { padding-top: 15%; font-family: 'Sailec-Medium'; font-size: 3em; text-transform: uppercase; /*display: block;*/ text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } .mattressLanding .slides .overlay .saleTitle-2 { font-family: 'Sailec-Light'; font-size: 1.625em; display: block; text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } .mattressLanding .slides .overlay .saleTitle-3 { font-family: 'Sailec-Light'; font-size: 1em; display: block; text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } .mattressLanding .slides .overlay .saleTitle-4 { font-family: 'Sailec-Regular'; font-size: 1.375em; display: block; text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } .mattressLanding .slides .overlay.center-center .saleTitle-1 { font-family: 'Sailec-Medium'; font-size: 3.750em; text-transform: uppercase; /*display: block;*/ text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } .mattressLanding .slides .overlay.center-center .saleTitle-2 { font-family: 'Sailec-Medium'; font-size: 1.875em; display: block; text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } .mattressLanding .slides .overlay.center-center .saleTitle-3 { font-family: 'Sailec-Regular'; font-size: 1.250em; display: block; text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } .mattressLanding .slides .overlay .button { /* JVINE - this isn't part of the design, but I think it needs to be here: background: rgba(150, 150, 150, .5);*/ background: none; cursor: pointer; border: 3px solid #fff; color: #fff; font-size: 1em; padding: 15px 40px; margin: 15px 0 0 0; text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } .mattressLanding .slides .overlay .button.fill { -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.5); text-decoration: none!important; border: none } .mattressLanding .slides .overlay .button.text-grey { color: #333333; text-shadow: none; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.5); text-decoration: none!important; border: none } /* END:: MATTRESS SALE GAPHICS */ /* BEGIN:: HOMEPAGE HGTV HOME CUSTOM FURNITURE */ #HomeCustom { padding: 0px 2% 55px; margin: 0 0 35px; display: inline-block; background-color: #f0f0f0; text-align: center; width: 100% } #HomeCustom .icons { display: inline-block; margin: -50px 0 50px } #HomeCustom .icons img { max-width: 100px } #HomeCustom span.LGText-one { font-family: 'archermedium'; font-size: 2.125em; display: block; text-align: center } #HomeCustom span.LGText-two { font-family: 'Sailec-Light'; font-size: 1.500em; display: block; text-align: center; padding: 0 0 30px } #HomeCustom a { display: block } #HomeCustom img { margin: 0 } #HomeCustom span.LGText-three { font-family: 'Sailec-Light'; font-size: 1.25em; padding: 5% 0; display: block } #HomeCustom .button { border: none; width: 100%; text-decoration: none; max-width: 284px; margin: 0 auto } #HomeCustom div.four_col:nth-child(6) { margin-right: 0 } #HomeCustom h1 { font-size: 1.250em; color: #56565a; text-transform: uppercase } /* END:: HOMEPAGE HGTV HOME CUSTOM FURNITURE */ .homeContentMiddle #reviewSlider { border: none } .homeContentMiddle #reviewSlider .contentSlideWrap { text-align: left } /* BEGIN:: HOMEPAGE SALE BANNERS */ .homeContentMiddle .saleBanner, .mattressLanding .saleBanner { width: 100%; margin: 10px auto; text-align: center; font-size: 2.125em; color: #fff; padding: 15px 0; font-family: 'Sailec-Light' } .homeContentMiddle .saleBanner .subText, .mattressLanding .saleBanner .subText { text-transform: none; font-size: .5em; font-weight: normal; vertical-align: middle } .homeContentMiddle .saleBanner a, .saleBanner a:hover, .mattressLanding .saleBanner a:hover { color: #fff; text-decoration: none } /* END:: HOMEPAGE SALE BANNERS */ /* BEGIN:: HOMEPAGE VIDEO COLUMNS */ .homeContentMiddle .videoColThree a.youtube{ display:block;position: relative; } .homeContentMiddle .videoColThree a.youtube .overlay{ position: absolute; top:0; left:0; bottom:0; right:0; } .homeContentMiddle .videoColThree a.youtube .overlay:after{ content:"\f04b";font-family:"Font Awesome 5 Pro";color:#fff;position:absolute;border-radius:50%;background:#25252f;border:2px solid #fff;top:10px;left:10px;padding:7px 8px 7px 12px; font-weight: 300; } .homeContentMiddle .videoColThree a.youtube .overlay img{ display:none; } .homeContentMiddle .videoColThree a.youtube + span.LGText-one{ font-family: 'Sailec-Medium';font-size: 1rem;margin-top: 5px;display: block; } .homeContentMiddle a.LGText-two{ font-family: 'Sailec-Regular';font-size:1rem;display:block;text-decoration: none;margin-top:3px;margin-bottom: 15px;margin: 10px 0 35px 0; } .homeContentMiddle a.LGText-two:hover{ text-decoration: underline; } .homeContentMiddle span.sale-text{ font-family: 'Sailec-Medium';font-size: 1rem;display:block;margin-top:5px; } .homeContentMiddle span.LGText-two{ font-family: 'Sailec-Regular';font-size: 1rem;display:block;margin-top:5px; } /* END:: NEW HOMEPAGE VIDEO COLUMNS */ /* BEGIN:: HOMEPAGE FEATURED BANNERS */ .homeContentMiddle .featured { position: relative; margin: 10px 0 } .saleLandingImages .overlay.center-center { position: absolute; top: 40%; width: 100%; text-align: center } /*BEGIN ONE COLUMN FEATURED AREA*/ .homeContentMiddle .col12.featured .overlay.center-center { position: absolute; top: 40%; width: 100%; text-align: center } .homeContentMiddle .col12.featured .overlay.center-center span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium', sans-serif; font-size: 5em; display: block; text-transform: uppercase; color:#FFF; } .homeContentMiddle .col12.featured .overlay.center-center span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block; padding: 0 0 50px } .homeContentMiddle .col12.featured .overlay.center-center .button-shadow { margin: 20px 0 0px; min-width: 220px; text-align: center; border-radius:3px; } .homeContentMiddle .col12.featured .overlay.video-center { position: absolute; top: 30%; width: 60%; margin: 0 20%; text-align: center } .homeContentMiddle .col12.featured .overlay.video-center span.LGText-one { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium', sans-serif; font-size: 5em; display: block; text-transform: uppercase } .homeContentMiddle .col12.featured .overlay.video-center span.LGText-two { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block; padding: 0 0 50px } .homeContentMiddle .col12.featured .overlay.video-center .button-shadow { margin: 20px 0 0px; width: 220px; text-align: center } .homeContentMiddle .col12.featured .overlay.bottom-right { position: absolute; right: 35px; bottom: 35px; width: 45%; text-align: right } .homeContentMiddle .col12.featured .overlay.bottom-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium', sans-serif; font-size: 5em; display: block; text-transform: uppercase } .homeContentMiddle .col12.featured .overlay.bottom-right span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block } .homeContentMiddle .col12.featured .overlay.bottom-right .button-shadow { margin: 20px 0 0px; width: 220px; text-align: center } .homeContentMiddle .col12.featured .overlay.bottom-left { position: absolute; left: 35px; bottom: 35px; width: 45%; text-align: left } .homeContentMiddle .col12.featured .overlay.bottom-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium', sans-serif; font-size: 5em; display: block; text-transform: uppercase } .homeContentMiddle .col12.featured .overlay.bottom-left span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block } .homeContentMiddle .col12.featured .overlay.bottom-left .button-shadow { margin: 20px 0 0px; width: 220px; text-align: center } .homeContentMiddle .col12.featured .overlay.top-left { position: absolute; left: 35px; top: 35px; width: 45%; text-align: left } .homeContentMiddle .col12.featured .overlay.top-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium', sans-serif; font-size: 5em; display: block; text-transform: uppercase } .homeContentMiddle .col12.featured .overlay.top-left span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block } .homeContentMiddle .col12.featured .overlay.top-left .button-shadow { margin: 20px 0 0px; width: 220px; text-align: center } .homeContentMiddle .col12.featured .overlay.top-right { position: absolute; right: 35px; top: 35px; width: 45%; text-align: right } .homeContentMiddle .col12.featured .overlay.top-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium', sans-serif; font-size: 5em; display: block; text-transform: uppercase } .homeContentMiddle .col12.featured .overlay.top-right span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block } .homeContentMiddle .col12.featured .overlay.top-right .button-shadow { margin: 20px 0 0px; width: 220px; text-align: center } .homeContentMiddle a.applyOnline { text-decoration: underline } .homeContentMiddle .col12.featured .overlay a.button-shadow{ font-family: 'Sailec-Medium'; } .homeContentMiddle .col12.featured .overlay a.button-shadow:after{ font-size:.75em; } /*END ONE COLUMN FEATURED AREA*/ /*BEGIN TWO COLUMN FEATURED AREA*/ .homeContentMiddle .col6.featured .overlay.center-center { position: absolute; top: 32%; width: 100%; margin: auto; text-align: center } .homeContentMiddle .col6.featured .overlay.center-center span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block; text-transform: uppercase } .homeContentMiddle .col6.featured .overlay.center-center span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Regular'; font-size: 1.500em; display: block; padding: 0 0 14px } .homeContentMiddle .col6.featured a .overlay.video-center { position: absolute; top: 27%; width: 60%; margin: 0 20%; text-align: center } .homeContentMiddle .col6.featured a .overlay.video-center img { margin-bottom: 15px; width: 100px } .homeContentMiddle .col6.featured a .overlay.video-center span.LGText-one { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block; text-transform: uppercase } .homeContentMiddle .col6.featured a .overlay.video-center span.LGText-two { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Regular'; font-size: 1.500em; display: block; padding: 0 0 14px } .homeContentMiddle .col6.featured .overlay.bottom-right { position: absolute; right: 20px; bottom: 20px; width: 45%; text-align: right } .homeContentMiddle .col6.featured .overlay.bottom-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block; text-transform: uppercase } .homeContentMiddle .col6.featured .overlay.bottom-right span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Regular'; font-size: 1.500em; display: block } .homeContentMiddle .col6.featured .overlay.bottom-right .button-shadow { margin: 20px 0 0px; width: 220px; text-align: center } .homeContentMiddle .col6.featured .overlay.bottom-left { position: absolute; left: 20px; bottom: 20px; width: 45%; text-align: left } .homeContentMiddle .col6.featured .overlay.bottom-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block; text-transform: uppercase } .homeContentMiddle .col6.featured .overlay.bottom-left span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Regular'; font-size: 1.500em; display: block } .homeContentMiddle .col6.featured .overlay.bottom-left .button-shadow { margin: 20px 0 0px; width: 220px; text-align: center } .homeContentMiddle .col6.featured .overlay.top-left { position: absolute; left: 20px; top: 20px; width: 45%; text-align: left } .homeContentMiddle .col6.featured .overlay.top-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block; text-transform: uppercase } .homeContentMiddle .col6.featured .overlay.top-left span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Regular'; font-size: 1.500em; display: block } .homeContentMiddle .col6.featured .overlay.top-left .button-shadow { margin: 20px 0 0px; width: 220px; text-align: center } .homeContentMiddle .col6.featured .overlay.top-right { position: absolute; right: 20px; top: 20px; width: 45%; text-align: right } .homeContentMiddle .col6.featured .overlay.top-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block; text-transform: uppercase } .homeContentMiddle .col6.featured .overlay.top-right span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Regular'; font-size: 1.500em; display: block } .homeContentMiddle .col6.featured .overlay.top-right .button-shadow { margin: 20px 0 0px; width: 220px; text-align: center } /*END TWO COLUMN FEATURED AREA*/ /* BEGIN HOMEPAGE MODERN */ #homeTopUs { background:#FFF; } .modern, .essentials { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; float:left; background:#f0f0f0; width:100%; margin:60px 0; } .modern .mobile, .essentials .mobile { display: none; } .modern .desktop, .essentials .desktop { display: block; } .modern .logo { max-width:126px; width:100%; height: auto; margin-bottom:25px; margin-right:0; } .modern .col6 { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; float:left; } .essentials .col6 { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; float:left; width:50%; overflow:hidden;} .modern .col6 .col6 { display: block; } .essentials .col6 .col6 { display: block } .essentials .col6:nth-child(2n) {margin-right: 0 !important; flex-flow:column ;} .modern .col6:nth-child(2) .col6:nth-child(1) { margin-right:0!important; } .modern .col6:nth-child(1) { margin-right:0!important; } .modern .col6 > .col6:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; } .modern .btn, .essentials .btn { padding:16px 33px; font-family: 'Sailec-Medium'; font-size:0.875rem; text-decoration: none; background:#FFF; text-transform: initial; z-index: 1;} .essentials .btn.btn-black {background:#333; color:#FFF; padding: 10px 44px;} .modern .titleWrapper, .essentials .titleWrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; } .modern h2, .essentials h2 { font-family: 'Sailec-Medium', sans-serif; font-size:2.563rem; color:#333; text-transform: uppercase; letter-spacing: 1.4pt; margin-top:0; margin-bottom:0; } .essentials h2 span.red { color:#dc2a28; } .modern p, .essentials p { color:#333; font-family: 'Sailec-Light'; font-size:1rem; margin-top:0px; line-height: 1; text-align: center; } .modern .logo-top { display: none; } .modern .logo-right { display: block; max-width: 160px; } .postVisNavBanner { margin-bottom:30px; } .postVisNavBanner .mobile { display: none; } .postVisNavBanner .tablet { display: none } .postVisNavBanner .desktop, .modern.essentials .col6 .desktop { display: block; } @media all and (-ms-high-contrast:none){ .essentials .col6:nth-child(2n) {margin-right: 0 !important; flex-flow:inherit ;} } @media screen and (max-width: 980px) { .modern .logo-right { display: block; padding:0 14%; } .postVisNavBanner .mobile { display: none; } .postVisNavBanner .tablet { display: block } .postVisNavBanner .desktop { display: none; } } @media screen and (max-width: 840px) { .modern h2, .essentials h2 { font-size: 2.2rem; text-align: center; } } @media screen and (max-width: 720px) { .modern, .essentials { display: block; margin:20px; width: 94%; } .modern .col6, .essentials .col6 {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;width: 100%; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column nowrap; -webkit-flex-flow:column nowrap; flex-flow:column nowrap;} .modern .col6 img { width:100%; } .modern .logo-top { display: block; max-width: 142px; padding:0 2%; margin:38px 0 20px; } .modern .logo-right { display: none; } .modern .titleWrapper { margin-bottom: -40px; } .essentials .titleWrapper { margin-bottom: -14px; padding:50px 20px 60px;} .postVisNavBanner .mobile, .modern.essentials .col6 .mobile { display: block; } .postVisNavBanner .tablet { display: none } .postVisNavBanner .desktop,.modern.essentials .col6 .desktop { display: none; } } @media screen and (max-width: 580px) { .modern, .essentials { width:initial; } .essentials .titleWrapper { padding-left: 10px; padding-right: 10px; } .essentials h2 { font-size: 2.125rem; } } @media screen and (max-width: 350px) { .essentials .titleWrapper { padding: 40px 10px 60px; } .essentials h2 { font-size: 1.725rem; } .essentials p { font-size: .875rem; } } .hgtvWrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background: url('/_images/home/hgtv/hgtv-design-studio-bg.jpg') no-repeat; width:100%; height:auto; padding: 30px 0; margin:60px 0 0; } .hgtvWrapper .col6 { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center } .hgtvWrapper .col6 > .col4 { margin-top:50px; margin-bottom:50px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; -webkit-flex-flow: column nowrap; flex-flow: column nowrap;} .hgtvWrapper .threeButtons { width:30%; margin-right:8%!important; text-decoration: none; background:rgba(245,241,236,0.95); width:139px; height:139px;-webkit-box-shadow: 10px 10px 47px 0px rgba(0,0,0,0.5);box-shadow: 10px 10px 47px 0px rgba(0,0,0,0.5); border-radius: 5px;} .hgtvWrapper .threeButtons .fa-play-circle, .hgtvWrapper .threeButtons .fa-calendar {font-size:3vw; } .hgtvWrapper .threeButtons p { font-family: 'Sailec-Regular'; font-size: .750rem; display: block; /*float:left;*/ text-align: center; line-height: 1; margin-top:5px; margin-bottom:0;} .hgtvWrapper .col6 img { padding:0 4%; max-width: 392px; width:100%;} .hgtvWrapper .col6 .col4 { width:14vmin; height:13vmin; padding:2%; } .hgtvWrapper .col6 .col4 > div { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; } .hgtvWrapper .col6 .col4.threeButtons:last-child img { width: 80%; margin-top:2px; max-height: 6vmin;} @media screen and (max-width: 768px) { .hgtvWrapper { background: url('/_images/home/hgtv/hgtv-design-studio-bg-mobile.jpg') no-repeat; float:left; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-background-size:100% 100%; background-size:100%; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column nowrap; -webkit-flex-flow:column nowrap; flex-flow:column nowrap; width:94%; margin:5px 20px 0;} .hgtvWrapper .col6 { display:-webkit-inline-box; display:-ms-inline-flexbox; display:-webkit-inline-flex; display:inline-flex; width:100%; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .hgtvWrapper .col6 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; -webkit-flex-flow: column nowrap; flex-flow: column nowrap } .hgtvWrapper .col6 img { /*width:initial;*/ } .hgtvWrapper .threeButtons { margin-right:0!important; } .hgtvWrapper .threeButtons .fa-play-circle, .hgtvWrapper .threeButtons .fa-calendar { font-size: 2em; margin-right:10px; padding:0 4%;} .hgtvWrapper .col6 > .col4 { margin-top: inherit; margin-bottom: inherit; width:200px; height:65px; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row nowrap; -webkit-flex-flow:row nowrap; flex-flow:row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; margin-bottom:20px;} .hgtvWrapper .col6 .col4.threeButtons:last-child img { width: 30%; } } @media screen and (max-width: 580px) { .hgtvWrapper { width:auto; display: block; -webkit-background-size: cover; background-size: cover; } } /* END HOMEPAGE MODERN*/ /* BEGIN:: HOMEPAGE COUNTDOWN */ #ContentFrame { position: relative; margin: 0 auto; max-width: 1250px; min-width: 1024px; overflow: hidden } #featuredContentArea { position: relative; overflow: hidden; width: 100%; height: 592px } #featuredContentArea img { position: absolute; top: 0; left: 50%; margin-left: -620px } #home01 .slides li.countdown .overlay, #home01 .slides li.oneday .overlay { padding: 0!important } #home01 .slides li.countdown .overlay .fill.text-grey.button, #home01 .slides li.oneday .overlay .fill.text-grey.button { margin-top: 7px } #home01 .slides li.countdown .overlay.center-center, #home01 .slides li.oneday .overlay.center-center { top: 75px } #home01 .slides li.countdown .overlay.center-center .saleTitle-2, #home01 .slides li.oneday .overlay.center-center .saleTitle-2 { font-family: 'Sailec-Regular'; text-shadow: none; /*padding-top: 10px;*/ } #home01 .slides li.countdown .overlay.center-center .saleTitle-3, #home01 .slides li.oneday .overlay.center-center .saleTitle-3 { text-shadow: none } #home01 .slides li.countdown .overlay.center-center .saleTitle-3, #home01 .slides li.oneday .overlay.center-center .saleTitle-2 { font-size: 2.5em } .countdownHolder { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%; max-width: 600px; margin: 5px auto 10px; float:left; padding-left:3%;} /*.end .countdownHolder::before { content: "Ends In: "; color: #333; font-size: .92rem !important; letter-spacing: 1px!important; font-family: 'Sailec-Medium'; text-transform: capitalize; margin-left: 5px; margin-top: 5px; margin-right: 22px; }*/ .countdownHolder .position { position: relative; /*top: 261px; left: 50%; margin-left: -434px;*/ text-align: left;float:left; font-family: 'Sailec-Regular'; } .countdownHolder .label { /*display: block;*/ margin: 0 auto; font-size: .750em; color: #333; line-height: 2; } .position { display: inline-block; height: 30px; overflow: hidden; position: relative; width: 23% } .digit { position: absolute; display: block; width: 100%; background-color: transparent; text-align: center; color: #333; letter-spacing: -1px; bottom: 0; padding-top: 0px } .countDiv { display: inline-block; width: 18px;/* height:1.6em;*/ position: relative; margin-top: -23px } .countDiv:before, .countDiv:after { width: 3px; height: 5px; background-color: #FBFAF8; border-radius: 50%; left: 50%; margin-left: -3px; /*top:0.5em;*/ -webkit-box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5); box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5); content: '' } .countDiv:after { top: 0.9em } .countDays, .countHours, .countMinutes, .countSeconds { float: left; /*margin-right: 4%*/; width: 16%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} #countdown .countDays .digit, #countdown .countHours .digit, #countdown .countMinutes .digit, #countdown .countSeconds .digit { font-size:1.75rem!important; } .countSeconds { margin-right: 0 } .countdownHolder span.label { display: block; float:left; font-family: 'Sailec-Regular'; text-transform: capitalize; margin-left:5px; margin-top:5px;} @media only screen and (max-width: 1499px) { #home01 .slides li.countdown .overlay.center-center, #home01 .slides li.oneday .overlay.center-center { top: 30px } } @media only screen and (max-width: 1200px) { #home01 .slides li .overlay { padding: 0px } #home01 .slides .overlay .button { margin: 15px 0 !important } } @media only screen and (max-width: 1180px) { #home01 .slides li.countdown .overlay.center-center .saleTitle-2, #home01 .slides li.oneday .overlay.center-center .saleTitle-2 { padding-top: 0px !important } #home01 .slides li.countdown .overlay.center-center .saleTitle-2 { font-size: 1.5em } #home01 .slides li.countdown .overlay.center-center .saleTitle-3, #home01 .slides li.oneday .overlay.center-center .saleTitle-2 { font-size: 2.2em } .countdownHolder { width: 100%; /*margin-top: 20px*/ } /*#home01 .slides .overlay .button{ margin:10px 0 0 0}*/ } @media screen and (max-width:1020px) { #home01 .slides li:not(.countdown):not(.oneday) .overlay { padding: 20px 0 } #home01 .slides .overlay img { width: 65% } #home01 .slides .overlay.center-center object.full-only { max-width: 65%; top: 10%; margin: 0 17.5% } } @media only screen and (max-width: 960px) { #home01 .slides li.countdown .overlay.center-center, #home01 .slides li.oneday .overlay.center-center { top: 15px } #home01 .slides .overlay .button { margin: 10px 0 !important } /*#home01 .slides .overlay.center-center.flash .saleTitle-2 { font-size: 1.5em !important} #home01 .slides .overlay.center-center.flash .saleTitle-3 { font-size: 2.75em !important} #home01 .slides .overlay.center-center.flash .saleTitle-4 { font-size: 1.25em !important}*/ #home01 .slides .overlay:not(.flash) .full-only + .saleTitle-1 + .saleTitle-2 { padding-top: 10px } #home01 .slides li:not(.countdown):not(.oneday) .overlay { padding: 10px 0 } } @media screen and (max-width: 760px) { #home01 .slides li:not(.countdown):not(.oneday) .overlay { padding: 0 } } @media only screen and (max-width: 720px) { #home01 .slides li.countdown .overlay.center-center, #home01 .slides li.oneday .overlay.center-center { top: 0px } #countdown { /*margin-top: 15px*/ } #countdown span.label { font-size:0.813em; } #home01 .slides li .overlay:not(.dark) { text-align: center !important; } #home01 .slides .tds .overlay .buttonDark { border: 2px solid #252525 } #home01 .slides .cbm .overlay .button { border: 2px solid #252525 } #home01 .slides .overlay .button.white { border: 2px solid #333333 } #home01 .slides .flash .mob-only { overflow-y: hidden; } #home01 .slides .curtain { position: relative;background-position-x: 50%!important;min-height:150px; } #home01 .slides .curtain img.mob-only{ display: none!important; } } @media only screen and (max-width: 478px) { .countdownHolder .position { font: 1.5em/1.75 Helvetica, Arial, Verdana, sans-serif !important; height:40px; } } @media only screen and (max-width: 420px) { .countDays, .countHours, .countMinutes, .countSeconds { width:20%; } .end .countdownHolder::before { font-size: .65rem !important; margin-right: 5px; margin-top: 5px; line-height: 2; } .end .countDiv { width: 0px; } .end #countdown .countDays .digit, #countdown .countHours .digit, #countdown .countMinutes .digit, #countdown .countSeconds .digit { font-size: 1.25rem !important; top: auto !important; } .end .countdownHolder span.label { margin: 5px auto 0; } } /* END:: HOMEPAGE COUNTDOWN */ /* BEGIN:: HOMEPAGE SALE ROW */ .homeContentMiddle .sale-row { margin-top:30px; margin-bottom: 30px; } .homeContentMiddle .sale-row span { width: 100%; display: inline-block; text-align: center; padding: 5px 0 } .homeContentMiddle .sale-row span.sale-text { font-size: 2.15rem; font-family: 'Sailec-Medium', sans-serif; text-transform: uppercase; margin-top: 20px; letter-spacing: -.055rem; max-width: 377px } .homeContentMiddle .sale-row span.sale-text-red { font-size: 1.25rem; font-family: 'Sailec-Medium'; color: #c0392b; text-transform: uppercase } .homeContentMiddle .sale-row .button, .homeContentMiddle .shop-the-room .slides .button { background: none; border: none; width: 100%; text-align: center; font-size: 1rem; font-family: 'Sailec-Regular'; text-transform: none; } .homeContentMiddle .sale-row .button:hover, .homeContentMiddle .shop-the-room .button:hover { background: none; color: #c0392b } .homeContentMiddle .sale-row .button:after{ font-size:.75em; } @media only screen and (max-width: 720px) { .homeContentMiddle .sale-row .col4 { text-align: center; width: 100% } .homeContentMiddle .sale-row span { padding: 0px 0 } .homeContentMiddle .sale-row .button { padding-top: 0px; padding-bottom: 30px } } /* END:: HOMEPAGE SALE ROW */ /* BEGIN:: HOMEPAGE Shop The Room */ .homeContentMiddle .shop-the-room { padding: 55px 2% 55px; display: inline-block; background-color: #f0f0f0; text-align: center; width: 100% } .homeContentMiddle .shop-the-room span { width: 100%; text-align: center; display: inline-block } .homeContentMiddle .shop-the-room span.title { font-size: 5rem; font-family: 'Sailec-Medium', sans-serif; text-transform: uppercase; color: #333333; margin-bottom: -5px; } .homeContentMiddle .shop-the-room span.subtext { font-size: 2em; font-family: 'Sailec-Regular'; color: #333333; margin-bottom: 50px } .homeContentMiddle .shopTheRoom.flexslider { display: block; float:left; } .homeContentMiddle .shopTheRoom.flexslider .slides > li {margin: 0;display: block;float: left;width:auto!important;} .homeContentMiddle .shop-the-room .shopTheRoom.flexslider .slides img { padding: 0 4px } .homeContentMiddle .shop-the-room .shopTheRoom.flexslider .slides li a { text-decoration: none; } .homeContentMiddle .shop-the-room .shopTheRoom.flexslider .flex-direction-nav a { display: none } @media only screen and (max-width: 960px) { .homeContentMiddle .shop-the-room .shopTheRoom.flexslider .flex-direction-nav a { display: block; top: 40%;} .homeContentMiddle .shop-the-room span.subtext { font-size: 2em; font-family: 'Sailec-Regular'; color: #333333; margin-bottom: 20px; } } @media only screen and (max-width: 720px) { .homeContentMiddle .shop-the-room { padding: 25px 2% } .homeContentMiddle .shop-the-room span.title { font-size: 2.25rem;margin-top:15px; } .homeContentMiddle .shop-the-room span.subtext { font-size: .875rem} } .homeContentMiddle .shop-the-room a.button.shopTheRoomToggle { border: none; font-family: 'Sailec-Medium'; float: none; width: 100%; padding-top: 15px; margin-bottom: 15px; margin-top: 15px } .homeContentMiddle .shop-the-room a.button.shopTheRoomToggle:hover { color: #fff; background-color: #333333 } .homeContentMiddle .shop-the-room a.button.plus { font-family: 'Sailec-Medium'; float: none; width: 100%; padding-top: 15px; margin-bottom: 30px } .homeContentMiddle .shop-the-room a.button.minus { margin-bottom: 1px } .homeContentMiddle .shop-the-room a.button.plus:after { font-family: 'Font Awesome 5 Pro'; content: "\f067"!important; padding-left: 15px; font-weight: 300; } .homeContentMiddle .shop-the-room a.button.minus:after { font-family: 'Font Awesome 5 Pro'; content: "\f068"!important; padding-left: 15px; font-weight: 300; } .homeContentMiddle .shop-the-room .shopTheRoomLinks { padding-bottom: 30px } .homeContentMiddle .shop-the-room .shopTheRoomLinks .button { display: block; border: none; margin-bottom: 1px } .homeContentMiddle .shop-the-room .shopTheRoomLinks .button:hover { color: #fff; background-color: #333333 } .homeContentMiddle .shop-the-room a.button.plus + .shopTheRoomLinks { display: none } /* END:: HOMEPAGE Shop The Room */ /* BEGIN:: HOMEPAGE Instagram */ .instagram { padding: 0 0 30px; display: inline-block; text-align: center; width: 100%; background: #fff } .instagram span { width: 100%; text-align: center; display: inline-block } .instagram a { text-decoration: none } .instagram span.title { font-size: 2.5em; font-family: 'Sailec-Medium'; color: #333333; margin: 30px 0 0 } .instagram span.subtext { font-size: 1.25em; font-family: 'Sailec-Regular'; color: #333333; margin-bottom: 50px } .instagram span.subtext.instagram-logo { padding: 20px 0 0 } .instagram span.subtext.instagram-logo:before { font-size: 2em; font-family: 'Font Awesome 5 Pro'; content: "\f16d"!important; padding-right: 15px; vertical-align: sub; font-weight: 300; } /*.instagram img { padding: 0 5px; width: 19% }*/ /*.instagram .shopTheRoom.flexslider .slides img { padding: 0 5px} .instagram .shopTheRoom.flexslider .flex-direction-nav a { display: none}*/ .instagram .juicer-feed.living-wall .j-living-wall-hover:before{ line-height: 52px!important; } @media only screen and (max-width: 960px) { /*.instagram .shopTheRoom.flexslider .flex-direction-nav a { display: block; top: 40%}*/ } @media only screen and (max-width: 720px) { .instagram { padding: 25px 2% } .instagram span.title { font-size: 2.25rem } .instagram span.subtext { font-size: .875rem} /*.instagram img { width: 30% }*/ .mobile-hidden { display: none } } /* END:: HOMEPAGE Instagram */ /* BEGIN:: HOMEPAGE Visual Nav */ .homeContentMiddle .visual-nav { margin: 30px 0 } .homeContentMiddle .visual-nav .visualNavSlider.flexslider .slides { text-align: center } .homeContentMiddle .visual-nav .visualNavSlider.flexslider .slides li { display:block; float:left; } .homeContentMiddle .visual-nav .visualNavSlider.flexslider .slides .button { border: none; width: 100%; text-align: center; font-size: 1rem; font-family: 'Sailec-Medium'; text-transform: none; padding: 0px; max-width:236px; } .homeContentMiddle .visual-nav .visualNavSlider.flexslider .slides .button:hover { background: none; color: #c0392b } .homeContentMiddle .visual-nav .visualNavSlider.flexslider .slides .button span { padding: 18px 20px; display: block } .homeContentMiddle .visual-nav .visualNavSlider.flexslider .slides img { padding: 0 5px; max-width:232px; height:auto; } .homeContentMiddle .visual-nav .visualNavSlider.flexslider .flex-direction-nav a { top:38%;/*display:none;*/ } .homeContentMiddle .visual-nav .button:after{ font-size: .75em; } @media only screen and (max-width: 960px) { .homeContentMiddle .visual-nav .visualNavSlider.flexslider .flex-direction-nav a { display: block; top: 40% } } @media only screen and (max-width: 720px) { .homeContentMiddle .visual-nav .visualNavSlider.flexslider .slides .button { font-size: .875rem } .homeContentMiddle .visual-nav .visualNavSlider.flexslider .flex-direction-nav a { top: 30% } } /* END:: HOMEPAGE Visual Nav */ /* END:: HOMEPAGE */ /* BEGIN SALE PAGE */ .salePage { text-align: left; } .salePage .offscreen { position: absolute; left: -999em;} .salePage .saleImpact { position: relative; width:75%; height:auto; min-height: 357px; background:#FFF; margin-right:14px; margin-bottom:20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column nowrap; flex-flow:column nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; float:left; } .salePage .saleImpact [class*='col'] { width:25%; border-right:3px solid #333; margin-right:0!important; } .salePage .saleImpact [class*='col']:last-child { margin-right:-3px!important; border-right:3px solid #FFF; } .salePage .saleImpact .innerWrapperSVG { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .salePage .saleImpact img { padding:0; margin:0; width:100%; height:100%; } .salePage .saleImpact .impactCopy { position: absolute; width: 75%; margin: 0 auto; left:0; right:0; } .salePage aside { display:-webkit-box; display:-ms-flexbox; display:flex; /*min-width:280px;*/ max-height: 370px; height:100%; width:23%; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column nowrap; flex-flow:column nowrap; float:right; } .salePage .btn_impact { width: 100%; height: 100%; background:#FFF; border: 1px solid #D2D2D2;font-family: 'Sailec-Medium';color: #333; font-size: 14px; padding: 6% 6%; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-decoration: none;position: relative;margin-bottom: 5.3%;max-height: 50px;} .salePage .btn_impact:after { content:'\f054'; font-family: 'Font Awesome 5 Pro'; position:absolute; right:18px; font-weight: 500;} .salePage .btn_impact:hover { background:rgba(210,210,210,.25); } .salePage .specialMessage { padding: 0 !important; width: 100%; /*border: 1px solid #D2D2D2;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*margin-bottom: 50px;*/ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column nowrap; flex-flow:column nowrap; } .salePage .specialMessage img{ margin: 0; } /*.salePage .saleImpact .respGrph .dSrc svg { margin-top:-100px;}*/ .salePage .makersImpact { margin-bottom: 0; } .salePage .makersImpact .makersVideo { min-height: 372px; border:1px solid #d2d2d2; } .salePage .makersImpact .impactImg .imgOverlay { left: 40%; transform: translate(-33%, -50%); } .salePage .makersImpact .impactImg .centered h2 { font-size: 3em; } @media only screen and (max-width:960px) { .salePage .makersImpact .impactImg .imgOverlay { left: 0; transform: none; } .salePage .makersImpact { border:1px solid #d2d2d2; } .salePage .makersImpact .makersVideo { border: 0; } } @media only screen and (max-width: 480px) { /* .salePage .saleImpact .impactCopy { width: 90%; margin: 0 2%;} */ .salePage .saleImpact .impactCopy { width: 93%; margin: 3%;} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .salePage .specialMessage a { display: inline-block; width: 100%; } .salePage .saleImpact .impactCopy { top: 30%; right: 0; left: 0; bottom: 0; } } .salePage figure { margin:0; } .salePage figure img { width:100%; margin:0 0 10px 0; } .salePage figcaption h3 { font-family: 'Sailec-Medium'; color:#333; margin-bottom:0; background-color: #fff; } .salePage figcaption p { background-color: #fff; } .salePage .btn { background-color: #fff; min-width: 110px; max-height: 40px; padding:9px 15px; border:1px solid #D2D2D2; font-size:14px; color:#333; text-decoration: none; display: block; float:left; text-align: center; font-family: 'Sailec-Medium'; margin-right:10px; margin-bottom:15px; } .salePage .btn:last-child { margin-right:0; } .salePage .btn:hover { background:rgba(210,210,210,.25); } section.emailSignup, .salePage .callOuts, .catalogSignup, section.emailSignupThankYou, .salePage .specialMessage, #catalogSignupFormThankYou { font-family:'Sailec-Regular'; text-align: center;padding: 0 49px;} section.emailSignup, section.emailSignupThankYou { margin-top:50px; margin-bottom:50px; } section.emailSignupThankYou a { color:#0e7aba; } .salePage .callOutBlocks { font-family: 'Sailec-Regular'; } .salePage .callOutBlocks div { margin-bottom:30px; } section.emailSignup h3, .salePage .callOuts h3, .catalogSignup h3, section.emailSignupThankYou h3, .salePage .specialMessage h3, #catalogSignupFormThankYou h3 { font-family: 'Sailec-Medium', sans-serif; font-size: 40px; text-align: center; padding-bottom:0; margin-bottom:0; text-transform: uppercase;} .salePage .callOuts h2 { font-family: 'Sailec-Medium', sans-serif; font-size: 40px; text-align: center; padding-bottom:0; margin-bottom:0; text-transform: uppercase;} #catalogSignupFormThankYou { padding: 75px 49px; } section.emailSignup p, .salePage .callOuts p, .catalogSignup p, section.emailSignupThankYou p, .salePage .specialMessage p, #catalogSignupFormThankYou { font-size:16px; font-family: 'Sailec-Regular'; } section.emailSignup input[type=text], #signUpCatalogArea.catalogSignup input { max-width: 300px; width:100%; height:49px; border:1px solid #D2D2D2; padding:0 20px;} #signUpCatalogArea.catalogSignup input.btnRed { width: 110px; height: 50px; padding: 0; background: #DC2A2A; color: #FFF; border: none; font-family: 'Sailec-Medium'; font-size: 1em; border-radius: 3px; } .salePage .callOuts h3, .salePage .callOuts p { background-color: #fff; } .reviewsCTA { text-align: center; padding-top: 20px; } .reviewsCTA a { background-color: #f0f0f0; border-radius: 3px; padding: 9px 140px; border-color: #D2D2D2; } .salePage ::-webkit-input-placeholder { color: #808080; font-size:14px; } .salePage ::-moz-placeholder { color: #808080; font-size:14px; } .salePage :-ms-input-placeholder { color: #808080; font-size:14px; } .salePage :-moz-placeholder { color: #808080; font-size:14px; } button.btnRed { width:110px; height:50px; padding:0; background: #DC2A2A; color:#FFF; border:none; font-family: 'Sailec-Medium'; font-size:16px; border-radius: 3px;} .catalogSignup { margin-bottom:50px; } .salePage .custComments { font-family: 'Sailec-Regular'; } .catalogSignup h3 { margin-top:100px; } .catalogSignup img, #catalogSignupFormThankYou img { max-width: 123px; height:auto; margin:10px 0;} .headlineWithUnderline { font-family: 'Sailec-Medium', sans-serif; font-size:2.5rem; text-align: center; text-transform: uppercase; background-color: #fff; } .headlineWithUnderline:after { content:''; border-bottom: 1px solid #D2D2D2; display: block; width:15%; margin:25px auto 50px; } #salesDisclaimer { margin-bottom:50px; } #salesDisclaimer h5 { font-family: 'Sailec-Medium'; font-size:13px; color:#333; } #salesDisclaimer p { font-family: 'Sailec-Regular'; font-size:13px; color:#333; } #catalogSignupForm { background:#f0f0f0; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; min-height: 500px; display: block; font-family: 'Sailec-Regular'; } .innerWrapper #catalogSignupForm { background: none; } #catalogSignupForm .innerWrapper { margin:44px auto; position: relative;} #catalogSignupForm .innerWrapper a.closebtn { position: absolute; right:4%; top:-30px; } #catalogSignupForm .innerWrapper .closebtn img { width:26px; height:26px; } #catalogSignupForm fieldset { border:none; font-size:1em; font-family: 'Sailec-Medium'; padding:0; margin-bottom:10px;} #catalogSignupForm strong { margin-bottom: 10px; display: inline-block; } #catalogSignupForm h4 { margin-top: 0px; margin-bottom: 0px; } #catalogSignupForm img.loading { display: block; max-width: 20px; margin: 0px auto 10px; } #catalogSignupForm #egContactForm { width: 100%; float: left; font-family: 'Sailec-Medium'; color:#333; } #catalogSignupForm #egContactForm > div, #catalogSignupForm #egContactForm > div div { position: relative; overflow: hidden; } #catalogSignupForm #egContactForm > div { margin-bottom:16px; } #catalogSignupForm #egContactForm input[type='text'], #egContactForm textarea { width: 100%; border: 1px solid #d2d2d2; height:40px; background: #FFF; position: relative; top: 0; left: 0; z-index: 1; } #catalogSignupForm textarea { display: block; resize: vertical; } #catalogSignupForm input[type='text'], textarea { padding: 12px 12px 12px 12px; } #catalogSignupForm label { -webkit-transition: all 0.2s; left:-4px; transition: all 0.2s; position: absolute; padding: 6px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index:2; font-family: 'Sailec-Medium'; color:#707070; font-size: .875rem; } #catalogSignupForm label { pointer-events: none; top: 0; bottom: 0; left: 0; /* width:100%; */ } #catalogSignupForm .btnBlue { width:100%; height:40px; background: #0e7aba; color:#FFF; border:none; font-family: 'Sailec-Medium'; font-size:1.000em; border-radius: 3px; } #catalogSignupForm input[type='text']:focus, #egContactForm textarea:focus { padding: 5px 6px 6px 12px; } #catalogSignupForm input[type='text']:focus+label, #egContactForm textarea:focus+label { top: 0%; margin-top: -20px; } #catalogSignupForm input[type='text']:focus, #egContactForm textarea:focus { /*border-color: #f06d06; */ } #catalogSignupForm input[type='text']:focus+label, #egContactForm textarea:focus+label { color: #707070; font-size: .875rem; padding: 10px 4px; z-index: 2; font-family: 'Sailec-Regular'; } #catalogSignupForm input[type='text']:valid, #egContactForm textarea:valid { background: white; } #catalogSignupForm input[type='text']:valid, #egContactForm textarea:valid { padding: 10px 6px 0px 12px; } #catalogSignupForm input[type='text']:valid+label, #egContactForm textarea:valid+label { top: 0%; margin-top: -20px; } #catalogSignupForm input[type='text']:valid+label, #egContactForm textarea:valid+label { color: #707070; font-size: .875rem; z-index: 2; font-family: 'Sailec-Regular'; } /* Style for Dropdown Box */ #catalogSignupForm .control { font-family: sans-serif; font-weight: bold; color: #707070; font-size: .875em; } #catalogSignupForm .controls:focus { padding: 19px 6px 35px 16px; } #catalogSignupForm .select { position:relative; display:inline-block; margin:initial; } #catalogSignupForm #egContactForm .select select { display:inline-block; width:100%; cursor:pointer; outline:0; border:1px solid #d2d2d2; border-radius:0; background:#ffffff; appearance:none; -webkit-appearance:none; -moz-appearance:none; font-family:sans-serif; font-size:.875rem; font-weight:bold; position:unset; } #catalogSignupForm .select select::-ms-expand { display:none; } #catalogSignupForm .select select:hover,.select select:focus { color:#6c6c6c; background:rgba(239,239,239,.3); } #catalogSignupForm .select select:disabled { opacity:0.5; pointer-events:none; } #catalogSignupForm #egContactForm > div div.select__arrow { position: absolute; } #catalogSignupForm .select__arrow { position:absolute; top:16px; right:15px; width:0; height:0; pointer-events:none; border-style:solid; border-width:8px 5px 0 5px; border-color:#7b7b7b transparent transparent transparent; } #catalogSignupForm .select select:hover ~ .select__arrow,.select select:focus ~ .select__arrow { border-top-color:#000; } #catalogSignupForm .select select:disabled ~ .select__arrow { border-top-color:#ccc; } #catalogSignupForm .select select:focus,.select select:valid { padding:19px 15px 6px; } #catalogSignupForm .control label.active { top:-23px; left:0px; font-size:.750rem; z-index:2; font-family:sans-serif; font-weight:normal; } #catalogSignupFormThankYou .btnBlue { width:246px; max-width: 246px; height:40px; background: #0e7aba; color:#FFF; border:none; font-family: 'Sailec-Medium'; font-size:16px; border-radius: 3px; } #catalogSignupFormThankYou .btnBlue a { color:#FFF; text-decoration: none; display: block; } form .emailBrochureForm h1 { font-size: 1.25em; } form .emailBrochureForm p { color: #000; margin-bottom: 5px; } form .emailBrochureForm .small { font-size: 0.75rem; } form .emailBrochureForm textarea { padding: 5px; } #saleOverMessage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; background:#E2E2E2; min-height: 70px; height:100%; width:100%; margin-bottom:60px; padding:20px;} #saleOverMessage p { color:#474747; text-align: center; font-family: 'Sailec-Regular'; font-size: .875rem; padding:0; margin:0; line-height: 1.2;} #saleOverMessage p span { font-family: 'Sailec-Medium'; font-size:1rem; } .respGrph .dSrc img { display: block; } .respGrph .tSrc img, .respGrph .mSrc img { display:none; } @media screen and (max-width: 960px) { .respGrph .tSrc + .dSrc img, .respGrph .mSrc img { display: none; } .respGrph .tSrc img { display: block; } } @media screen and (max-width: 720px) { .respGrph .mSrc + .dSrc img, .respGrph .mSrc + .tSrc img { display: none; } .respGrph .mSrc img { display: block; } } .mob-respGrph .mSrc img { display: block; } .mob-respGrph .tSrc img, .mob-respGrph .dSrc img { display:none; } @media screen and (min-width: 721px) { .mob-respGrph .tSrc + .mSrc img, .mob-respGrph .dSrc img { display: none; } .mob-respGrph .tSrc img { display: block; } } @media screen and (min-width: 961px) { .mob-respGrph .dSrc + .mSrc img, .mob-respGrph .dSrc + .tSrc img { display: none; } .mob-respGrph .dSrc img { display: block; } } @media screen and (max-width: 1200px) { .salePage .saleImpact { max-width: initial; width:100%; margin-right:0; min-height: auto; } /* START: Flexbox Order Sorting */ .salePage.flexWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap;} .salePage .saleImpact { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; } .salePage .specialMessage {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2; } .salePage aside { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; } /* END: Flexbox Order Sorting */ .salePage aside { width:100%!important; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; } .salePage aside a { max-width:280px; float:left; margin-right:2%; } .salePage aside a:nth-child(3n) { margin-right:0; } .salePage .btn_impact { padding: 19px 16px; max-width: 32%; } .salePage .specialMessage { margin-bottom:20px; } } @media screen and (max-width: 910px) { .salePage .btn_impact { max-width: 49% } .salePage .btn_impact:nth-child(even) { margin-right:0; } } @media screen and (max-width:720px) { #catalogSignupForm { float:left; margin-bottom:50px; } #catalogSignupFormThankYou { margin-bottom:50px; } #catalogSignupForm .col2 { display: none; } #catalogSignupForm .col8 { width: 96%; float: none; margin:auto; padding: 0 2%; } #catalogSignupForm form > div div{ margin-bottom:16px; } #catalogSignupForm form > div div:last-child { margin-bottom:0px; } } @media screen and (max-width: 555px) { .emailSignup input, .catalogSignup input {max-width: initial; width:100%; min-width:255px; } .emailSignup, .salePage .callOuts, .catalogSignup, section.emailSignupThankYou, .salePage .specialMessage, #catalogSignupFormThankYou { padding:0 0!important; } } @media screen and (max-width:520px) { .salePage .saleImpact { padding:10px; } .salePage .saleImpact .innerWrapperSVG { padding:0 6%; display: block;} .salePage .saleImpact [class*='col'] { width:48%; margin-bottom:2%; } .salePage .saleImpact [class*='col']:nth-child(even) { border-right:hidden!important; } } @media screen and (max-width:480px) { .salePage .saleImpact [class*='col'] { width:48%!important; margin-bottom:2%; margin-right:0; } .salePage aside { clear:both; max-height: initial; } .salePage .btn_impact { max-width:100%; } .salePage .btn_impact:nth-child(odd) { margin-right:0; } } #salePage { text-align: center } #salePage .svgWrapper { padding: 20px 0; } #salePage .svgWrapper:first-child { margin-top: -20px; } /* added 5/30/18 */ #salePage .svgWrapper { padding: 20px 0 0; } #salePage .svgWrapper { margin-top: -20px; } #salePage .saleTitle { padding: 10px 0; } #salePage .preHeaderImg { max-width: 600px; /*padding-bottom: 20px;*/ margin: 0 auto; } @media all and (-ms-high-contrast:none) { #salePage .preHeaderImg { height:36vmin; } } #salePage .preHeaderLink { position: relative; display: block; } #salePage .preHeaderLink:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #salePage .saleTitle-1 { font-family: 'Sailec-Medium'; font-size: 2.625em; display: block } #salePage .saleImageWrapper a { text-decoration: none } /*#salePage:not(.flash) .saleTitle-1.mobile-only { display: none}*/ #salePage object + .saleTitle-1.mobile-only, #salePage img + .saleTitle-1.mobile-only { display: none } #salePage .saleTitle-2 { font-family: 'Sailec-Medium'; font-size: 1.875em; display: block } #salePage .saleTitle-3 { font-family: 'Sailec-Medium'; font-size: 2.375em; display: block } #salePage .saleTitle-4 { font-family: 'Sailec-Regular'; font-size: 1.875em; display: block; color: #333333 } #salePage .saleTitle-5 { display: block } #salePage .saleTitle-6 { display: block } @media only screen and (max-width: 720px) { #salePage .saleImageWrapper .overlay span { text-align: center !important; } } #salePage .saleLandingImages .col4 img, #salePage .saleLandingImages .col12 img { margin: 0 } #salePage .saleLandingImages .col12 { margin: 2% 0; display: inline-block } #salePage .saleLandingImages .col12.landing-sale.svg { margin:0 0 2%; display: inline-block; } #salePage .saleLandingImages .col12.dark .saleTitle-1, #salePage .saleLandingImages .col12.dark .saleTitle-2 { color: #333333; text-shadow: none } #salePage .saleLandingImages .col4 { margin-bottom: 2% } /*#salePage .saleLandingImages .col4:first-child { width: 100%; margin-bottom: 2%; margin-top: 60px }*/ #salePage .saleLandingImages .col4:nth-child(3n) { margin-right: 2% } #salePage .saleLandingImages .col4.third { margin-right: 0 } #salePage .saleImageWrapper { position: relative; color: #fff } #salePage .saleImageWrapper img { width: 100% } #salePage .saleImageWrapper .overlay.left-center { position: absolute; top: 25%; left: 5%; text-align: center } #salePage .saleImageWrapper .overlay.right-center { position: absolute; top: 20%; right: 5%; text-align: center } #salePage .saleImageWrapper .overlay.center-top { position: absolute; top: 45px; text-align: center; left: 0; right: 0; margin: 0 auto; padding: 0 20px } #salePage .saleImageWrapper .overlay .saleTitle-1 { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.875em; display: block } #salePage .saleImageWrapper .overlay .saleTitle-2 { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Regular'; font-size: 1.125em; display: block } #salePage .saleImageWrapper .button { /* JVINE - this isn't part of the design, but I think it needs to be here: background: rgba(150, 150, 150, .5);*/ background: none; cursor: pointer; border: 3px solid #fff; color: #fff; font-size: 1em; padding: 17px 10px; margin: 15px 0 15px 0; text-shadow: 0px 0px 4px rgba(150, 150, 150, 1) } #salePage .saleImageWrapper.col12 .button.fill { -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.5); text-decoration: none!important; border: none; padding: 15px 40px } #salePage .saleImageWrapper.col4 .button.fill { -webkit-box-shadow: none; box-shadow: none; text-decoration: none!important; border: none; width: 100%; margin: -5px 0 0 0; text-shadow: none } #salePage .saleImageWrapper .button.text-grey { color: #333333; text-shadow: none; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.5); text-decoration: none!important; border: none } /*#salePage .saleImageWrapper.imageOnly { margin-bottom: 0 }*/ #salePage .saleLandingImages .col12.collectionBar { background-color: #707070; color: #fff; display: block; clear: both; padding: 7px 40px 10px; line-height: 1.25rem; font-size: 1.875em; font-family: 'Sailec-Light'; margin: 0 0 2% 0 } #salePage .saleLandingImages .col12.collectionBar a { background: inherit; color: inherit; font-size: inherit; font-family: inherit; border: inherit; padding: inherit; display: inline } #salePage .disclaimer { font-family: 'Sailec-Regular'; text-align: left; font-size: 0.875em; color: #7e7e81 } #salePage .disclaimer p { color: #7e7e81; margin-top: 0px } #salePage .disclaimer h3 { font-family: 'Sailec-Medium'; font-size: 1em; margin: 0; padding: 0 } #salePage hr { margin: 5px 5% } /* END SALE PAGE */ /* BEGIN:: STORESITES */ #StoreInfo { padding: 0 2% 55px; display: inline-block; background-color: #f0f0f0; width: 100%; } #StoreInfo .left { float: left; padding-right: 20px; } #StoreInfo .pageHeading { clear: both; padding-top: 25px; margin-bottom: 15px; } #StoreInfo a { text-decoration: underline; } #StoreInfo .col3, #StoreInfo .col4 { text-align: center; } #StoreInfo #locationWrap .col4 img { width: 100%; margin: 5px 0; } #StoreInfo #locationWrap .col8 { margin-right: 0 !important; } #StoreInfo #locationWrap .col8 p { margin: 0; } #StoreInfo #locationWrap ul { list-style: disc; padding: 5px 30px 5px; } .appLanding { width: 100%; margin: 0 auto; text-align: center; } .appLanding a.col4 { display: inline-block; width: 32%; text-align: center; padding: 20px 30px; background: #fff; border: 1px #d2d2d2 solid; text-decoration: none; /*min-height: 360px; */} .appLanding a.col4:hover { border: 1px #333333 solid; } .appLanding a.col4:first-child { margin-left:12%; } .appLanding a.col4:last-child { margin-left:2%; margin-right:0!important; } .appLanding a.col4 h3, .appLanding h2 { font-family: 'Sailec-Medium'; font-size: 1.25em; margin-bottom: 25px; color: #333333; } .storesByState { text-align: right; font-weight: bold; margin: 0 30px 5px 0; font-size: 0.875em; } /* END:: STORESITES */ /* BEGIN: APPOINTMENTS REFRESH */ /* How It Works */ /*#apptHow {margin: 0 0 102px 0;}*/ #apptHow h2.blackBar {max-width: 1180px; width: 100%; font-size: 4.35rem; line-height: 1; color: #fff; background-color: #333333; padding: 22px 20px 10px 20px; margin: 0 auto 28px auto; font-family: 'Sailec-Medium', sans-serif; text-transform: uppercase; text-align: center; } #apptHow h2.how { color:#333333; font-family: 'Sailec-Medium', sans-serif; text-transform: uppercase; font-size: 3.125rem; margin-bottom:25px; } #apptHow .howIntro {width:100%; max-width: 956px; font-family: 'Sailec-Medium'; font-size: 1.5rem; line-height: 1.23; color: #333333; text-align: center; margin: 0 auto 30px auto; } #apptHow .howVideo {width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} #apptHow .howVideo .col7 { max-width: 601px; margin-right:4%; } #apptHow .howVideo .videoContainer { padding-bottom:56.25%} #apptHow .howVideo .col5 { padding-right:108px; font-family:'Sailec-Regular';} #apptHow .howVideo .col5 h3{ font-weight: 800;font-family: 'Sailec-Medium';font-size: 1.5em; } #apptHow .howSteps {width: 100%; line-height: 1; color: #333333; margin: 90px auto 0; text-align: center;} #apptHow .howSteps ul.slides { margin:0; } #apptHow .howSteps .howTitle {display: block; font-family: 'Sailec-Medium', sans-serif; font-size: 1.750rem; line-height: 1; text-transform: uppercase; } #apptHow .howSteps .howText {display: block; font-family: 'Sailec-Regular'; font-size:0.875rem; line-height: 1.3;} #apptHow .howSteps .flexslider ul {width: 100%;} #apptHow .howSteps .flexslider li.first span {/*width: 89%; */ margin-left: auto; margin-right: auto; padding: 0 22%;} #apptHow .howSteps .flexslider li.middle span {/*width: 100%; */margin-left: auto; margin-right: auto; padding: 0 22%;} #apptHow .howSteps .flexslider li.last span {/*width: 89%; */margin-left: auto; margin-right: auto; padding: 0 22%;} #apptHow .flex-direction-nav {display: none;} #apptHow .badge { margin-bottom:16px; display: -webkit-box; display: -ms-flexbox; display: flex; width:44px!important; height:44px;border-radius: 50%; padding: 0!important; border: 1px solid #333; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: 'Sailec-Medium'; font-size:1rem;} @media screen and (max-width: 960px) { #apptHow .howSteps .flexslider li.first span { padding:0; } #apptHow .howSteps .flexslider li.middle span { width:initial; } #apptHow .howSteps .flexslider li.middle span { padding:0; } #apptHow .howSteps .flexslider li.last span { padding:0; } #apptHow .howVideo .col5 { padding-right:0; } } @media screen and (max-width: 720px) { #apptHow .howVideo .col7 { max-width: inherit; width:100%; } #apptHow .howVideo .col5 { max-width: inherit; width:100%; } #apptHow .howVideo { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column; flex-flow:column; } } /* Success Stories */ #apptSuccess {margin: 0 0 45px 0;} #apptSuccess h2 {width: 100%; font-size: 4.35rem; line-height: 1; color: #333333; margin: 0 auto 28px auto; font-family: 'Sailec-Medium', sans-serif; text-transform: uppercase; text-align: center;} #apptSuccess .ssText {width:100%; max-width: 1150px; font-family: 'Sailec-Medium'; font-size: 1.5rem; line-height: 1.23; color: #333333; text-align: center; margin: 0 auto 34px auto; } #apptSuccess .ssSliderWrap {position: relative; display: block; max-width: 1390px; width: 100%; margin-left: auto; margin-right: auto;} #apptSuccess .centerImages { display: block; max-width: 1390px; width: 100%; margin: 0 auto; padding-left: 7.6%; padding-right: 7.6%;} #apptSuccess li img.left, #apptSuccess li img.right {float:left; width: 46%; margin:0;} #apptSuccess .flexslider {width: 100%; margin-bottom: 0; padding-left: 12px; padding-right: 12px;} #apptSuccess .captionArea {float: left; width: 100%; font-family: 'Sailec-Medium', sans-serif; font-size: 2.1rem; text-align: center; margin-top: 25px;} #apptSuccess .captionArea .before {display: block; float: left; width: 46%; padding-left: 8%;} #apptSuccess .captionArea .after {display: block; float: left; width: 46%; padding-right: 8%;} #apptSuccess .flex-direction-nav {display: block;} #apptSuccess .flex-direction-nav a {height: auto; width: 70px;} #apptSuccess .flex-direction-nav a:before {font-size: 8.7em; color: #333333; text-shadow: 0 0 0 rgba(0, 0, 0, 0.0);} #apptSuccess .flex-direction-nav a.flex-prev, #apptSuccess .flex-direction-nav a.flex-next {top: 32%; right: 30px;} #apptSuccess .flex-direction-nav a.flex-prev {left: 30px;} #apptSuccess .flex-direction-nav a.flex-prev:before {content: '\f104';} #apptSuccess .flex-direction-nav a.flex-next:before {content: '\f105';} /* Meet Your Designers */ #apptDesigners { clear: both; } #apptDesigners h2 {width: 100%; font-size: 3.125rem;line-height: 1; color: #333333; margin: 0 auto 28px auto; font-family: 'Sailec-Medium', sans-serif; text-transform: uppercase; text-align: center;} #apptDesigners .col3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column wrap; flex-flow:column wrap; padding:0 1%;} #apptDesigners .col3 { margin:0 1% 0 0; } #apptDesigners .col3:last-child {margin:0 0 0 0;} #apptDesigners .col3 img { margin: 0 auto 20px; } #apptDesigners .col3 h3 {width: 100%; font-size: 1.125rem;line-height: 1; color: #333333; margin: 0 auto 10px auto; font-family: 'Sailec-Medium' ,sans-serif; text-transform: uppercase;} #apptDesigners .col3 p { font-size:1rem; font-family: 'Sailec-Regular' ,sans-serif;} @media screen and (max-width: 960px) { #apptDesigners { display:none; } } /* Customer Reviews */ section#reviews.apptStyling {margin-bottom: 110px;} #reviews.apptStyling h2 {width: 100%; line-height: 1; color: #333333; margin: 0 auto 28px auto; font-family: 'Sailec-Medium', sans-serif; text-transform: uppercase; font-size: 3.125rem; text-transform: uppercase; text-align: center;} #reviews.apptStyling .reviewWrap {border: none;} #reviews.apptStyling #reviewSlider .flexslider {max-width: 100%; width: 100%;} #reviews.apptStyling #reviewSlider .flex-viewport {padding: 0 6%;} #reviews.apptStyling #reviewSlider .flex-direction-nav a.flex-prev:before {content: '\f104'; } #reviews.apptStyling #reviewSlider .flex-direction-nav a.flex-next:before {content: '\f105';} #reviews.apptStyling #reviewSlider .flex-direction-nav a:before {color: #333333; text-shadow: 0 0 0 rgba(0, 0, 0, 0.0);} #reviews.apptStyling #reviewSlider .contentSlideWrap {text-align: center;} #reviews.apptStyling #reviewSlider .starsWrapper {text-align: center;} #reviews.apptStyling #reviewSlider .contentSlideWrap .inner {margin: 0;} #reviews.apptStyling .reviewsInfo {display: none;} /* Disclaimer */ .disclaimer {font-family: 'Sailec-Regular'; text-align: left; font-size: 0.875em; color: #7e7e81;} /* Inside Look */ #inside_Look img { margin-bottom:30px; margin:0 0 0 0; width: 100%} #inside_Look span { font-family: 'Sailec-Medium'; font-size:0.938rem;} #inside_Look span { padding-bottom:10px; } #inside_Look .innerWrapper.group p:first-child{ padding:0 2%; font-family: 'Sailec-Medium' } #inside_Look p:not(:first-child) { font-family: 'Sailec-Regular'; font-size:1rem; } #inside_Look ol { margin-left:3.5%; padding:20px 0 0; margin-bottom:60px; } #inside_Look ol li span{ font-size: 1.250rem; font-family: 'Sailec-Regular'; padding:0;} #inside_Look ol li { margin-bottom:30px; } #inside_Look ol li p { font-size:1rem; } @media screen and (min-width:720px) { #inside_look img { width:100%; margin:0 0 0 0; } } @media screen and (min-width:721px) { #inside_look img { width:100%; margin:0 0 0 0; } } @media screen and (min-width:961px) { #inside_look img { width:100%; margin:0 0 0 0; } } @media all and (max-width: 960px){ /* Infographics */ #apptInfographics .infoSteps .infoTitle {font-size: 1.83rem; line-height: .9;} #apptInfographics .infoSteps li.first {width: 32.3%;} #apptInfographics .infoSteps li.middle {width: 32.3%;} #apptInfographics .infoSteps li.middle span {width: 63%;} #apptInfographics .infoSteps li.last {width: 32.3%;} /* How It Works */ /*#apptHow {margin: 0 0 40px 0;}*/ #apptHow h2.blackBar {font-size: 3.7rem; padding: 26px 20px 16px 20px; margin: 0 auto 25px auto; } #apptHow .howIntro {max-width: 960px; font-size: 1.1rem; line-height: 1.4; padding-left: 20px !important; padding-right: 20px !important; margin: 0 auto 30px auto;} #apptHow .howVideo {padding-left: 15px; padding-right: 15px; margin: 0 auto 47px auto;} #apptHow .howSteps .howTitle { margin-bottom: 9px; } #apptHow .howSteps .howText {font-size: .9rem; line-height: 1.2;} #apptHow .howSteps .flexslider li.first span { padding-right: 0;} #apptHow .howSteps .flexslider li.middle span {width: 80%} #apptHow .howSteps .flexslider li.last span { padding-left: 0;} /* Success Stories */ #apptSuccess {margin: 0;} #apptSuccess h2 {font-size: 3.7rem; padding: 26px 20px 16px 20px; margin: 0 auto; } #apptSuccess .ssText {max-width: 960px; font-size: 1.1rem; line-height: 1.4; padding-left: 20px !important; padding-right: 20px !important; margin: 0 auto 30px auto;} #apptSuccess .centerImages { padding-left: 7.3%; padding-right: 7.3%;} #apptSuccess .captionArea {margin-top: 14px;} #apptSuccess .ssSliderWrap ul.slides { margin:0 3%; } #apptSuccess .flex-direction-nav a {height: 70px; width: 55px;} #apptSuccess .flex-direction-nav a:before {font-size: 4.7em;} #apptSuccess .flex-direction-nav a.flex-prev, #apptSuccess .flex-direction-nav a.flex-next {top: 37%; right: 19px;} #apptSuccess .flex-direction-nav a.flex-prev {left: 19px;} /* appt Customer Reviews */ #reviews.apptStyling h2 {font-size: 3.7rem; padding: 26px 20px 16px 20px; margin: 0 auto; } section#reviews { padding:0 0!important; } #apptCallouts .flex-direction-nav {display: block;} #apptCallouts .flex-direction-nav a:before {font-size: 2em; color: #333333; text-shadow: 0 0 0 rgba(0, 0, 0, 0.0);} #apptCallouts .flex-direction-nav a.flex-prev, #apptHow .flex-direction-nav a.flex-next, #apptCallouts .flex-direction-nav a.flex-next {top: 35%; height: 28px;} #apptCallouts .flex-direction-nav a.flex-prev {left: 0;} #apptCallouts .flex-direction-nav a.flex-prev:before {content: '\f104';} #apptCallouts .flex-direction-nav a.flex-next:before {content: '\f105';} #apptCallouts .howSteps .flexslider {margin: 0;} #apptCallouts .howSteps .flexslider li.first span {max-width: 250px; width: 100%; padding-right: 0;} #apptCallouts .howSteps .flexslider li.middle span {max-width: 275px; width: 100%;} #apptCallouts .howSteps .flexslider li.last span {max-width: 250px; width: 100%; padding-left: 0;} } @media screen and (min-width:960px) { #apptCallouts > .flexslider ul.slides { display: flex; } #apptCallouts > .flexslider ul.slides li.appt.instore { order: 1; } #apptCallouts > .flexslider ul.slides li.appt.virtual { order: 2; } #apptCallouts > .flexslider ul.slides li.appt.chat { order: 3; } } #apptCallouts > .flexslider .slides img { width: auto; display: block; margin: 0 auto 30px; } #apptCallouts > .flexslider ul { margin: 0 0 0 0; } .finance p{ font-family:'locator'; } .finance p em{ font-family: 'Sailec-Medium'; } .finance h2{ font-family: 'Sailec-Medium'; } .financeBtns .col4 span{ font-family:'Sailec-Light'; font-size:1em; display:inline-block; padding:20px 0px; } .financeBtns .col4 span i{ vertical-align: middle; margin-left:12px; font-size:1em; } #pinterestShare { position: relative; } #pinterestShare > a { margin: 0; position: relative; top: -6px; } #pinterestShare > a > span { display: none; } @media all and (max-width: 740px){ /* Infographics */ #apptInfographics {margin: 0;} #apptInfographics .infoSteps .infoTitle {font-size: 1.83rem; line-height: .9;} #apptInfographics .infoSteps li {margin-bottom: 15px;} #apptInfographics .infoSteps li.first {width: 100%; border-right: none;} #apptInfographics .infoSteps li.first span {max-width: 200px; width: 100%;} #apptInfographics .infoSteps li.middle {width: 100%;} #apptInfographics .infoSteps li.middle span {max-width: 154px;width: 100%;} #apptInfographics .infoSteps li.last {width: 100%; margin-bottom: 0; border-left: none;} #apptInfographics .infoSteps li.last span {max-width: 200px;width: 100%;} /* How It Works */ #apptHow {margin: 0 0 20px 0;} #apptHow h2.blackBar {font-size: 2.5rem; padding: 18px 20px 13px 20px; margin: 0 auto 20px auto; } #apptHow .howVideo {padding-left: 15px; padding-right: 15px; margin: 0 auto 32px auto;} #apptHow .howSteps .howTitle {/*font-size: 2.5rem;*/ margin-bottom: 0;} #apptHow .howSteps .howText {font-size: .98rem; line-height: 1.5;} #apptHow .flex-direction-nav {display: block;} #apptHow .flex-direction-nav a:before {font-size: 2em; color: #333333; text-shadow: 0 0 0 rgba(0, 0, 0, 0.0);} #apptHow .flex-direction-nav a.flex-prev, #apptHow .flex-direction-nav a.flex-next {top: 40%; height: 28px;} #apptHow .flex-direction-nav a.flex-prev {left: 0;} #apptHow .flex-direction-nav a.flex-prev:before {content: '\f104';} #apptHow .flex-direction-nav a.flex-next:before {content: '\f105';} #apptHow .howSteps .flexslider {margin: 0;} #apptHow .howSteps .flexslider li.first span {max-width: 250px; width: 100%; padding-right: 0;} #apptHow .howSteps .flexslider li.middle span {max-width: 275px; width: 100%;} #apptHow .howSteps .flexslider li.last span {max-width: 250px; width: 100%; padding-left: 0;} /* Design Help */ #apptCallouts > .flexslider .slides img { width: auto;display: block;margin:0 auto;} /* Success Stories */ #apptSuccess {margin: 0 0 17px 0;} #apptSuccess h2 {font-size: 2.8rem; margin: 0 auto; padding: 26px 20px 6px 20px;} #apptSuccess .centerImages { padding-left: 7.3%; padding-right: 7.3%;} #apptSuccess .captionArea {margin-top: 14px;} #apptSuccess .flex-direction-nav a {height: 30px; width: 25px;} #apptSuccess .flex-direction-nav a:before {font-size: 2em;} #apptSuccess .flex-direction-nav a.flex-prev, #apptSuccess .flex-direction-nav a.flex-next {top: 44%; right: 20px;} #apptSuccess .flex-direction-nav a.flex-prev {left: 20px;} #apptSuccess .captionArea {font-size: 1.25rem; margin-top: 8px;} /* appt Customer Reviews */ #reviews.apptStyling h2 {font-size: 2.8rem; margin: 0 auto; padding: 26px 20px 6px 20px;} } @media all and (max-width: 720px){ /* Customer Reviews */ section#reviews.apptStyling {margin-bottom: 30px;} #reviews.apptStyling #reviewSlider .flexslider {display: block;} #reviews.apptStyling #reviewSlider .flex-viewport {padding: 0;} #reviews.apptStyling #reviewSlider .contentSlideWrap { margin: .5% 15%; width: 70%;} } @media all and (max-width: 580px) { #apptApp .col4 {width:100%;} } @media all and (max-width: 380px){ /* Success Stories */ #apptSuccess .flex-direction-nav a.flex-prev, #apptSuccess .flex-direction-nav a.flex-next {top: 42%;} } /* Appointment */ .noBorderBottom { border-bottom:none; } h1.apptApp { font-family: 'Sailec-Medium', sans-serif; text-transform: uppercase; font-size: 3.125rem; } #apptApp { margin: 0 auto 30px; position: relative; } #apptApp .innerWrapper { overflow: hidden; text-align:center; } #apptApp { display: inline-block; text-align: center; padding: 0px 4%; } #apptApp .center { border-left: 1px #ddd solid; border-right: 1px #ddd solid;} #apptApp .col4:last-child {margin-right:0!important;} #apptApp .col4:first-of-type{ margin: 0 2% 0 0; vertical-align: top;} #apptApp h3 { font-weight: 800; font-family: 'Sailec-Medium'; font-size: 1.5em; margin: 0; } #apptApp a.orange { margin: 0 auto; font-family: 'Sailec-Medium'; font-weight: 700; font-size: .875rem; color: #fff; background-color: #d43900; padding: 13px; text-decoration: none; display: inline-block; border-radius: 3px; } #apptApp a#apptChat.orange:not(.laChatTrigger) { background-color: #333333; } #apptApp em { display:block; font-family: 'baskItalic'; font-size:1.125rem; margin-bottom:16px; } #apptApp p { font-size:0.875rem; font-family: 'Sailec-Regular'; flex: 1 1 auto;} #apptApp img { margin:0 0 0 0; } @media all and (max-width: 960px) { #apptApp .col4:first-of-type { margin: 0 2% 0 0%; } #apptApp .center { border-left:none; border-right:none; } #apptApp { margin: 0px auto 30px; } } @media all and (max-width: 640px){ #apptApp h2 { font-size: 1.8em; } #apptApp .col4:first-of-type { margin: 0 0 15px 0; } #apptApp .col4 h3 { font-size: 1.2em; } #apptApp .col4 a.orange { font-size: 1rem; } } /* END: APPOINTMENTS REFRESH; */ /* BEGIN: GRAND OPENING */ #grand-opening { background: #FFF; } #grand-opening header { background: #FFF; height: 92px; margin-bottom: -20px; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } #grand-opening footer { margin-top: 0; } .grandOpening { } .grandOpening .col4 { margin-right: 0 !important; } .grandOpening .logo { margin: 38px 0 0px; } .grandOpening .logo img { max-width: 100%; } .directionsWrap { margin-top: 25px; } .grandOpening .button2 { float: right; text-transform: uppercase; padding: 12px 23px 7px; margin-top: 14px; } .grandOpening .phone { font-family: 'Sailec-Medium'; font-size: 1em; color: #333333; float: right; margin-top: 24px; } .grandOpeningImpact { max-width: 100%; height: auto; padding-top: 70px; } .grandOpeningImpact img { width: 100%; } .grandOpeningContent { padding-top: 60px; } .grandOpeningContent .col4.rightColumn { margin-right: 0%; text-align: center; } .grandOpeningContent .headline { float: left; display: block; } .grandOpeningContent h2 { font-family: 'archermedium'; font-size: 4.125em; text-transform: uppercase; color: #686426; text-align: center; } .grandOpeningContent .headline h3 { font-family: 'archermedium'; font-size: 2.125em; text-transform: uppercase; color: #686426; text-align: left; } .fancy { line-height: 0.5; text-align: center; color: #90c4dc; font-family: 'Sailec-Regular'; font-size: 1.875em; text-transform: uppercase; } .fancy span { display: inline-block; position: relative; } .grandOpeningContent .wysiwyg { padding-bottom: 25px; font-family: 'Sailec-Light'; font-size: 1.125em; } .grandOpeningContent .buttonDark { width: 100%; text-align: center; margin-bottom: 5px; } .grandOpeningContent .buttonDark:after { content: '' !important; padding-left: 0; font-size: 1.250em; } .grandOpeningContent .buttonDark span { margin: 0 10px 0 10px; text-transform: uppercase; font-size: 1.250em; } .grandOpeningContent .fa-map-marker, .grandOpeningContent .fa-clock-o { font-size: 1.250em; } .grandOpeningContent .newStore { padding: 0 2%; } .grandOpeningContent .newStore img { width: 100%; } .grandOpeningContent .newStore p strong { font-family: 'Sailec-Regular'; } .grandOpeningContent .newStore p { font-family: 'Sailec-Light'; margin-bottom: 4px; margin-top: 0; } .grandOpeningContent .rightColumn img { width: initial; height: auto; margin-bottom: 20px; } .grandOpeningContent ul { list-style: disc; margin-left: 30px; margin-bottom: 10px; } .grandOpeningRWL { padding-top: 131px; } .grandOpeningRWLTitle { text-align: center; } .grandOpeningRWLTitle h2 { font-family: 'archermedium'; font-size: 3.438em; text-transform: uppercase; color: #686426; text-align: center; padding-bottom: 44px; } .grandOpeningRWLTitle .fancy { line-height: 0.5; text-align: center; text-transform: uppercase; } .grandOpeningRWLTitle .fancy span { display: inline-block; position: relative; } .grandOpeningRWLTitle img { width: 96%; padding-bottom: 44px; } .grandOpeningRWL > .col6:nth-child(even) { margin-right: 2% !important; } .grandOpeningRWL > .col6:nth-child(odd) { margin-right: 0 !important; } .grandOpeningRWL > .col6 img { width: 100%; } .grandOpeningRWLWrap { -webkit-background-size: contain; background-size: contain; position: relative; width: 100%; height: 413px; display: -webkit-box; display: -webkit-flex; display: flex; display: -ms-flexbox; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; text-decoration: none !important; } .grandOpeningRWLWrap > .topic-tag { display: block; color: #FFF; text-transform: uppercase; font-family: 'Sailec-Regular'; font-size: 2.875em; border: 3px solid #FFF; padding: 5px 23px; margin-top: -30px; } .grandOpeningRWLWrap:hover > .topic-tag { color: rgba(87,87,91,1); border: 3px solid #333333; z-index: 10; } .grandOpeningRWLWrap.overlay { position: relative; } .grandOpeningRWLWrap.overlay:before { position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 0; } .grandOpeningRWLWrap.overlay:hover:before { display: block; } .white:before { background-color: rgba(255,255,255,0.5); } @media screen and (max-width:1220px) { .grandOpeningContent .col8.one-row { padding: 0 1%; } .grandOpeningContent .rightColumn.col4.one-row { padding: 0 1%; } .grandOpeningContent h2 { font-size: 6vw; } } @media screen and (max-width:1016px) { .grandOpeningContent { padding-top: 20px; } .grandOpeningContent .col8 { width: 100%; } .grandOpeningContent .headline { float: none; } .grandOpeningContent .newStore .mob-only.col6 { display: block !important; width: 49%; margin-bottom: 20px; padding: 0 2%; } .grandOpeningContent .wysiwyg { padding-bottom: 20px; } .grandOpeningContent .newStore { padding: 0; } .grandOpeningContent .newStore .col6 { width: 100%; } .grandOpeningContent .newStore .col6:nth-child(2) { margin-bottom: 20px; } .grandOpeningContent .newStore .col6:nth-child(2) p { padding: 20px 0; display: none; } .grandOpeningContent .newStore .col6:nth-child(2) a { display: none; } .grandOpeningContent .buttonDark span { font-size: 1.9vw; } .grandOpeningContent .rightColumn img { float: left; } .grandOpeningContent .rightColumn img:nth-child(1) { padding-right: 20px; } .grandOpeningContent .rightColumn.col4.one-row { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; display: -ms-flexbox; -webkit-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; } .grandOpeningRWL { padding-top: 40px; } .grandOpeningRWLTitle h2 { font-size: 5.3vw; } } @media screen and (max-width:960px) { .grandOpening .button2 { display: none; } .grandOpening .mob-only { display: block !important; float: right; } .grandOpening .fa-map-marker { font-size: 2.250em; margin-top: 13px; position: relative; } .grandOpening .directionsWrap .col9 { display: none; } .grandOpening .directionsWrap .col3 { width: 75%; float: right; top: 25px; position: absolute; right: 0; } .fancy span:before, .fancy span:after { content: ''; display: none; } } @media screen and (max-width:850px) { .grandOpeningContent .buttonDark span { font-size: 1.7vw; } .grandOpeningRWLWrap > .topic-tag { font-size: 5.2vw; } .grandOpeningRWLTitle h2 { font-size: 7vw; } } @media screen and (max-width:720px) { #grand-opening .mobileSocial { margin-top: 0; } .grandOpening .logo { } .grandOpening .logo img { width: 75%; } .grandOpening .col6, .directionsWrap .col8, .directionsWrap .col4 { width: 49%; } .grandOpeningContent .buttonDark span { font-size: initial; } .grandOpeningContent .newStore .col6 { width: 100%; } .grandOpeningContent .rightColumn { float: left; } .grandOpeningContent .rightColumn.col4 { width: 100%; margin: 20px 0; } .grandOpeningContent .rightColumn.col4.one-row { text-align: center; float: none; } .grandOpeningContent .rightColumn img { float: none; } .grandOpeningContent .headline { float: none; } .grandOpeningContent h2 { font-size: 7.5vw; } .grandOpeningRWL { padding-top: 20px; } } @media screen and (max-width:600px) { .grandOpening .col6:nth-child(1) { width: 38%; } .grandOpening .col6:nth-child(2) { width: 60%; } .grandOpeningRWL .col6 { width: 100%; } .grandOpeningRWLWrap > .topic-tag { font-size: 2.250rem; } .grandOpeningContent .newStore .mob-only.col6 { width: 100%; } } @media screen and (max-width:500px) { .grandOpeningImpact { max-width: 100%; height: auto; padding-top: 42px; } .grandOpening .logo img { width: 55%; } .grandOpening .col6:nth-child(1) { width: 100%; } .grandOpening .col6:nth-child(2) { width: 100%; } .grandOpening .logo { margin-top: 30px; } .grandOpening .directionsWrap .col3 { top: 12px; } .grandOpening .directionsWrap { margin-top: 0; } } /* END: GRAND OPENING */ /*CUSTOMER SURVEY PAGE*/ form.surveyForm ul#customer-survey li:nth-child(2) { margin-top: 25px } /*END CUSTOMER SERVICE PAGE*/ /* BEGIN STANDARD PAGE STYLES */ .accordion { width: 100%; } #viewOrderRpt .viewOrder-summary .accordion.protectionPlanOptions, #checkout .reviewOrder .accordion.protectionPlanOptions {display: inline-block; border-bottom: 0px solid #d2d2d2;} #viewOrderRpt .viewOrder-summary .accordion.protectionPlanOptions:last-of-type .accordionTrigger:not(.close), #checkout .reviewOrder .accordion.protectionPlanOptions:last-of-type .accordionTrigger:not(.close) {border-bottom: 0px solid #d2d2d2;} .accordionTrigger:not(.unstyled) { font-family: 'Sailec-Medium'; display: inline-block; width: 100%; border-bottom: 1px solid #d2d2d2; padding: 20px 0px; color: #333333; cursor: pointer; outline: 0; } .accordionTrigger:not(.unstyled) a { color: #333333; cursor: pointer; text-decoration: none; font-family: archerbold; } .accordionTrigger:not(.unstyled):before { font-family: 'Font Awesome 5 Pro'; content: "\f067"; margin: 0 15px 0 9px; font-weight: 300;} .accordionTrigger.innerAccordion {font-size: .92rem; border-bottom: none; padding-bottom: 15px;} .accordionTrigger.innerAccordion .innerContent p{ font-size: .9rem; } .accordionTrigger.innerAccordion:not(.unstyled):before { font-size: .9rem; } @media screen and (max-width: 720px) { .accordionTrigger.mobileSuppressed:before { display: none; } } @media screen and (max-width: 775px) { #viewOrderRpt .viewOrder-summary .accordion.protectionPlanOptions:last-of-type .accordionTrigger:not(.close) {border-bottom: 1px solid #d2d2d2;} #viewOrderRpt .viewOrder-summary .protectionPlanPricing {padding: 0px 0 0 0 !important;} #viewOrderRpt .viewOrder-summary > .col6 > .Buy-with-Confidence {display: none;} } .accordion .accordionContent { display: none; padding: 15px 30px 30px 30px; } .protectionPlanHeader { display: flex; align-items: center; border-top: 1px solid #d2d2d2; padding: 20px 0px 0px 0px; } .protectionPlanHeader img { width: 40px; } .accordionContent.storeList { font-size: 1em; line-height: 1.35em; } .close:not(.unstyled):before { font-family: 'Font Awesome 5 Pro'; content: "\f068" !important; margin: 0 15px 0 9px; font-weight: 300; } .col6.career { width: 50%; margin: 0 !important; position: relative; } .col6.career img { width: 100%; margin: 0; position: relative; } .col6.career p { margin: 20px; font-size: .9em; } .col6.career h2 { font-size: 1.8em; font-family: Sailec-Medium; margin-left: 20px; text-transform: uppercase; color: #333333 !important; } .mainContent > section.group:nth-child(even) > .career:nth-child(2), .mainContent > section.group:nth-child(odd) > .career:nth-child(1) { padding-top: 15px; } .shipCalcBtn { margin-left: -5px; } .shipCalcInput { height: 48px; } ul.tradeul { list-style: disc; margin-left: 20px; } .tradeBlock { margin: 15px 0px; } .tradeBlock:after { content: " "; clear: both; display: block; } .col8.tradeDesc { margin-right: 0 !important; } .zipTextbox { height: 40px; padding: 10px; outline: 0; } .videoContainer a.youtube.videoSplashImage img { width: 100%; } /* END STANDARD PAGE STYLES */ /* BEGIN STANDARD PAGE FORM STYLES */ .mainContent label { display: block; position: relative; } .mainContent input[type=text], .mainContent input[type=email],.yourStoreBox input[type=text], .mainContent input[type=password], select { max-width: 100%; padding: 5px 10px 5px 10px; margin: 5px 0px 9px 0px; height: 40px; border: 1px #4C4C4C solid; /*outline: 0;*/ } .guest-or-signin .inputWrap input[type=text], .guest-or-signin .inputWrap input[type=email], .guest-or-signin .inputWrap input[type=password] {max-width: 100%; width: 100%;} span.required { color: #c0392b; } label > span.required > .validator.error[style*='visibility:hidden'], label > span.required > .validator.error[style*='visibility: hidden'] { display: none; } .starsLP img { margin-right: 0; } /* END STANDARD PAGE FORM STYLES */ /* BEGIN STANDARD PAGE FORM STYLES */ /* Initial input and label style */ /*.myAccountProfile label { display: block; position: relative; -webkit-transition: all 0.2s; transition: all 0.2s; padding: 6px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 2; font-family: sans-serif; font-weight: bold; color: #6c6c6c; font-size: .875rem; top: 38px; bottom: 0; left: 0; width: auto; } .mainContent input[type=text], .yourStoreBox input[type=text], .mainContent input[type=password], select { z-index:1;padding: 5px 10px 5px 10px; margin: 5px 0px 9px 0px; max-width: 100%; height: 40px; border:1px solid #d2d2d2; /*outline: 0;*/ } /*span.required { color: #c0392b; } .starsLP img { margin-right: 0; } /* Style when in focus state */ /*.myAccountProfile input[type=text]:focus, .myAccountProfile input[type=password]:focus {padding:15px 6px 12px 16px;background:#FFF;font-weight:bold;font-size:.750em;} .myAccountProfile input[type=text]:focus+label, .myAccountProfile input[type=password]:focus+label{top:0%;margin-top:-4px;color:#000;font-size:.750em;padding:11px 4px 11px 11px;z-index:2;font-family:sans-serif;font-weight:normal;} /* Style when leaving the input */ /* .myAccountProfile input[type=text]:valid, .myAccountProfile input[type=password]:valid {padding:19px 6px 6px 16px;font-size:.875em;font-weight:bold;background:white;} /* .loginWrap form input[type=text]:valid+label, input[type=password]:valid+label {top:0%;margin-top:-2px;color:#000;font-size:.750em;z-index:2;font-family:sans-serif;font-weight:normal;padding:9px 10px;}*/ /* .myAccountProfile input[type=text]:not(:placeholder-shown) + label, .myAccountProfile input[type=password]:not(:placeholder-shown) + label { top: 0%; margin-top: -4px; font-size: .750em; padding: 11px 4px 11px 11px; z-index: 2; font-family: sans-serif; font-weight: normal; }/*.loginWrap form input:empty { border: solid 5px green; }*/ /* .myAccountProfile input+label.active { top: 3px; left: -5px; color: #000; font-size: .750rem; z-index: 2; font-family: sans-serif; font-weight: normal; } /* .myAccountProfile input+label.active { top: 3px; left: -5px; color: #000; font-size: .750rem; z-index: 2; font-family: sans-serif; font-weight: normal; } /* .myAccountProfile input[type=text]:valid { margin-bottom:10px; background:#FFF;font-weight:bold;font-size:.750em; } */ /* END STANDARD PAGE FORM STYLES */ /* BEGIN: BUTTON ROW */ .buttonRow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} .buttonRow div .buttonMedium { display: inline-block; padding: 15px 20px; background: #757578; color: #fff; text-align: center; font-size: 1em; border: 0; text-transform: capitalize; margin: 20px 10px 20px; text-decoration: none !important; margin-right:10px; } .buttonRow .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex:1; -ms-flex:1; flex:1; } .buttonRow .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .buttonRow .center { float:none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin:0 auto; } @media screen and (max-width: 720px) { .buttonRow { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .buttonRow .left, .buttonRow .center, .buttonRow .right { width:100%; } } /* END: BUTTON ROW */ /* BEGIN: STANDARD PAGE STYLES ADDITIONS */ .mainContent .sale-row { margin-bottom:30px; } .mainContent .sale-row a img { margin:0; } .mainContent .sale-row a { text-decoration: none; } .mainContent .sale-row .button { background: none; border: none; width: 100%; text-align: center; font-size: 1rem; text-transform: none; } .mainContent .sale-row .button:hover { background: none; color: #c0392b; } .mainContent .sale-row .button:after { font-size: .75em; } .mainContent .sale-row span { width: 100%; display: inline-block; text-align: center; padding: 5px 0; } .mainContent .sale-row span.sale-text { font-size: 2.15rem; font-family: 'Sailec-Medium', sans-serif; text-transform: uppercase; margin-top: 20px; letter-spacing: -.055rem; max-width: 377px; } .mainContent .sale-row .col4, .mainContent .videoColThree .col4 { width:32%; } .mainContent .sale-row .col4:last-child, .mainContent .videoColThree .col4:last-child { margin-right:0; } .mainContent .sale-row .col4:nth-child(2n), .mainContent .videoColThree .col4:nth-child(2n) { margin-right:2%; } .mainContent .videoColThree { margin-bottom:30px; } .mainContent .videoColThree a.youtube .overlay img { display: none; } .mainContent .videoColThree a.youtube { display: block; position: relative; } .mainContent .videoColThree a.youtube .overlay:after { content: "\f04b"; font-family: "Font Awesome 5 Pro"; color: #fff; position: absolute; border-radius: 50%; background: #25252f; border: 2px solid #fff; top: 10px; left: 10px; padding: 7px 8px 7px 12px; font-weight: 300;} .mainContent .videoColThree span.sale-text { font-family: 'Sailec-Medium'; font-size: 1rem; display: block; margin-top: 5px; } .mainContent .videoColThree a.LGText-two { font-family: 'Sailec-Regular'; font-size: 1rem; display: block; text-decoration: none; margin-top: 3px; margin-bottom: 15px; margin: 10px 0 35px 0; } .mainContent .featured { position: relative; color: #fff; margin: 10px 0; } .mainContent .featured img { margin-right:0; } .mainContent .col12.featured .overlay.center-center { position: absolute; top: 40%; width: 100%; text-align: center; } .mainContent .col12.featured .overlay.center-center span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium', sans-serif; font-size: 5em; display: block; text-transform: uppercase; } .mainContent .col12.featured .overlay.center-center .button-shadow { margin: 20px 0 0px; min-width: 220px; text-align: center; border-radius: 3px; } .mainContent .col12.featured .overlay.top-left { position:absolute; top:10%; left:10%; } .mainContent .col12.featured .overlay.top-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium', sans-serif; font-size: 5em; display: block; text-transform: uppercase; } .mainContent .col12.featured .overlay.top-left .button-shadow { margin: 20px 0 0px; min-width: 220px; text-align: left; border-radius: 3px; } .mainContent .col12.featured .overlay.bottom-left { position:absolute; bottom:10%; left:10%; } .mainContent .col12.featured .overlay.bottom-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium', sans-serif; font-size: 5em; display: block; text-transform: uppercase; } .mainContent .col12.featured .overlay.bottom-left .button-shadow { margin: 20px 0 0px; min-width: 220px; text-align: center; border-radius: 3px; } .mainContent .col12.featured .overlay.top-right { position:absolute; top:10%; right:10%; text-align:right;} .mainContent .col12.featured .overlay.top-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium', sans-serif; font-size: 5em; display: block; text-transform: uppercase; } .mainContent .col12.featured .overlay.top-right .button-shadow { margin: 20px 0 0px; min-width: 220px; text-align: right; border-radius: 3px; } .mainContent .col12.featured .overlay.bottom-right { position:absolute; bottom:10%; right:10%; text-align:right; } .mainContent .col12.featured .overlay.bottom-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium', sans-serif; font-size: 5em; display: block; text-transform: uppercase; } .mainContent .col12.featured .overlay.bottom-right .button-shadow { margin: 20px 0 0px; min-width: 220px; text-align: right; border-radius: 3px; } .mainContent .col12.featured .overlay a.button-shadow { font-family: 'Sailec-Medium'; } /* BLACK FRIDAY HOMEPAGE TAKE OVER CSS */ .mainContent .visual-nav .visualNav3Slider.flexslider .slides, .mainContent .visual-nav .visualNav2Slider.flexslider .slides { text-align: center; } .mainContent .visual-nav .visualNav3Slider.flexslider .slides li, .mainContent .visual-nav .visualNav2Slider.flexslider .slides li { display:block; float:left; } .mainContent .visual-nav .visualNav3Slider.flexslider .slides .button, .mainContent .visual-nav .visualNav2Slider.flexslider .slides .button { border: none; width: 100%; text-align: center; font-size: 1rem; font-family: 'Sailec-Medium'; text-transform: none; padding: 0px } .mainContent .visual-nav .visualNav3Slider.flexslider .slides .button:hover, .mainContent .visual-nav .visualNav2Slider.flexslider .slides .button:hover { background: none; color: #c0392b } .mainContent .visual-nav .visualNav3Slider.flexslider .slides .button span, .mainContent .visual-nav .visualNav2Slider.flexslider .slides .button span { padding: 18px 20px; display: block } .mainContent .visual-nav .visualNav3Slider.flexslider .slides img, .mainContent .visual-nav .visualNav2Slider.flexslider .slides img { padding: 0 5px; max-width:232px; margin-right:auto; height:auto; } .mainContent .visual-nav .visualNav3Slider.flexslider .flex-direction-nav a, .mainContent .visual-nav .visualNav2Slider.flexslider .flex-direction-nav a { top:38%;display:none; } @media only screen and (max-width: 960px) { .mainContent .visual-nav .visualNav3Slider.flexslider .flex-direction-nav a, .mainContent .visual-nav .visualNav2Slider.flexslider .flex-direction-nav a { display: block; top: 40% } } @media only screen and (max-width: 720px) { .mainContent .visual-nav .visualNav3Slider.flexslider .slides .button, .mainContent .visual-nav .visualNav2Slider.flexslider .slides .button { font-size: .875rem} .mainContent .visual-nav .visualNav3Slider.flexslider .flex-direction-nav a, .mainContent .visual-nav .visualNav2Slider.flexslider .flex-direction-nav a { top: 36% } } /* BEGIN:: STANDARD PAGE Visual Nav */ .mainContent .visual-nav { margin: 30px 0 } .mainContent .visual-nav .visualNavSlider.flexslider .slides { text-align: center; } .mainContent .visual-nav .visualNavSlider.flexslider .slides li { display:block; float:left; } .mainContent .visual-nav .visualNavSlider.flexslider .slides .button { border: none; width: 100%; text-align: center; font-size: 1rem; font-family: 'Sailec-Medium'; text-transform: none; padding: 0px } .mainContent .visual-nav .visualNavSlider.flexslider .slides .button.noArrow span.button {display:none;} .mainContent .visual-nav .visualNavSlider.flexslider .slides .button:hover { background: none; color: #c0392b } .mainContent .visual-nav .visualNavSlider.flexslider .slides .button span { padding: 18px 20px; display: block } .mainContent .visual-nav .visualNavSlider.flexslider .slides .button span.sailecH3, .mainContent .visual-nav .visualNavSlider.flexslider .slides span.sailecH3 { display:block; text-transform: uppercase; font-family: 'Sailec-Medium'; /*font-size: .875rem;*/ font-size: clamp(.575rem, 1.25vw, .875rem); color: #474747; letter-spacing: 0.3px; line-height: clamp(.675rem, 2vw, 1rem); padding: 10px; } .mainContent .visual-nav .visualNavSlider.flexslider .slides img { padding: 0 5px; max-width:232px; margin-right:auto; height:auto; } .mainContent .visual-nav .visualNavSlider.flexslider .flex-direction-nav a { top:38%;display:none; } .mainContent .visual-nav .button:after{ font-size: .75em; } .mainContent .flex-direction-nav a { height: 30px; margin: 0; } .mainContent .visual-nav ul { margin:0; } @media only screen and (max-width: 960px) { .mainContent .visual-nav .visualNavSlider.flexslider .flex-direction-nav a { display: block; top: 40% } } @media only screen and (max-width: 720px) { .mainContent .visual-nav .visualNavSlider.flexslider .slides img { width:100%; max-width: 999px; } .mainContent .visual-nav .visualNavSlider.flexslider .slides .button { font-size: .875rem} .mainContent .visual-nav .visualNavSlider.flexslider .flex-direction-nav a { top: 36% } .mainContent .visual-nav .visualNavSlider.flexslider .slides .button span.sailecH3, .mainContent .visual-nav .visualNavSlider.flexslider .slides span.sailecH3 { font-size: .875rem; } } @media only screen and (max-width: 960px) and (min-width: 721px) { .full-only { display: block !important; } } @media only screen and (max-width: 775px) { .mainContent .col12.featured .overlay.center-center { position: relative; top: 40%; width: 100%; text-align: center;} .mainContent .col12.featured .overlay.center-center span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size: 3.15rem; padding-top: 20px; letter-spacing: -.055rem; display: block; text-transform: uppercase;color: #333333;} .mainContent .col12.featured .overlay.center-center .button-shadow { border: 0!important; font-family: Sailec-Regular!important; margin: 5px!important; padding: 0!important;} .mainContent .col12.featured .overlay.center-center .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); margin: 30px 0;} } @media only screen and (max-width:720px) { .mainContent .sale-row a img { width:100%; } .mainContent .sale-row .col4, .mainContent .videoColThree .col4 { width:100%; margin-bottom:20px; } .mainContent .sale-row span.sale-text { max-width: inherit; } .mainContent .videoColThree .col4 .videoSplashImage img { width:100%; } } /* BEGIN:: Standard Page Shop The Room */ .shop-the-room { padding: 55px 2% 55px; display: inline-block; background-color: #f0f0f0; text-align: center; width: 100%; margin-bottom: 50px; } .shop-the-room span { width: 100%; text-align: center; display: inline-block; border:none; background-color:transparent; } .shop-the-room span.title { font-size: 5rem; font-family: 'Sailec-Medium', sans-serif; text-transform: uppercase; color: #333333; margin-bottom: -5px; } .shop-the-room span.subtext { font-size: 2em; font-family: 'Sailec-Regular'; color: #333333; margin-bottom: 50px } .shopTheRoom.flexslider { display: block; float:left; margin-bottom:0;} .shopTheRoom.flexslider .slides { margin:0; } .shopTheRoom.flexslider .slides > li {margin: 0;display: block;float: left;} .shop-the-room .shopTheRoom.flexslider .slides img { padding: 0 4px; margin:0; max-width:377px; } .shop-the-room .shopTheRoom.flexslider .slides li a { text-decoration: none; } .shop-the-room .shopTheRoom.flexslider .flex-direction-nav a { display: none } .shop-the-room .button:hover { background: none; color: #c0392b; } .shop-the-room .flex-direction-nav a { height: 30px; margin: 0; } .shop-the-room .flex-control-nav { display: none; } @media only screen and (max-width: 960px) { .shop-the-room .shopTheRoom.flexslider .flex-direction-nav a { display: block; top: 50%;} .shop-the-room span.subtext { font-size: 2em; font-family: 'Sailec-Regular'; color: #333333; margin-bottom: 20px; } } @media only screen and (max-width: 720px) { .shop-the-room { padding: 25px 2% } .shop-the-room span.title { font-size: 2.25rem;margin-top:15px; } .shop-the-room span.subtext { font-size: .875rem} } .shop-the-room a.button.shopTheRoomToggle { border: none; font-family: 'Sailec-Medium'; float: none; width: 100%; padding-top: 15px; margin-bottom: 15px; margin-top: 15px } .shop-the-room a.button.shopTheRoomToggle:hover { color: #fff; background-color: #333333 } .shop-the-room a.button.plus { font-family: 'Sailec-Medium'; float: none; width: 100%; padding-top: 15px; margin-bottom: 30px; background: #333; color:#FFF; } .shop-the-room a.button.minus { margin-bottom: 1px } .shop-the-room a.button.plus:after { font-family: 'Font Awesome 5 Pro'; content: "\f067"!important; padding-left: 15px; font-weight: 300; } .shop-the-room a.button.minus:after { font-family: 'Font Awesome 5 Pro'; content: "\f068"!important; padding-left: 15px; font-weight: 300; } .shop-the-room .shopTheRoomLinks { padding-bottom: 30px } .shop-the-room .shopTheRoomLinks .button { display: block; border: none; margin-bottom: 1px } .shop-the-room .shopTheRoomLinks .button:hover { color: #fff; background-color: #333333 } .shop-the-room a.button.plus + .shopTheRoomLinks { display: none } /* END:: Standard Page Shop The Room */ /* BEGIN LISTING PAGE STYLES */ .listingPage.pageHeading { text-align: center; margin: 30px auto 30px auto; border: none; width: 62%; } .listingPage.pageHeading h1 { font-family: 'Sailec-Medium'; font-size: 1.925em; color: #333333; font-weight: bold; margin: 0; text-transform: uppercase; letter-spacing: 2px; background-color: #fff;} .listingPage.pageHeading .sub-heading { color: #333; text-transform: uppercase; font-family: 'Sailec-Regular'; padding-top:2px; letter-spacing: .75px; background-color: #fff;} .listingPage.pageHeading p { margin: 20px 10px 16px 10px; } .listingPage.pageHeading .LGText-two { font-family: 'archer'; font-size: 1.875em; color: #333333; margin: 0; font-weight: normal; } .plWrap .breadcrumbBar { width: 100%; padding: 15px; background: #F0F0F0; text-transform: uppercase; color: #333333; font-size: .8em; margin-bottom: 20px; } .plWrap.breadcrumbBar span { display: inline-block; padding-top: 8px; } .plWrap .listingFilter { float: right; padding: 5px; min-width: 200px; display: inline-block; } .plWrap .plProdWrap-full, .mattressLanding .plProdWrap-full { position: relative; width: 100%; background: #f0f0f0; margin-bottom: 20px; display: inline-block; } .mattressLanding .plProdtitle a, .plWrap .plProdtitle a { text-decoration: none !important; } .mattressLanding .alignBottom { margin-bottom:auto; bottom: 20px; position: absolute; width: inherit; padding-right: 2%; } .salePrice, .plClearance, .clearance { color: #c0392b !important; } .mattressLanding .plProd a, .plWrap .plProd a, .plWrap .plProd .plProdImgLink { display: block; position: relative; } .mattressLanding .plProdImgLink img, .plWrap .plProdImgLink img { margin: 0 !important; width: 100%; display: block; } .mattressLanding .fullListingDetails a, .plWrap .fullListingDetails a { text-decoration: none !important; text-transform: none; } .mattressLanding .bottomLine a, .plWrap .bottomLine a { text-decoration: none; } .mattressLanding .fullListingDertails, .plWrap .fullListingDetails { padding: 15px; color: #333333; margin-right: 0 !important; display: inline-block; } .plWrap .sale { font-weight: bold; color: #C0392B; display: inline-block; margin: 0px 5px 10px 0; } .plWrap .separator { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .plWrap .separator .plProdWrap.col4:last-child { margin-right: 0 !important; } .plWrap .swatch { width: 22%; float: left; text-align: center; margin-right: 4%; margin-top: 15px; } .plWrap .swatch:last-child { margin-right: 0; } .plWrap .swatch img { width: 100%; } .plWrap .swatch p { font-size: .7em !important; margin: 0 !important; float: none !important; } .plWrap select { border: 1px solid #d2d2d2; min-height: 32px; } .plWrap .listWrap { margin-bottom: 15px; } .plWrap .listWrap a { text-decoration: none; } .plWrap .listProd { width: 100%; position: relative; background: none; } .plWrap .bottomLine { position: absolute; bottom: 10px; text-align: left; color: #333333; font-size: .9em; } .plWrap .listWrap .bottomLine { position: absolute; right: 0; width: 100%; text-align: center; color: #333333; font-size: .9em; font-family: 'Sailec-Regular'; } .mattressLanding .fullListingDetails.mattress ul, .plWrap .fullListingDetails.mattress ul { margin: 15px; list-style: disc; font-size: .8em; } .mattressLanding .fullListingDetails.mattress ul li, .plWrap .fullListingDetails.mattress ul li { margin: 10px; } .mattressLanding .mattressListingLogo, .plWrap .mattressListingLogo { width: 100px; } .mattressLanding .plCustomDesignBox, .plWrap .plCustomDesignBox { float: left; font-family: arial; display: inline-block; font-weight: bold; padding: 10px; text-transform: uppercase; } .plWrap h1.plCustomDesignBox { padding-top:0; padding-bottom:0; font-size: initial;} /* Begin SEO Category Listing Page */ .flexContainer { display:flex; flex-flow:row wrap; } .flexItem { justify-content: space-around; background:#f0f0f0; margin-bottom:20px; } .flexItem:last-child { flex:none; } .flexItem.col4 a { display:block; margin-bottom:-4px; text-decoration:none; } .info .seoProdText a { text-decoration:none; font-family: 'Sailec-Regular'; } .info { background:#f0f0f0; padding:0 15px 15px; display:flex; flex-flow:column nowrap; margin: 0; font-size: 1.15em; } .info .seoProdTitle { margin-top:auto; font-family: arial,sans-serif; font-weight: bold; color: #333333; margin: 10px 0; } .info .seoProdText { margin-bottom:auto; } @media screen and (max-width:720px) { .flexItem.col4:nth-child(3n) { margin-right:2%!important; } .flexItem.col4:nth-child(6n) { margin-right:0!important; } } @media screen and (max-width:580px) { .flexItem.col4:nth-child(3n) { margin-right:0!important; } .flexItem.col4 img { width:100%; } } .listBox .listDisc { min-height: 160px; } .col3.fullListingDetails.mattress { /*padding: 20px;*/ padding: 20px 0 20px 20px; } /* END LISTING PAGE STYLES */ /* BEGIN TOOLTIPS */ .specTitle { font-size: 1.0rem; font-weight: bold; font-family: 'Sailec-Regular'; float: left; width: 100%; margin: 7px 0 0px 0; border-top: 1px solid #d2d2d2; padding: 10px 0 0 0; } .specTitle:nth-child(1) { border-top: none; margin: 5px 0 0 0; padding: 0; } .specCol .col6 { position: relative; margin-right: 5px !important; } .tooltip { position: relative; line-height: 1.2em; margin-bottom: 4px; float: left; width: 100%; } .tooltip-label { float: left; font-family: 'Sailec-Regular'; cursor: pointer; display: inline-block; font-size: 1.0em; line-height: 1.2em; text-decoration: underline; } .tooltip span { float: left; text-decoration: none !important; font-size: 1.0em !important; font-family: 'Sailec-Medium'; } .tooltip-input { display: none; } .tooltip-close { display: none; } .tooltip-content { border: 1px solid #ccc; display: block; background: #FFF; padding: 20px 20px; height: auto; z-index: 2; } .tooltip-content span { font-style: initial; text-transform: uppercase; width: 100%; } .tooltip-input ~ .tooltip-content { display: none; } .tooltip-input:checked ~ .tooltip-content { display: inline-block; font-style: italic; position: absolute; bottom: 3em; left: 2.5em; -webkit-box-shadow: -3px 3px 3px 0px rgba(204,204,204,0.58); box-shadow: -3px 3px 3px 0px rgba(204,204,204,0.58); line-height: 1.2em; } .tooltip-close input:checked ~ .tooltip-content { display: none; } .tooltip-close-label { float: right; margin: -1em -.9em 0em 0; } .tooltip-close-label span { display: inline; height: 0; width: 0; margin: 0; padding: 0; overflow: hidden; } .tooltip-close-label img { float: right; width: 12px; height: auto; margin: 0 !important; cursor: pointer; } @media screen and (max-width:960px) { .specCol .col6 { width: 100%; } .mattressLanding .alignBottom { position:static; } } @media screen and (max-width:720px) { .tooltip-input { display: inline-block; z-index: 20; width: 100%; height: 1em; position: absolute; left: -2em; opacity: 0; } .tooltip-content { display: block; z-index: 20; } .tooltip { position: relative; } .tooltip-input ~ .tooltip-content + label { display: none; } .tooltip-input:checked ~ .tooltip-content + label { display: inline-block; font-style: italic; position: absolute; bottom: 3em; left: 2.5em; -webkit-box-shadow: -3px 3px 3px 0px rgba(204,204,204,0.58); box-shadow: -3px 3px 3px 0px rgba(204,204,204,0.58); line-height: 1.2em; } .tooltip-close input:checked ~ .tooltip-content + label { display: none; } } @media screen and (max-width:640px) { input:checked ~ .tooltip-content { display: none; } } /* END TOOLTIPS */ /*CUSTOM LISTING STYLES*/ .customProductDisclaimer { font-size: .8em; font-style: italic; } .customOptionsWrapper { text-align: right; } .customProdCategory { font-size: .8em; margin-top: 10px; } .customProdInfo:nth-child(odd) { font-weight: bold; } .customProdInfo:nth-child(odd):after, .customProdInfo:nth-child(even):after { content: ""; clear: both; display: table; } .customProdInfo:nth-child(even) { display: inline-block; margin-bottom: 5px; font-style: italic; } .prodDetailBtns .itemAddedToCart { display: none; } .prodDetailBtns .error.asShownPrice { text-align: right; display: inline-block; margin-bottom: 10px; } .customProdType { text-align: right; display: inline-block; margin-bottom: 10px; width: 100%; } .customTagline { display: inline-block; padding: 15px 20px; background: #f0f0f0; color: #333333; text-align: center; font-size: 1em; text-decoration: none !important; } /*END CUSTOM LISTING*/ /*BEGIN QUALTIY PAGE*/ .leatherEducationPage { margin-top: 20px; } .leatherEducationPage p { font-family: 'Sailec-Light'; font-weight: 600; font-size: 1.1em; } .leatherEducationPage h3 { margin: 0; font-family: 'Sailec-Medium'; font-size: 1.2em; } .leatherEducationPage strong { font-family: 'Sailec-Medium'; font-size: 1.1em; } .leatherEducationPage section.group .col4 { margin-bottom: 3%; } .leatherEducationPage section.group .col4 p { font-family: 'Sailec-Light'; margin-bottom: 0; font-weight: 600; font-size: 1.1em; } .leatherEducationPage section.group .col4 h3 { margin: 0; font-family: 'Sailec-Medium'; font-size: 1.2em; } .leatherEducationPage section.group .col4 strong { font-family: 'Sailec-Medium'; font-size: 1.1em; } table.rwd-table { border-collapse: collapse; } .rwd-table h1 { font-weight: bold; color: #333333; } .firstColumn { width: 95%; } .covColumn, .exclColumn { width: 100%; } .accordionContent .rwd-table { margin-right: 5%; } .rwd-table { color: #333333; } .rwd-table.quality { overflow: hidden; min-width: 300px; margin: 1em auto; } .rwd-table tr { border-bottom: 1px solid #d2d2d2; } .rwd-table td { display: block; } .rwd-table td:first-child { padding-top: .5em; } .rwd-table td:last-child { padding-bottom: .5em; } .rwd-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 6.5em; display: inline-block; } .rwd-table th { display: none; } .rwd-table th, .rwd-table td { margin: .5em 0; text-align: left; } .rwd-table th, .rwd-table td:before { color: #333333; } /*END QUALITY PAGE*/ /* BEGIN PRODUCT DETAIL PAGE STYLES */ .smartHomeBanner { margin-bottom: 15px; } .smartHomeBannerHeadline { background: #92cfd0; float: left; width: 66%; text-transform: uppercase; height: 60px; text-align: center; padding: 15px 0px; } .smartHomeBannerHeadline p { color: #333333; font-family: 'Sailec-Medium'; font-size: 1.4em; margin: 0; } .smartHomeBannerButton { background: #333333; float: left; width: 34%; text-align: center; height: 60px; padding: 17px 0px; cursor: pointer; } .smartHomeBannerButton:hover { background: #7e7e81; } .smartHomeBannerButton p { border-bottom: 1px #fff solid; display: inline; padding-bottom: 0; } .smartHomeBannerButton a { font-size: 1em; font-family: 'Sailec-Medium'; text-decoration: none; text-transform: uppercase; color: #fff; } #productDetailContainer .col8.mainContentDetail { width: 66%; } #productDetailContainer .prodSectionDetails img { margin: 0; max-width:100%; width:100%; height:auto;} #productDetailContainer.prodDetail.innerWrapper { padding-top: 0; } #productDetailContainer .prodDetailTitle { font-family: 'Sailec-Light'; font-size: 1.5em; } #productDetailContainer .prodDetailTitle .headerPrice { font-weight:700; font-family: 'Sailec-Medium' } #productDetailContainer .mainProductImage { position: relative; } #productDetailContainer .mainProductImage img { height: 100%; margin: 0 !important; } #productDetailContainer.prodDetail .specCol { font-family: 'Sailec-Regular'; line-height: 1.75em; } #productDetailContainer.prodDetail .specCol strong { font-family: 'Sailec-Medium'; } #productDetailContainer.prodDetail span.specAcc { font-size: 1em; display: inline-block; margin-right: 15px; font-family: 'Sailec-Medium'; } #productDetailContainer.prodDetail span.specDem { font-family: 'Sailec-Light'; } #productDetailContainer .col4.rightColumn { width: 32%; margin-right: 0 !important; } #productDetailContainer .prodEnlarge > img { width: 100%; margin-bottom: -5px; } #productDetailContainer.prodDetail .moreFabrics { background: #fff; border: 1px #d2d2d2 solid; border-top: none; width: 100%; margin-top: 0px; } #productDetailContainer .moreFabricsSwatchWrap { padding: 15px 8px 3px 8px; } #productDetailContainer .swatchWrap { float: left; width: 55%; text-align: right; padding: 20px; } #productDetailContainer .prodSwatch { float: left; margin: 0px 5px; max-width: 50px; text-align: center; } #productDetailContainer .prodSwatch img { width: 100%; min-height: 40px; max-height: 40px; } #productDetailContainer .containerWrapper4 .prodSwatch img { width:40px; height:40px; } #productDetailContainer .prodSwatch .title { text-align: left; max-width: 350px; width: 100%; font-size: .8em; color: #333333; } #productDetailContainer .requestSwatches a { font-size: .813rem; font-family: 'Sailec-Light'; } #productDetailContainer .moreFabricsHeadline { margin-top: 18px; padding-left: 3%; float: left; width: 49%; } .fabricBoxBreak{ background-color: #fff; height: 25px; margin-bottom: 20px; margin-top: 20px; } #productDetailForm #productDetailContainer.showPActive .showForELPActive { display: none !important; } #productDetailForm #productDetailContainer.showELPActive .showForPActive { display: none !important; } .deliveredIn30Days, a .deliveredIn30Days { display:inline-block; float:left; font-family:'Sailec-Regular'; background:#f0f0f0; color:#333333; border-radius:1px; font-size:.75em; letter-spacing:1px; padding:8px; text-transform:uppercase; } .deliveredIn30Days span, a .deliveredIn30Days span { font-family:'Sailec-Medium'; } .deliveredIn30Days.overlay, a .deliveredIn30Days.overlay { position:absolute; top:0; left:0; } .deliveredIn30Days.cart { float:none; display: block; font-size: .75rem; padding: 8px 8px 8px 0; } @media screen and (max-width:580px) { .deliveredIn30Days, a .deliveredIn30Days { font-size:0.45em; letter-spacing:.65px; padding:6px; } } .pricing #buyonline, .pricing #findstore { display: none; } .pricing #buyonline .error, .pricing #findstore .error { font-weight: bold; } #productDetailContainer.prodDetail .moreFabrics p { font-family: 'archerbold', serif; font-weight:700; font-size: 1.25em; line-height: 1em; } #productDetailContainer.prodDetail .moreFabrics i { margin: 10px; color: #333333; vertical-align: middle; } #productDetailContainer .moreFabrics, .moreFabrics { margin-top: 0px; width: 100%; } #productDetailContainer .prodSocial { padding: 20px 35px 20px 35px; display: -ms-flexbox !important; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } #productDetailContainer .prodSocial > a i { cursor: pointer; margin-right: 1.5%; font-size: 1.75em; color: #333333; } #productDetailContainer .printBrochure a { text-decoration: none; } #productDetailContainer .printBrochure { text-align: left; display: inline-block; font-size: 1.2em; color: #333333; } #productDetailContainer .printBrochure i { font-size: 1.5em; color: #333333; vertical-align: middle; } #productDetailContainer .asShownFabrics { font-size: 0.875em; float:left; font-family: 'Sailec-Light'; } #productDetailContainer .asShownFabrics p { float: left; padding: 0 12px 0 0; text-transform: uppercase; font-weight: bold; font-size:.813rem; display: block; } #productDetailContainer .asShownFabrics .swatchWrap { padding: 12px 12px 12px 0; } #productDetailContainer.prodDetail .moreinfo { margin: 15px 0 0 0; } #productDetailContainer .asShownWrap { padding-bottom: 5px; display: inline-block; } #productDetailContainer .pricing { margin: 15px 0px 0px 0px; text-align: left;border-top: 1px solid #d2d2d2!important; margin-top: 15px; padding-top: 15px; } #productDetailContainer .reqSwatches + .pricing { margin: 5px 0px 20px 0px; } #productDetailContainer .percentOff { color: #c0392b; font-size: 1.250em; font-weight: bold; margin-right: 10px; } #productDetailContainer .asShownPrice { font-size: 1.2em; } #productDetailContainer .originalPrice, .startingAt, .asShownPrice, .productSku, #invMsg { clear:both; font-family: 'Sailec-Regular'; color: #333333; font-size: 1em; } #productDetailContainer #invMsg { margin: 8px 0px -10px; } #productDetailContainer .startingAt { display: block; } .saleIndicator .startingAt { margin: 0px !important; font-style: normal; } #productDetailContainer .saleIndicator, #productDetailContainer .saleFlag { color: #c0392b; font-size: 1em; text-transform: uppercase; font-weight: bold; } #productDetailContainer .saleIndicator { margin-top: 15px; display: inline-block; } #productDetailContainer .asShownPrice { font-style: normal; font-weight: 700; } #productDetailContainer .asShownPrice .price { font-weight: bold; } .homeDeliveryPrice { display: block; font-size: 0.875em; font-weight: normal; text-decoration: underline; margin: 15px 0px; cursor: pointer; } #productDetailContainer .productSku { font-weight: normal; display: block; font-style:italic; } #productDetailContainer .prodOptions { width: 100%; padding: 15px; } #productDetailContainer .prodQty { width: 100%; min-width: 120px; float: right; margin: 5px 0px; background: #fff; } #productDetailContainer .prodQty span, .locator-button { padding: 15px; width: 50%; min-height: 50px; float: left; display: inline-block; color: #fff; background: #333333; text-align: center; font-weight: bold; border: 1px #333333 solid; } #productDetailContainer.prodDetail .prodQty span { padding: 5px; min-height: 34px; } .locator-button { width: 100%; } .prodQty input[type=text], .prodQty select { border-radius: 0; -webkit-border-radius: 0; } #productDetailContainer .prodQty input[type=text], .prodQty select { margin: 0; border: none; width: 50%; float: left; display: inline-block; text-align: center; -webkit-box-shadow: inset 0px 0px 1px; box-shadow: inset 0px 0px 1px; } #productDetailContainer.prodDetail .prodQty input, #productDetailContainer.prodDetail .prodQty select { min-height: 34px; padding: 0 0 0 15px; } #productDetailContainer .prodAvail { text-align: left; display: block; float: right; width: 100%; } #productDetailContainer .prodAvail p a { font-family: 'Sailec-Regular'; } #productDetailContainer .mobProdDetails { display: none; } #productDetailContainer p, .inHomeDelivery p { margin-bottom: 0; margin: 0; } .inHomeDelivery p { font-family: Sailec-Medium; } .inHomeDelivery p span { font-family: Sailec-Regular; font-weight: normal !important; font-size: 1.125em; } #productDetailContainer .prodDetailBtns .cartBtn, .prodDetailBtns .buttonLight, .prodDetailBtns .button { border: 0; margin: 5px 0; width: 100%; text-align: center; padding: 25px 0; font-size: 1.1em; } #productDetailContainer .prodDetailBtns { margin-top: 0px; } #productDetailContainer .prodDetailBtns button { border: 0; } #productDetailContainer .prodDetailBtns .mob-only.customTagline.wishListBtn.button { float: left; } .prodDetailBtns a { text-decoration: none; } .facebookLike { text-decoration: none !important; } .buyOnlineBar { background: #f0f0f0; margin: 30px 0 15px 0; } .buyOnlineBar .buyOnline, .buyOnlineBar .inHomeDelivery { padding: 50px 30px; margin-right: 0 !important; } .buyOnlineBar .buyOnline .fa-shopping-cart { color: #fff; display: inline-block; font-size: 3em; padding: 20px 20px; float: left; margin-right: 30px; background: #333333; border-radius: 5px; vertical-align: middle; } .buyOnlineBlurb { font-size: 2.000em; line-height: 34px; font-weight: bold; padding-top: 4%; font-family: Sailec-Medium; margin-top: 0px; } .buyOnlineBlurb span { font-weight: normal; font-size: 1em; line-height: 30px; font-family: Sailec-Regular; } .inHomeDelivery { text-align: center; padding: 20px; } .inHomeDelivery span { font-size: 1.625em; font-weight: bold; color: #333333; } .inHomeDelivery a { font-size: 0.750em; text-decoration: underline; display: inline-block; margin: 0 10px; } .moreItems { text-align: center; margin-bottom: 30px; margin-top: 0 !important; } .moreItems .listBox { margin-top: 10px; margin-bottom: 10px; text-align: left; } .col3.listBox:nth:child(3n) { margin-right: 1% !important; } .col3.listBox:nth-child(4n) { margin-right: 0 !important; } #productDetailContainer .slider .flex-viewport { max-height: 600px; } #productDetailContainer ul.slides { margin-left: 0; max-height: 600px; } #productDetailContainer ul.slides li { margin: 0; height: 100%; text-align: center; line-height: 0; } #productDetailContainer ul.slides li a img { margin: 0; } #productDetailContainer .videoContainer { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } #productDetailContainer .videoContainer iframe, #productDetailContainer .videoContainer object, #productDetailContainer .videoContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #productDetailContainer #zipCart #buyonline, #zipCart #findstore { display: none; } #productDetailContainer #zipCart #buyonline .error, #zipCart #findstore .error { display: block; text-align: right; font-size: .8em; width: 75%; float: right; } #productDetailContainer #zipCart #buyonline .title, #zipCart #findstore .title { text-align: right; } #productDetailContainer #zipCart #buyonline a, #zipCart #findstore a { text-align: center; float: right; display: block; margin-bottom: 30px; margin-top: 0; width: 100px; } #productDetailContainer #zipCart #buyonline .title input, #zipCart #findstore .title input { width: 50%; } #productDetailContainer #moreviews .flexslider .slides li { max-width: 33.33%; } #productDetailContainer #moreviews .flexslider .slides img { display: block; width: 90%; margin: 20px 5% !important; } #productDetailContainer .thumbWrap .flexslider { margin-bottom: 0 !important; } #productDetailContainer #largeimage .flexslider.initializing { padding-bottom: 100%; } #productDetailContainer #largeimage ul.slides { background: #fff; overflow: hidden; margin-bottom: 0; } #productDetailContainer #largeimage .flex-viewport .flex-direction-nav a:before { color: #f0f0f0 !important; } #productDetailContainer #largeimage .flex-direction-nav a.flex-prev, #largeimage .flex-direction-nav a.flex-next, #moreviews .flex-direction-nav a.flex-prev, #moreviews .flex-direction-nav a.flex-next { height: 30px; } #productDetailContainer #largeimage > div > ol { display: none; } #productDetailContainer #largeimage > div.flexslider { margin: 0; border: none; } #productDetailContainer #largeimage > div > ul > li { margin: 0; } #productDetailContainer #largeimage > .flexslider .slides img { width: 100% !important; } #productDetailContainer .asShownFabrics .containerWrapper4 .fabricSwatch div, .asShownFabrics #thumbs .thumbhover div { padding: 5px; display: none; position: absolute; left: -160px; top: 45px; z-index: 1000; width: 300px; background-color: #FFFFFF; border: 1px solid #d2d2d2; } #productDetailContainer .asShownFabrics .containerWrapper4, .asShownFabrics #thumbs { position: relative; } #productDetailContainer .fabricSwatch div .title img, #productDetailContainer .thumbhover.prodSwatch div img { width: 50% !important; max-height: 150px; } #productDetailContainer .fabricSwatch div .title .col6 { width: 48% !important; float: left !important; } #productDetailContainer .fabricSwatch div .title .col6 p { width: 100%; margin-left: 2%; line-height: 1em; padding: 0; text-transform: none; font-weight: normal; } #productDetailContainer .prodThumbs .flexslider { margin: 0; } #productDetailContainer ul.thumbSlides { margin-left: 0 !important; } #productDetailContainer ul.thumbSlides li { list-style: none; float: left; margin-right: 10px; } #productDetailContainer.prodDetail .moreFabrics span { font-family: 'archerbold', serif; font-weight:700; font-size: 1.25em; line-height: 1em; } #productDetailContainer.prodDetail .moreinfo { font-size:.875em; width:100%; display:inline-block; padding: 32px 0 0; border-top: 1px solid #d2d2d2; /*border-bottom: 1px solid #d2d2d2;*/ font-family: 'Sailec-Regular'; } #productDetailContainer .needHelp { clear:both; text-align: center; border-top:1px solid #d2d2d2; padding-top:23px; margin-top:20px; } #productDetailContainer .needHelp a { display: block; font-family:'archeritalic', serif; font-style: italic; font-size:1.750em; color:#333333;} #productDetailContainer .prodSectionDetails .needHelp img { max-width:inherit; width:auto; } .fabricDetailPopup { max-width: 800px; } .fabricDetailPopup .swatchTopBar { min-height: 45px; } .fabricDetailPopup .swatchTopBar #fabPopIndex { display: none; } .fabricDetailPopup .swatchTopBar span { font-family: 'Sailec-Medium'; font-size: 1.2rem; padding: 11px; display: inline-block; } .fabricDetailPopup .details { max-width: 400px; } .fabricDetailPopup .details-content { padding: 15px; background: #fff; } .fabricDetailPopup .details-spacer { display: none; } .fabricDetailPopup .details-content h3 { margin-bottom: 5px; font-family: 'Sailec-Medium'; font-size: 1rem; } .fabricDetailPopup .details-content p { line-height: 1rem; font-size: .8em; margin-bottom: 2px; font-family: 'Sailec-Regular'; } .fabricDetailPopup .details-content h4 { font-family: 'Sailec-Medium'; margin: 0px; } .fabricDetailPopup .details-content .swatchFavorite { margin-top: 10px; } .fabricDetailPopup .details-content .swatchFavorite input:not(:checked) + label { color: #333333; } .fabricDetailPopup .details-content .swatchFavorite .popupButton { float: left; font-size: 0.9rem; font-family: 'Sailec-Regular'; background: #333333; color: #FFF; padding: 12px 24px; /*max-width: 200px; width: 100%;*/ border-radius: 5px; text-align: center; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; margin: 0 15px 0 0; } .fabricDetailPopup .details-content .swatchFavorite .popupButton.disabled { background: #f0f0f0; color: #9e9e9e; } .fabricDetailPopup .details-content .swatchFavorite .swatch-favorite { float: left; } .fabricDetailPopup .details-content .swatchFavorite .swatch-favorite span { display: none; } .fabricDetailPopup .details-content .swatchFavorite .swatch-favorite:before { display: none; } .fabricDetailPopup .details-content .swatchFavorite label.faveLabelPopup:before { display: none; } .fabricDetailPopup .details-content .swatchFavorite .swatch-favorite:after { content: '\f004'; font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-size: 1.45rem; background: #f0f0f0; padding: 11px; border-radius: 5px; width: 43px; height: 43px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; /*margin: 0 15px 0 0;*/ border: 1px solid #d2d2d2; } .fabricDetailPopup .details-content .swatchFavorite input:not(:checked) + label .swatch-favorite:after { color: #9e9e9e; font-weight: 300; } .fabricDetailPopup .details-content .swatchFavorite .added { float: right; font-family: 'Sailec-Medium'; margin-top: 12px; } .fabricDetailPopup .details-content .swatchFavorite .added:before { content: '\f004'; color: #333333; font-family: 'Font Awesome 5 Pro'; font-size: 1.25rem; background: #f0f0f0; padding: 3px; border-radius: 5px; width: 25px; height: 25px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; margin-right: 10px; position: relative; top: -4px; font-weight: 300; } .fabricDetailPopup .swatchImgWrap { max-width: 400px; max-height: 400px; overflow: hidden; } .fabricDetailPopup .fabPopImg { overflow: hidden; } .fabricDetailPopup .fabPopDetails { overflow-y: auto; max-height: 535px; font-size: 0.8em; margin-bottom: 15px; float: right; } .fabricDetailPopup .fabPopDetails > div { padding: 0 15px; } .fabricDetailPopup .swatchImgWrap img { width: auto; min-height: 0; max-height: none; max-width: none; } @media screen and (max-width:720px) { .fabricDetailPopup .fabricPopColumns { max-height: 800px; } .fabricDetailPopup .fabricPopColumns .col6 { float: none; width: 100%; } .fabricDetailPopup { max-width: 400px; } .fabricDetailPopup .fabPopDetails { max-height: none; font-size: 0.8em; padding-bottom: 0px; margin: 15px 0 0 0; float: right; } .fabricDetailPopup .details { position: sticky; bottom: 0; } .fabricDetailPopup .details-spacer { display: block; height: 30px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); margin-top: -15px; } } li.prodSortItems:after { font-family: 'Font Awesome 5 Pro'; content: "\f0d7"; color: #7e7e81; float: right; position: absolute; right: 10px; top: 3px; font-weight: 300;} .listingHeader { width: 100%; padding: 5px 15px; background: #f0f0f0; margin-bottom: 20px; } .popup .popup-next { display: inline-block; width: 50%; text-align: right; } .popup .popup-prev { display: inline-block; width: 50%; text-align: left; } .pricing .itemAddedToCart { display: none !important; } .title input[type=text] { margin-right: -5px; padding: 14px 15px; } .zipUlt { width: 39px; display: inline-block; } .customTagline.wishListBtn.button:after { display: inline !important; } .emailProd { /*margin-left: -30px;*/ } .extrasBtn { margin-top: 20px; } .centerParent { text-align: center; margin: 20px; max-width: 1180px;} .centerParent:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .centerParent .center { display: inline-block; vertical-align: middle; padding: 10px 15px; } #inventoryShortMsg > h1 { font-size: 1.50em; } #inventoryShortMsg span { color: #CC6E51; } #inventoryShortMsg span.instock { color: #279e61; } #inventoryShortMsg span.instocklimitedquantity, #inventoryShortMsg span.flashsalelimitedquantities { color: #B57B00; } #inventoryShortMsg span.backordered, #inventoryShortMsg span.soldout, #inventoryShortMsg span.flashsalesoldout { color: #c1392d; } #inventoryShortMsg span.green { color: #279e61; } #inventoryShortMsg span.orange { color: #CC6E51; } #inventoryShortMsg span.yellow { color: #B57B00; } #inventoryShortMsg span.red { color: #c1392d; } #inventoryMsg { text-align: left; max-width: 600px; } .cribOnly { margin-bottom: 20px; } .cribButton { cursor: pointer; width: 33.25%; float: left; text-align: center; min-height: 50px; color: #333333; background: #fff; padding: 18px 0px; border-bottom: 1px solid #d2d2d2; border-right: 1px #d2d2d2 solid; } .cribButton:hover { background: #333333; } .cribButton:hover a { color: #fff; display: block; } .cribButton:first-child { width: 33.5%; border-left: 1px #d2d2d2 solid; } .cribButton a { text-decoration: none; font-family: 'Sailec-Regular'; font-size: .9em; } .cribButton a i { margin-left: 10px; vertical-align: middle; } .brickworksBar { width: 100%; overflow: hidden; margin-top: 15px; } .brickworksBar .col4.needHelp { position: relative; margin-right: 0 !important; width: 36%; } .brickworksBar .col4.needHelp img { margin: 0; min-height: 71px; } .brickworksBar .col4.needHelp span { font-family: 'Sailec-Medium'; font-size: 1.25em; color: #fff; text-shadow: 2px 2px 5px #000; position: absolute; right: 0; left: 0; top: 0; bottom: 0; width: 100%; height: 30px; margin: auto; text-align: center; } .brickworksBar a.brickwork-button:hover .brickBtn, .brickworksBar .brickwork-button:focus .brickBtn { background: #333333!important; color: #FFFFFF;} .brickworksBar a.brickwork-button:focus { outline-offset: -3px; outline-color: #333333; outline-style: solid; } /*.brickworksBar .brickBtn { background: #f0f0f0; text-align: center; padding: 18px 10px; margin-right: 0!important; border-left: none; }*/ .brickworksBar .brickBtn { display: inline-block; padding: 18px 20px; background: #fff; color: #333333; text-align: center; font-size: .938em; text-decoration: none !important; border: 1px solid #d2d2d2; } .brickworksBar .brickBtn span { font-family: 'Sailec-Regular'; font-size:1em;} .brickworksBar .brickBtn i { font-size: 1.1rem; vertical-align: middle; margin-right: 0px; } .brickworksBar .brickBtn:hover { background: #333333; cursor: pointer; } .brickworksBar .brickBtn:hover span, .brickworksBar .brickBtn:hover i { color: #fff; } .brickworksBar > img { display: none; } .appLanding { margin-bottom: 50px; } .appLanding:after { clear: both; display: block; content: ""; } .appLanding .button.brickwork-button.col6 { width: 49%; margin-right: 2% !important; text-align: center; padding: 18px 10px; } .appLanding .button.brickwork-button.col6:last-of-type { margin-right: 0% !important; } .appIcon { margin-top: -5px; margin-right: 5px !important; } .quickShip { font-family: 'Sailec-Medium',sans-serif; font-style: italic; font-size: 1.1rem; text-transform: none; display: block; } .quickShip.up { text-transform: uppercase; } .featuredLanding img.qsImg, img.qsImg { display: block; width: 50px; margin-bottom: -5px; } .featuredLanding .plProd.listBox img.qsImg { width: 50px !important; } .qsList { margin-top: 5px; } .qsCart { text-align: center; width: 100%; max-width: 160px; margin: 5px 0px 15px 0; } .qsCart .quickShip { font-size: .95rem; } .qsCart > span { font-style: normal !important; } .qsCart img { width: 40px; margin: 0 0 -8px 0; } .qsList > .quickShip { font-style: normal; } .qsList > .quickShip:last-child { font-family: 'Sailec-Regular'; font-size: .9rem; } .quickShipMsg { width: 100%; padding: 20px; background: #ffffff; } .quickShipMsg img { width: 20%; max-width: 70px; float: left; } .quickShipMsg p { display: inline-block; width: 80%; font-family: "Sailec-Regular"; padding: 10px 15px 10px 30px; } .col5.rightColumn.prodDetailRight .prodTitlePrice { display: inline-block; margin-left: 5px; font-size: 1.5rem; font-family: 'Sailec-Regular'; color: #333333; } .col5.rightColumn.prodDetailRight .prodDetailTitle span.headerPrice { display: inline-block; margin-left: 5px; font-size: 1.5rem; } .fabricDetailPopup.nonOutward .swatchImgWrap img { width: auto; display: block; margin: 0 auto; min-height: 0; max-height: 400px; max-width: 400px; } .listBoxWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bt-popupOverlay .bt-popupContentBox .videoContainer img { margin: 0 auto; } @media all and (-ms-high-contrast:none) { .bt-popupOverlay { top: 0 !important; left: 0 !important; display: block !important;} .bt-popupContainer { top: 50% !important; left: 50% !important; transform: translate3d(-50%, -50%, 0) !important; -ms-transform: translate3d(-50%, -50%, 0) !important; } } @media only screen and (min-width: 721px) { #productDetailContainer .col5 { width: 38.136%; float: left; margin-right: 0; } #productDetailContainer .col7 { width: 59.055%; float: left; margin-right: 2.809%; } } #productDetailContainer .needHelp { border: none; padding: 20px 0 0 0; border-top: 1px solid #d2d2d2; } #productDetailContainer .needHelp a span { display: block; font-size: 0.975rem; font-family: 'Sailec-Regular'; font-style: normal; } #productDetailContainer .brickworksBar .brickBtn { font-size: 0.875em; padding: 15px 0px; } #productDetailContainer .brickworksBar { padding: 0px 0 30px 0; margin: 10px 0 30px 0; /*padding: 30px 0; margin: 30px 0 0; /*border-top: 1px solid #d2d2d2;*/ border-bottom: 1px solid #d2d2d2; } #productDetailContainer.prodDetail .prodDetailBtns { margin-top: 0px; } #productDetailContainer.prodDetail .prodSocial { padding: 30px 15px 30px 25px; } #productDetailContainer.prodDetail > .col1.thumbnails, #productDetailContainer.prodDetail > .col7.mainContentDetail, #productDetailContainer.prodDetail > .col4.rightColumn.prodDetailRight { margin-top: 20px; } #productTopContainer { font-family: 'Sailec-Regular'; z-index: 4 !important; background: rgba(255, 255, 255, 0.971); } .sticky-active #productTopContainer { padding: 10px 0; } #productTopContainer .col8 { width: 65.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row nowrap; flex-flow:row nowrap; } #productTopContainer .col4 { display: flex; margin-right: 0 !important; } #productTopContainer .right { float: right; text-align: right; } #productTopContainer .right.origPrice { -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-end; } #productTopContainer .left { float: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} #productTopContainer .lineOne, #productTopContainer .lineTwo { display: block; } #productTopContainer .prodEnlarge { display: none; } #productTopContainer .prodTitle { font-family: 'Sailec-Medium'; margin: 0 0 2px 0; font-size: 1em; color: #000; } #productTopContainer .prodSku { font-size: .875rem; color: #737373; } #productTopContainer .prodSku .inStock .invMsgLbl { font-family: 'Sailec-Medium'; } #productTopContainer .prodSku .inStock a { color: #333333; text-decoration: underline;} #productTopContainer .saleIndicator { margin: 0; padding: 0; margin-left: 5px; font-size: .875rem; text-transform: none; color:#dc2a2a; font-weight: normal;} #productTopContainer .prodPrice { display: inline-block; font-size: .875rem; margin-bottom: 2px; white-space: nowrap; } #productTopContainer .prodPrice .priceMain { font-weight: 700; font-family: 'Sailec-Medium'; font-size: 1.25rem; margin-left: 5px; } #productTopContainer .prodPrice .prodFinance { display: none; } #productTopContainer .prodPriceOrig { font-size: .875rem; text-decoration: line-through; display: inline-block; } #productTopContainer .prodPriceOrig.noStrike { text-decoration: none; } #productTopContainer .prodSave { font-size: .875rem; color: red; font-family: 'Sailec-Medium'; margin-left: 10px; } #productTopContainer .cartBtn.cartOrange { margin: 0 auto; background: #DC2A2A; border-radius: 3px !important; font-family: 'Sailec-Regular'; text-transform:capitalize; height: 40px; padding: 0; width: 72%; float: left; margin-right: 3%; margin-left: 3%; } #productTopContainer .cartBtn.storeButton { margin: auto; background: #333; border-radius: 3px !important; font-family: 'Sailec-Regular'; text-transform:capitalize; height: 40px; line-height: 40px; padding: 0; width: 72%; float: left; margin-right: 3%; margin-left: 3%; text-decoration: none; text-align: center; } #productTopContainer .cartCounter { position: relative; width: 40px; height: 40px; /*border: 1px solid #d2d2d2;*/ background: #FFF; float: left; } #productTopContainer .cartCounter input, #productTopContainer .cartCounter select { margin-top: 0; font-size: 0.865rem; padding: 0; text-align: center; } /*#productTopContainer .cartCounter span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: bold; }*/ #productTopContainer .col4.init { display: block; } #productTopContainer .col4.init .prodFav { float: right; } #productTopContainer .prodFav { float: left; width: 40px; height: 40px; /*background: #f0f0f0;*/ border-radius: 3px; border: 1px solid #d2d2d2; cursor: pointer; position: relative; } #productTopContainer .prodFav #AddWish { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; border: none; z-index: 2; opacity: 0; } #productTopContainer .prodFav span { display: none; } #productTopContainer .prodFav:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: '\F004'; font-family: 'Font Awesome 5 Pro'; font-size: 1.45rem; color: #333; /*text-shadow: 0px 0px 1px #000;*/ z-index: 1; font-weight: 300; } #productTopContainer .prodFav.fill:after { color: #333; text-shadow: none; content: '\F004'; font-weight: 900;} #productDetailContainer .spcMess, #productDetailContainer .spcMess span { margin: 0; padding: 0; font-size: .875rem; color:#dc2a2a; font-family: 'Sailec-Regular'; font-weight:normal; } #productDetailContainer .spcMess > span { display: block; } #productDetailContainer .spcMess .quickShipNew { font-family: 'Sailec-Regular'; color: #333333; letter-spacing: 1px; font-size: .75rem; } #productDetailContainer .spcMess .dynMess { display: block; } #productDetailContainer .grey, #productDetailContainer .grey * { color: #333 !important; } .right.domestic.price.financing.origPrice .lineOne span.showForELPActive, .right.domestic.price.financing.origPrice .lineOne > span:first-child { color:#DC2A2A; font-size:.875em; } .personalizeOptions.last { margin-bottom:10px; } .personalizeOptions .showForELPActive span { color: #DC2A2A; font-family: 'Sailec-Regular'; font-size: .875em; margin-top:10px; text-align:center; width:100%; display:block; position:relative; padding-left:8px; margin-left:16px; } .personalizeOptions .showForELPActive span:before { content:''; background:url('/_images/store/7_Day_Delivery.jpg')no-repeat; width:37px; height:18px; position:absolute; left:0; top:-3px; padding-right:8px; } .personalizeOptions + .personalizeOptions .showForELPActive img { border-top: 6px solid #333333; } .personalizeOptions .showForPActive span { color: #DC2A2A; font-family: 'Sailec-Regular'; font-size: .875em; margin-top:10px; text-align:center; width:100%; display:block; position:relative; padding-left:8px; } .personalizeOptions .elpButton { border:none; padding:10px 20px; font-size:1em; width:100%; font-family:'Sailec-Regular'; text-align:center; } .personalizeOptions .elpButton:focus, .prodDetailRight .pButton:focus { outline:none;} .personalizeOptions .elpButton:checked { background:red;} .personalizeOptions .elpButton:hover { background:transparent; color:#333333; } .personalizeOptions .showForELPActive { text-align:center; position:relative; z-index:2; } .personalizeOptions .showForELPActive img { padding-top: 15px; margin-right: 0; margin-left: 0; padding-left: 15px; padding-right: 15px; } .personalizeOptions + .personalizeOptions .showForPActive img { text-align:center; border-top:6px solid #333333; } .personalizeOptions .showForPActive img { padding-top: 15px; margin-right: 0; margin-left: 0; padding-left: 15px; padding-right: 15px; } .prodDetailRight .pButton, .prodDetailRight a.pButton { border: none; background: transparent; font-family: 'Sailec-Regular' !important; font-size: 1em !important; padding: 10px 20px 10px 0; position: relative; } .prodDetailRight .pButton:hover { color:#333333; } .prodDetailRight a.button.pButton:after, .prodDetailRight a.button.elpButton:after { display:none; } .prodDetailRight a.button.elpButton:hover {bottom:1px; } .prodDetailRight .pButton:hover, .prodDetailRight a.pButton:hover { color:#333333; font-family: 'Sailec-Regular'; font-size: 1em!important; } .prodDetailRight .personalizeOptions .col6:nth-child(2) span:before, .prodDetailRight a.button.pButton:before { content: ''; width: 18px; height: 18px; background: url(/_images/store/Personalize_Icon.svg) no-repeat; display: inline-block; position: relative; top: 4px; margin-right: 5px; } .prodDetailRight a.button.pButton:before { float:left; content: ''; width: 18px; height: 18px; background: url(/_images/store/Personalize_Icon.svg) no-repeat; display: block; position: relative; top: 1px; margin-right: 5px; } .prodDetailRight .personalizeOptions .col6:nth-child(2n) { text-align:center; } .prodDetailRight .personalizeOptions .personalizeDivider { border-top: 1px solid #d2d2d2; position: relative; top: 44px;} .prodDetailBtns .showForELPActive { border-bottom:1px solid #d2d2d2; position:relative; margin-top:35px; } /*.sticky-active #productDetailContainer .spcMess { display: none; }*/ @media only screen and (max-width: 960px) { #productTopContainer .col4 { width: 32%; } .personalizeOptions .elpButton, .prodDetailRight .pButton, .prodDetailRight a.pButton { font-size:.875rem!important; padding:10px 0; } .prodDetailRight .personalizeOptions .personalizeDivider {top:42px} } @media only screen and (max-width: 820px) { #productTopContainer .prodPrice .priceMain { display: block; } } @media only screen and (max-width: 720px) { .prodDetailRight .personalizeOptions .col6 { width:48%; float:left; } .personalizeOptions .elpButton, .prodDetailRight .pButton, .prodDetailRight a.pButton { font-size:1em!important; } .prodDetailRight .personalizeOptions .personalizeDivider {top:44px} #productTopContainer { top: 90px; } #productTopContainer .col4 { width:100% !important; } #productTopContainer .col8 { width: 100% !important; display:block; position: relative; } #productTopContainer .right, #productTopContainer .left { float: none; text-align: left; margin: 0 0 10px 0; display: block; } #productTopContainer .right .lineOne { display: inline-block; } #productTopContainer .cartBtn.cartOrange { width: 83%; } #productTopContainer .prodPrice { line-height: 1; margin-bottom: 0; } #productTopContainer .saleIndicator { line-height: 1; margin-left: 0; } #productTopContainer .prodPrice .priceMain { display: inline-block; /*float: left;*/ margin:0 10px 0 0; } #productTopContainer .prodPrice .prodFinance { display: none; } #productTopContainer .prodPrice .prodFinance, #productTopContainer .prodPrice .prodPayment { font-size: .775rem; vertical-align: sub; margin-left: 7px; } #productTopContainer .prodPrice .prodFinance a { color: #737373; } #productTopContainer .prodPrice .prodPayment, #productTopContainer .prodPriceOrig, #productTopContainer .prodSale, #productTopContainer .prodSku { font-size: .775rem; } #productTopContainer .prodPriceOrig { display: block; } #productTopContainer .prodTitle { margin-bottom: 0; } #productTopContainer .prodSku .inStock a { color: #737373; } .sticky-active #productTopContainer { position: fixed; top: 0; background: white; width: 100%; left: 0; right: 0; padding: 15px 0; z-index: 999; -webkit-transition: top .5s; transition: top .5s; width: auto !important; } .sticky-active #productTopContainer .col4, .sticky-active #productTopContainer .col8 { width: 100% !important; /*padding: 0 15px;*/ } .sticky-active #productTopContainer .cartBtn.cartOrange { /*margin-left: 0;*/ } .sticky-active #productTopContainer .cartCounter, .sticky-active #productTopContainer .prodPrice .prodPayment { /*display: none;*/ } .sticky-active #productTopContainer .prodPrice .prodFinance { display: inline-block; } .sticky-active #productTopContainer .prodWrap { padding: 0 14px; } .sticky-active #productTopContainer .prodEnlarge { display: block; float: left; width: 37%; margin-right: 3%; position: relative; -webkit-transition: width .25s; -moz-transition: width .25s; -o-transition: width .25s; transition: width .25s; } .sticky-active #productTopContainer .prodEnlarge img { margin: 0; width: 100%; } .sticky-active #productTopContainer .prodEnlarge .enlargeTrigger { cursor: pointer; position: absolute; bottom: 0; padding: 10px; font-size: .775rem; background: #f0f0f0; width: 100%; text-align: center; } .sticky-active #productTopContainer .prodEnlarge .enlargeTrigger i { font-size: 1.25rem; margin-left: 7px; vertical-align: middle; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .sticky-active #productTopContainer .prodTopMain { float: right; width: 60%; margin: 0; -webkit-transition: width .25s; -moz-transition: width .25s; -o-transition: width .25s; transition: width .25s; } .sticky-active #productTopContainer.enlarged .cartBtn.cartOrange { margin-left: 3%; } .sticky-active #productTopContainer.enlarged .col4, .sticky-active #productTopContainer.enlarged .col8 { padding: 0; } .sticky-active #productTopContainer.enlarged .cartCounter, .sticky-active #productTopContainer.enlarged .prodPrice .prodPayment { display: block; } .sticky-active #productTopContainer.enlarged .prodPrice .prodFinance { display: none; } .sticky-active #productTopContainer.enlarged .prodTopMain { width: 100%; margin-bottom: 15px; -webkit-transition: width .5s; -moz-transition: width .5s; -o-transition: width .5s; transition: width .5s; display: none; } .sticky-active #productTopContainer.enlarged .prodEnlarge { margin-right: 0; width: 100%; -webkit-transition: width .5s; -moz-transition: width .5s; -o-transition: width .5s; transition: width .5s; } .sticky-active #productTopContainer.enlarged .prodEnlarge .enlargeTrigger { max-width: 60px; height: 60px; right: 0; padding: 0; bottom: 4px; padding: 4px 6px 4px 0; } .sticky-active #productTopContainer.enlarged .prodEnlarge .enlargeTrigger i { font-size: 3rem; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); } .sticky-active #productTopContainer.enlarged .prodEnlarge .enlargeTrigger span { display: none; } #productTopContainer #enlargeOverlay.active { background: rgba(0,0,0,.8); position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 100; opacity: 1; } body.scrollLock { overflow: hidden; } .sticky-active #productTopContainer .prodSku .sku, .sticky-active #productTopContainer .cartControls .prodFav { display: none; } } @media only screen and (max-width: 411px) { #productTopContainer.scroll-on .prodEnlarge .enlargeTrigger { padding: 4px; } #productTopContainer.scroll-on .prodEnlarge .enlargeTrigger i { font-size: 1rem; } } @media only screen and (max-width: 403px) { #productTopContainer.scroll-on .prodPrice .prodFinance, #productTopContainer .prodSku #invMsg { margin: 0; display: block; } #productTopContainer.scroll-on .prodSku .inStock, #productTopContainer.scroll-on .prodSave { margin-left: 0; /*width: 100%;*/ display: inline-block; } } /* END PRODUCT DETAIL PAGE STYLES */ /* BEGIN TRADE SALES PAGE */ .tradeLanding { margin-top: -20px; min-height: 100%} .tradeLanding:after { content: ""; display: block; width: 100%; } .tradeLanding .innerWrapper { max-width: 1300px; } .tradeLanding .error { color: #c0392b; line-height: 0; width: 100%; background: rgba(255, 255, 255, 0.5); height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); } .tradeLanding .tradeHero { width:100%; background-position: center!important;height: 682px; display:flex; } .tradeLanding .tradeHero .tradeWrapper { max-width: 1600px; margin: auto; padding: 0 20px; } .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8 .colContainer { width:78%; margin:0 auto; } .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8 { margin-top:-20px;} .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8 p { color:#FFF; font-family: 'Sailec-Light'; font-size: 2.125em; margin-right: 10%;} .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8 img { margin:0 0 -10px 0; } .tradeLanding .tradeHero .tradeWrapper .col4 { margin-right:4%; background-color: rgba(255,255,255,.6); text-align: center; padding: 55px 90px 40px; border: 1px solid #707070;} .tradeLanding .tradeHero .tradeWrapper h1 { color:#FFF; font-size:3.125em; font-family: 'archerlightitalic'; margin:0; letter-spacing:1pt;} .tradeLanding .tradeHero .tradeContainer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 466px; } .tradeLanding .tradeHero .tradeWrapper .col4 .getStarted { color:#333; font-size:2.813em; font-family: 'Sailec-Medium'; margin:15px 0 10px; } .tradeLanding .tradeHero .tradeWrapper .col4 .getStartedBtn { background: #000; color: #f0f0f0; border: 0; padding: 20px 23px; font-size: 1.250em; text-transform:uppercase; letter-spacing: 1px; cursor: pointer; display: inline-block; max-width: 408px; min-height: 35px; margin: auto; border-radius: 50px; width: 95%;} .tradeLanding .tradeHero .tradeWrapper .col4 .alreadyMember, .tradeLanding .tradeHero .tradeWrapper .col4 .alreadyMember a { margin-top:18px; font-size:1.125rem; color:#333; font-family: 'Sailec-Regular'; } .tradeLanding .tradeHero .tradeWrapper .col4 input[type="text"] { border:1px solid #d2d2d2; width:95%; height:50px; color:#333; margin-bottom:15px;} .tradeLanding .textCallouts { margin:46px 0 56px; display:block; float:left; border-bottom:1px solid #d2d2d2; padding-bottom:56px; width:100%; text-align: center; } .tradeLanding .textCallouts .col4 .title { font-size:1.750rem; margin-top:0; color:#333; } .tradeLanding .textCallouts .col4:first-child { padding-left:9%; } .tradeLanding .textCallouts .col4:last-child { padding-right:9%; } .tradeLanding .textCallouts .col4 > div { font-size:.813rem; padding:0 14%;} .tradeLanding .tradeLogos { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float:none; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width:100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin:0 0 46px; } .tradeLanding .tradeLogos > div { float:left; width:141px; min-height:0px; } .tradeLanding .tradeLogos > div:first-child { width:0; } .tradeLanding .tradeLogos > div:last-child { width:0; } .tradeLanding .tradeLogos > div img { margin:0; } @media screen and (max-width: 1470px) { .tradeLanding .tradeHero .tradeWrapper h1 { font-size:2.25rem; } .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8 p { padding:0; font-size:1.75rem; } .tradeLanding .tradeHero .tradeWrapper .col4 { padding: 50px 20px 40px; } .tradeLanding .tradeHero .tradeWrapper .col4 .getStarted { font-size: 1.75em; } .tradeLanding .tradeHero .tradeWrapper .col4 .getStartedBtn, .tradeLanding .tradeHero .tradeWrapper .col4 .alreadyMember, .tradeLanding .tradeHero .tradeWrapper .col4 .alreadyMember a { font-size:1em;} } @media screen and (max-width: 1170px) { .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8 .colContainer { width:84%; } } @media screen and (max-width: 1086px) { .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8 .colContainer { width:91%; } } @media screen and (max-width: 1003px) { .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8 .colContainer { width:96%; } } @media screen and (max-width: 960px) { .tradeLanding { margin-top:0; } .tradeLanding .tradeHero { min-height: 540px; -webkit-background-size:cover!important; background-size:cover!important; } .tradeLanding .tradeHero .tradeContainer { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-flow:column nowrap; -ms-flex-flow:column nowrap; flex-flow:column nowrap; min-height: 540px; } .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8 { width:96%; padding:0 4%; } .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8, .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col4 { margin-top:0; margin-right: 0!important; width: 95%; float: none; } .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8 .colContainer { width:76%; } .tradeLanding .tradeHero .tradeWrapper h1 { font-size:1.75rem; } .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8 p { padding:0; font-size:1.25rem; margin-right: 0; } .tradeLanding .textCallouts .col4 { width: 50% } .tradeLanding .textCallouts .col4:first-child { padding-left:0; width:48%; } .tradeLanding .textCallouts .col4:last-child { padding-right:0; width:100%; margin-top:50px; } } @media screen and (max-width: 860px) { .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8 .colContainer { width:82%; } } @media screen and (max-width: 800px) { .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8 .colContainer { width:88%; } } @media screen and (max-width: 742px) { .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8 .colContainer { width:96%; } } @media screen and (max-width: 612px) { .tradeLanding .tradeLogos > div { min-width: 141px; padding:2% 4%; margin-right:auto; } .tradeLanding .tradeLogos > div:first-child { display: none; } .tradeLanding .tradeLogos > div:last-child { display: none; } .tradeLanding .tradeLogos > div:last-of-type { width:100%; } } @media screen and (max-width: 580px) { .tradeLanding .textCallouts .col4 { width: 100% } .tradeLanding .textCallouts .col4:first-child { padding-left:0; width:100%; margin-bottom:50px; } .tradeLanding .textCallouts .col4:last-child { padding-right:0; width:100%; margin-top:50px; } } @media screen and (max-width: 440px) { .tradeLanding .tradeHero .tradeWrapper h1 { letter-spacing: 0 } .tradeLanding .tradeHero .tradeWrapper .tradeContainer .col8 { width: 100%; padding: 0 2%; } } /* END TRADE SALES PAGE */ /* START DESIGNER ACCOUNT */ .designerAccount .ttt { border-bottom: 1px solid #d2d2d2; display: block; float: left; width: 100%; padding-bottom: 20px; margin-bottom:20px; } .designerAccount h2 { font-family: 'Sailec-Medium'; font-size:1.250rem; color:#333; } .designerAccount .tttLogo { text-align: right;margin-top: 5px; display: block; } .designerAccount .tttLogoMobile { display: none; } .designerAccount .tttLogo img { margin-bottom:0; } .designerAccount .tttButtons { border-bottom:1px solid #d2d2d2; padding-bottom:20px; } .designerAccount .tttButtons ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width:100%; margin-left:0; } .designerAccount .tttButtons ul li { list-style: none; margin-right:16px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; } .designerAccount .tttButtons ul li:last-child { margin-right:0; } .designerAccount .btn { font-family: 'Sailec-Regular'; font-size:0.875rem; height: 44px; color:#333; text-decoration: none; width:123px; border:1px solid #d2d2d2; background:#f0f0f0; border-radius: 5px; padding:15px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: auto; } .designerAccount .accordion { display: block; float:left; } .designerAccount .accordion .accordionContent { display: block; float:left; padding: 15px 0px 30px 0px; font-size: .875rem;} .designerAccount .accordion .accordionContent a { text-decoration: none; } .designerAccount .accordionTrigger:not(.unstyled) { font-family: 'Sailec-Medium'; display: inline-block; width: 100%; border-bottom: none; padding: 20px 0px; color: #333333; cursor: pointer; outline: 0; } .fa-file-text-o { font-size:30px; } .designerAccount .accordionWrapper { display: block; float:left; margin-bottom:36px; width:100%;} .designerAccount .accordionWrapper .col1 { max-width: 40px; } .designerAccount .col11 { width: 93.25%; float: right; } .designerAccount h3 { font-size: 0.875rem; font-family: 'Sailec-Medium'; margin-top:0; margin-bottom:0; } .designerAccount .accordionTrigger:not(.unstyled):before { font-family: 'Font Awesome 5 Pro'; content: "\f067"; margin: 0 15px 0 0px; font-weight: 300; } .designerAccount .close:not(.unstyled):before { font-family: 'Font Awesome 5 Pro'; content: "\f068" !important; margin: 0 15px 0 0px; font-weight: 300;} .designerAccount .accordion .accordionContent .col2 { display: block; float:left; margin-right:2%; width:15%;} .designerAccount .accordion .accordionContent .col2:nth-child(6n) { margin-right:0; } .designerAccount .accordion .accordionContent .col2 img { width:100%; max-height:125px; -o-object-fit: cover; object-fit: cover; } .designerAccount .accordion .accordionContent .col2 p { display: block; float:left; line-height: 1.2; min-height: 35px } @media screen and (max-width:960px) { .designerAccount .accordion .accordionContent .col2 { width:18%; } .designerAccount .accordion .accordionContent .col2:nth-child(6n) { margin-right:2%; } } @media screen and (max-width: 768px) { .designerAccount .col11 { width: 90.25%; float: right; } } @media screen and (max-width:580px) { .designerAccount .accordion .accordionContent .col2 { width:23%; } .designerAccount .tttLogo { display: none; } .designerAccount .tttLogoMobile { display: block; margin-right:0!important; } .designerAccount .tttLogoMobile img { float: right; margin-top:5px; margin-right:0; } .designerAccount .ttt { padding-bottom:10px; } } @media screen and (max-width:478px) { .designerAccount .ttt .col6 { width:49%; float:left; } } @media screen and (max-width:460px) { .designerAccount .accordion .accordionContent .col2 { width:31%; } .designerAccount .accordion .accordionContent .col2:nth-child(3n) { margin-right:0; } .designerAccount .accordion .accordionContent .col2 p { min-height: 60px } } @media screen and (max-width:430px) { .designerAccount .tttButtons ul li:last-child { margin-right: 2%; } .designerAccount .btn { width:106px; } .designerAccount .ttt .col6 .tttLogo > div { overflow-x:hidden; } .designerAccount .col11 { width: 85.25%; float: right; } } @media screen and (max-width:380px) { .designerAccount .btn { width: 93px; font-size: 12px; } } /* END DESIGNER ACCOUNT */ /* START DESIGNER INFORMATION */ .designerInformation { margin-bottom: 40px; } .designerInformation h2 { font-family: 'Sailec-Medium'; font-size: 1.0rem; color: #333; } .designerInformation label { text-indent: -9999px; position: absolute; } .designerInformation input[type=text], .designerInformation input[type=password], .designerInformation select { padding: 5px 10px 5px 10px; margin: 5px 10px 9px 0px; max-width: 100%; height: 40px; border: 1px #d2d2d2 solid; /* outline: 0; */ font-family: 'Sailec-Regular'; font-size: 14px; color: #333; } .designerInformation .size300 { width: 34%; } .designerInformation .size144 { width: 16.1%; } .designerInformation .buttonCancel { width: 16%; height: 40px; margin-right: 10px; background: #f0f0f0; border: 0; border-radius: 5px; color: #808080; font-family: 'Sailec-Regular'; font-size: 14px; } .designerInformation .buttonSubmit { width: 16%; height: 40px; background: #333; border: 0; border-radius: 5px; color: #FFF; font-family: 'Sailec-Medium'; font-size: 14px; } .designerInformation::-webkit-input-placeholder { color: #d2d2d2; } .designerInformation::-moz-placeholder { color: #d2d2d2; } .designerInformation:-ms-input-placeholder { color: #d2d2d2; } .designerInformation label { text-indent: 0 !important; position: relative; } .designerInformation .col5 { float: left; margin: 0 4% 0 0 } .designerInformation form { width: 100%; float: left; font-family: sans-serif; color: #333; } .designerInformation form > div { position: relative; overflow: hidden; } .designerInformation form > div { margin-bottom: 10px !important; } .designerInformation form input, .designerInformation form textarea { width: 100%; border: 1px solid #d2d2d2; background: #FFF; position: relative; top: 0; left: 0; z-index: 1; } .designerInformation form textarea { display: block; resize: vertical; display: flex; align-items: flex-start; } .designerInformation form input, .designerInformation form textarea { padding: 12px 12px 12px 12px; } .designerInformation form label { -webkit-transition: all 0.2s; transition: all 0.2s; position: absolute; padding: 11px 16px; display: flex; align-items: flex-start; z-index: 2; font-family: sans-serif; font-weight: bold; color: #6c6c6c; font-size: .875rem; } .designerInformation form label { top: 6px; bottom: 0; left: 0; width: auto; } .designerInformation form label:valid { top:0px; } .designerInformation form input+label.active { top: 0px; left: -5px; color: #000; font-size: .750rem; z-index: 2; font-family: sans-serif; font-weight: normal; } .btnBlue { width: 100%; height: 40px; cursor: pointer; background: #000; color: #FFF; border: none; font-family: sans-serif; font-size: 1em; border-radius: 3px; font-weight: bold; } .designerInformation form .control { font-family: sans-serif; font-weight: bold; color: #6c6c6c; font-size: .875em; } .designerInformation form .controls:focus { padding: 19px 6px 35px 16px; } .designerInformation form input:focus { padding: 15px 6px 12px 16px; background: #FFF; } .designerInformation form textarea:focus { padding: 19px 6px 35px 16px; } .designerInformation form input:focus+label, .designerInformation form textarea:focus+label { top: 0%; margin-top: -4px; } .designerInformation form input:focus, .designerInformation form textarea:focus { /*border-color: #f06d06;*/font-weight: bold; font-size: .750em; } .designerInformation form input:focus+label, .designerInformation form textarea:focus+label { color: #000; font-size: .750em; padding: 11px 4px 11px 11px; z-index: 2; font-family: sans-serif; font-weight: normal; } .designerInformation form textarea:focus+label { padding: 15px 4px 11px 11px; } .designerInformation form input:valid, .designerInformation form textarea:valid { background: white; } .designerInformation form input:valid { padding: 19px 6px 6px 16px; font-size: .875em; font-weight: bold; } .designerInformation form textarea:valid { padding: 25px 6px 0px 16px; font-size: .875em; font-family: sans-serif; font-weight: bold; } .designerInformation form input:not(:placeholder-shown) + label { top: 0%; margin-top: -4px; font-size: .750em; padding: 11px 4px 11px 11px; z-index: 2; font-family: sans-serif; font-weight: normal; } @supports (-ms-ime-align:auto) and (not (-ms-accelerator:true)) { .designerInformation form input:valid+label { top: 0%; margin-top: -2px; } .designerInformation form textarea:valid+label { margin-top: -5px; } .designerInformation form input:valid+label, .designerInformation form textarea:valid+label { color: #000; font-size: .750em; z-index: 2; font-family: sans-serif; font-weight: normal; padding: 9px 10px; } .designerInformation form textarea:valid+label { padding: 15px 10px 9px; } } .designerInformation .buttonSubmit { width: 16%; height: 40px; background: #333 !important; border: 0; border-radius: 5px; color: #FFF; font-family: 'Sailec-Medium'; font-size: 14px; padding: 0 !important; } .designerInformation .select { position: relative; display: inline-block; margin-bottom: 15px; } .designerInformation .select select { display: inline-block; width: 100%; cursor: pointer; padding: 12px 15px; outline: 0; border: 1px solid #d2d2d2; border-radius: 0; background: #ffffff; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-family: sans-serif; font-size: .875rem; font-weight: bold; position: unset; } .designerInformation .select select::-ms-expand { display: none; } .designerInformation .select select:hover, .designerInformation .select select:focus { color: #6c6c6c; background: rgba(239, 239, 239, .3); } .designerInformation .select select:disabled { opacity: 0.5; pointer-events: none; } .designerInformation .select__arrow { position: absolute; top: 22px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #7b7b7b transparent transparent transparent; } .designerInformation .select select:hover ~ .select__arrow, .designerInformation .select select:focus ~ .select__arrow { border-top-color: #000; } .designerInformation .select select:disabled ~ .select__arrow { border-top-color: #ccc; } .designerInformation .control { position: relative; display: inline-block; } .designerInformation .control input { display: none; } .designerInformation .control__indicator { position: absolute; top: 6px; left: 0; height: 20px; width: 20px; background: #e6e6e6; } .designerInformation .control--radio { padding: 10px 0 10px 30px; display: block; } .designerInformation .control--checkbox { padding: 10px 0 10px 30px; display: block; } .designerInformation .control--radio .control__indicator { border-radius: 50%; } .designerInformation .control--checkbox .control__indicator { border-radius: 0; } .designerInformation .control:hover input ~ .control__indicator, .designerInformation .control input:focus ~ .control__indicator { background: #ccc; } .designerInformation .control input:checked ~ .control__indicator { background: #2aa1c0; } .designerInformation .control:hover input:not([disabled]):checked ~ .control__indicator, .designerInformation .control input:checked:focus ~ .control__indicator { background: #0e647d; } .designerInformation .control input:disabled ~ .control__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; } .designerInformation .control__indicator:after { content: ''; position: absolute; display: none; } .designerInformation .control input:checked ~ .control__indicator:after { display: block; } .designerInformation .control--checkbox .control__indicator:after { left: 8px; top: 4px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .designerInformation .control--checkbox input:disabled ~ .control__indicator:after { border-color: #7b7b7b; } .designerInformation .control--radio .control__indicator:after { left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #fff; } .designerInformation .control--radio input:disabled ~ .control__indicator:after { background: #7b7b7b; } .designerInformation .control label:valid { top: 3px; } .designerInformation .select select:focus, .designerInformation .select select:valid { padding: 19px 18px 6px; } .designerInformation .control label.active, .designerInformation .control select label:valid { top: -3px; left: -5px; color: #000; font-size: .750rem; z-index: 2; font-family: sans-serif; font-weight: normal; } @media screen and (max-width: 960px) { .designerInformation .size300 { width:47%; } .designerInformation .size144 { width:22.3%; } } @media screen and (max-width: 768px) { .designerInformation .size144 { width:22%; } } @media screen and (max-width: 720px) { .designerInformation .size144 { width:22.5%; } } @media screen and (max-width: 580px) { .designerInformation .size144 { width:22.2%; } } @media screen and (max-width: 482px) { .designerInformation .size144 { width:22%; } } @media screen and (max-width: 460px) { .designerInformation .size144 { width:21.7%; } } @media screen and (max-width: 436px) { .designerInformation .size300 { width:100%; } .designerInformation .size144 { width:100%; } .designerInformation .buttonCancel { width:48%; } .designerInformation .buttonSubmit { width:48%; } } /* END DESIGNER INFORMATION */ /* START DESIGNER ELITE KIT */ .designerEliteKitWrapper { display: block; float:left; } .designerEliteKit h2 { font-family: 'Sailec-Medium'; font-size:1.0rem; color:#333; margin-bottom:30px; } .designerEliteKit .col4 { min-height: 150px } .designerEliteKit .col4 .number { font-family: 'Sailec-Medium'; font-size:20px; color:#333; text-align: center; } .designerEliteKit .col4 .headline { font-family: 'Sailec-Light'; font-size:28px; color:#333; text-align:center; } .designerEliteKit .col4 .summary { font-family: 'Sailec-Regular'; font-size:13px; color:#333; text-align: center; padding:0 6%; } .designerEliteKit .col4:last-child { text-align: center; margin:0 auto; } .designerEliteKit .buttonSubmit { width:143px; height:40px; background: #333; border:0; border-radius: 5px; color:#FFF; font-family: 'Sailec-Medium'; font-size:14px; } .designerEliteKit .afterText { border-top:1px solid #d2d2d2; padding-top:30px; display: block; float:left;} .designerEliteKit .afterText p { font-size:13px; font-family: 'Sailec-Regular'; color:#808080; } .designerEliteKit .success { color: red; font-size: .813rem; } /* END DESIGNER ELITE KIT */ /* START DESIGNER CONTACT US */ .designerAccountContact { width:75%; } .designerAccountContact p, .designerAccountContact a { font-size:14px; font-family: 'Sailec-Regular'; } .designerAccountContact .btn { font-family: 'Sailec-Regular'; font-size:0.875rem; color:#333; text-decoration: none; width:142px; border:1px solid #d2d2d2; background:#f0f0f0; border-radius: 5px; padding:15px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .designerAccountContact .title { font-family: 'Sailec-Medium'; margin-top:40px; } .designerAccountContact label { text-indent: -9999px; position: absolute; } .designerAccountContact input[type=text], .designerAccountContact input[type=password], .designerAccountContact select { padding: 5px 10px 5px 10px; margin: 5px 10px 9px 0px; max-width: 100%; height: 40px; border: 1px #d2d2d2 solid; /* outline: 0; */ font-family: 'Sailec-Regular'; font-size: 14px; color:#333;} .designerAccountContact input { width:45%; } .designerAccountContact #Subject, .designerAccountContact #ctl00_ContentPlaceHolder1_ { width:45%; } .designerAccountContact textarea { width:45%!important; border: 1px #d2d2d2 solid!important; padding:15px; font-size:.875em; color:#333;} .designerAccountContact label.show { text-indent: 0; position: relative; font-family: 'Sailec-Regular'; font-size:14px; margin-bottom:10px; } .designerAccountContact .buttonCancel { width:143px; height:40px; margin-right:10px; background: #f0f0f0; border:0; border-radius: 5px; color:#808080; font-family: 'Sailec-Regular'; font-size:14px; } .designerAccountContact .buttonSubmit { width:143px; height:40px; background: #333; border:0; border-radius: 5px; color:#FFF; font-family: 'Sailec-Medium'; font-size:14px; } .designerAccountContact ::-webkit-input-placeholder { color: #d2d2d2;} .designerAccountContact ::-moz-placeholder { color: #d2d2d2;} .designerAccountContact :-ms-input-placeholder { color: #d2d2d2;} .pageBack { text-decoration: none!important; position: absolute; top:25px; left:25px; } .pageBack:before {content:'\f104'; font-family:'Font Awesome 5 Pro'; font-size: 2em; text-decoration: none!important; font-weight: 300;} @media screen and (max-width: 960px) { .designerAccountContact { width:100%; } } @media screen and (max-width: 768px) { .designerAccountContact input { width:65%; } .designerAccountContact #Subject, .designerAccountContact #ctl00_ContentPlaceHolder1_Subject { width:65%; } .designerAccountContact textarea { width:65%!important; } } @media screen and (max-width: 580px) { .designerAccountContact input { width:100%; } .designerAccountContact #Subject, .designerAccountContact #ctl00_ContentPlaceHolder1_Subject { width:100%; } .designerAccountContact textarea { width:100%!important; } } /* END DESIGNER CONTACT US */ /* START DIP TTT DESIGNER ACCOUNT */ .tttCreateAccount { display: block; width: 100%; height: 100%; background: #F0F0F0; } .tttCreateAccount .col6 { margin-right:2%!important; } .tttCreateAccount .col6:last-child { margin-right:0!important; } .tttCreateAccount #pnlUserInfo, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlUserInfo { text-align: left; } .tttCreateAccount .flexcontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .tttCreateAccount .loginWrap { background: #F0F0F0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: auto; } .tttCreateAccount { margin-right: 2% !important; } .tttCreateAccount:last-child { margin-right: 0 !important; } .tttCreateAccount .loginWrap .loginHeader img { width: 312px; } .tttCreateAccount .loginWrap .loginContent { padding-top: 0; } .tttCreateAccount .breadcrumb { height: 106px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tttCreateAccount .breadcrumb img { margin: 0; } .tttCreateAccount .innerWrapper { max-width: 1074px; } .tttCreateAccount .designerAccount h2, .tttCreateAccount .designerProgram h2 { font-family: 'Sailec-Regular'!important; font-size: 1.875rem!important; margin: 16px 0 24px!important; } .tttCreateAccount .designerAccount p, .tttCreateAccount .designerProgram p { font-family: 'Sailec-Regular'; font-size: 0.813rem!important; } .tttCreateAccount .designerAccount, .tttCreateAccount .designerProgram { position:relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border: 1px solid #d2d2d2; max-width: 520px; padding: 72px 75px; } .tttCreateAccount .designerAccount p { margin-bottom: 20px; } .tttCreateAccount .designerAccount p:last-of-type { margin-bottom: 42px; } .tttCreateAccount .designerProgram p { margin-bottom: 20px; } .tttCreateAccount .designerProgram p:last-of-type { margin-bottom: 42px; } /*.tttCreateAccount*/ .daIcon img, /*.tttCreateAccount*/ .dipIcon img { margin: 0; } .tttCreateAccount .loginWrap .buttonMedium { color: #FFF !important; text-decoration: none; padding: 10px 20px; height: 40px; margin: 5px 0px 9px 0px; background: #F4511E; border-radius: 3px; font-family: 'Sailec-Regular'; width: 100%; max-width: 310px } .tttCreateAccount .loginWrap .buttonMedium:hover { background: rgba(244, 81, 30, .8); } .tttCreateAccount .designerWrapper { display: block; min-width: 325px; max-width: 375px } .tttCreateAccount .designerWrapper em { font-size: 1.5rem; color: #333; font-family: 'archer'; font-style: italic; } .tttCreateAccount .designerWrapper .pageBack:before { font-family: 'FontAwesome'; } .tttCreateAccount .designerWrapper #lblEmailAddress, .tttCreateAccount .designerWrapper #ctl00_ContentPlaceHolder1_lblEmailAddress { font-family: 'Sailec-Medium'; font-size: 1em; } .tttCreateAccount .designerWrapper .confirmPwd { font-size: .875rem!important; font-family: 'Sailec-Regular'; text-align: left; padding: 0 17%;} .tttCreateAccount .designerWrapper #rfvPassword, .tttCreateAccount .designerWrapper #ctl00_ContentPlaceHolder1_rfvPassword { display: none; } .tttCreateAccount .designerWrapper #cvPassword, .tttCreateAccount .designerWrapper #ctl00_ContentPlaceHolder1_cvPassword { display: none; } .tttCreateAccount .designerWrapper #vsPageErrors, .tttCreateAccount .designerWrapper #ctl00_ContentPlaceHolder1_vsPageErrors { font-size: 0.813rem; } .tttCreateAccount .designerWrapper #vsPageErrors ul, .tttCreateAccount .designerWrapper #ctl00_ContentPlaceHolder1_vsPageErrors ul { margin: 0; } .tttCreateAccount .designerWrapper #vsPageErrors ul li, .tttCreateAccount .designerWrapper #ctl00_ContentPlaceHolder1_vsPageErrors ul li { list-style: none; } .tttCreateAccount .designerWrapper .confirmPwd, .tttCreateAccount .designerWrapper .forgot { font-size: 0.813rem; margin-bottom: 0 !important; } .tttCreateAccount .error { font-size: .813rem; font-family: 'Sailec-Regular'; display: block; } .tttCreateAccount #rfvState.error, .tttCreateAccount #ctl00_ContentPlaceHolder1_rfvState.error { display: block; float:left; } .tttCreateAccount #rfvZipCode.error, .tttCreateAccount #ctl00_ContentPlaceHolder1_rfvZipCode.error { display: block; float:right; } .tttCreateAccount #pnlUserInfo input, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlUserInfo input { width: 100%; /*color: #bfbfbf;*/ font-size: .875rem; font-weight: bold; } .tttCreateAccount #pnlUserInfo ::-webkit-input-placeholder, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlUserInfo ::-webkit-input-placeholder { color: #bfbfbf !important; font-size: .875rem; font-weight: bold; } .tttCreateAccount #pnlUserInfo ::-moz-placeholder,.tttCreateAccount #ctl00_ContentPlaceHolder1_pnlUserInfo ::-moz-placeholder { color: #bfbfbf !important; font-size: .875rem; font-weight: bold; } .tttCreateAccount #pnlUserInfo :-ms-input-placeholder, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlUserInfo :-ms-input-placeholder { color: #bfbfbf !important; font-size: .875rem; font-weight: bold; } .tttCreateAccount #pnlUserInfo :-moz-placeholder,.tttCreateAccount #ctl00_ContentPlaceHolder1_pnlUserInfo :-moz-placeholder { color: #bfbfbf !important; font-size: .875rem; font-weight: bold; } .tttCreateAccount #pnlUserInfo select, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlUserInfo select, #ctl00_ContentPlaceHolder1_panShippingPanel select { color: #333; font-size: .875rem; font-weight: bold; } .tttCreateAccount #pnlUserInfo #tbZipCode,.tttCreateAccount #ctl00_ContentPlaceHolder1_pnlUserInfo #ctl00_ContentPlaceHolder1_tbZipCode { width: 48%; margin-right: 0; float: right; } .tttCreateAccount #pnlUserInfo #ddlState,.tttCreateAccount #ctl00_ContentPlaceHolder1_pnlUserInfo #ctl00_ContentPlaceHolder1_ddlState { margin-right: 1%; background:#FFF;} .tttCreateAccount #pnlUserInfo input[type=submit], .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlUserInfo input[type=submit] { max-width: 100%; color: #FFF !important; font-family: 'Sailec-Regular'; font-size: .813rem; } .tttCreateAccount p.newUser, .tttCreateAccount .newUser a { color: #bfbfbf !important; font-size: .813rem; text-align: center; margin-bottom: 0 !important; } .tttCreateAccount .newUser a { text-decoration: underline; } .tttCreateAccount #pnlProfInfoWholesale, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoWholesale { font-size: .813rem; color: #333; font-family: 'Sailec-Regular'; } .tttCreateAccount #pnlProfInfoWholesale strong, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoWholesale strong { font-family: 'Sailec-Medium'; font-size: 1rem; } .tttCreateAccount #pnlProfInfoWholesale .upload, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoWholesale .upload { font-family: 'Sailec-Regular'; font-size: 0.875rem; color: #333; text-decoration: none; width: 123px; border: 1px solid #d2d2d2; background: #f0f0f0; border-radius: 5px; padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; margin: 0 auto; } .tttCreateAccount #pnlProfInfoWholesale .upload .btn, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoWholesale .upload .btn { width: 123px !important; padding: 0 !important; display: block !important; opacity: 0 !important; overflow: hidden !important; } .tttCreateAccount #pnlProfInfoWholesale .upload .uploadText, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoWholesale .upload .uploadText { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .tttCreateAccount #pnlProfInfoWholesale .upload .uploadText:before, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoWholesale .upload .uploadText:before { content: '\f016'; font-family: 'Font Awesome 5 Pro'; font-size: 1.25em; margin-right: 5px; font-weight: 300;} .tttCreateAccount input[type=file] {display: block; margin:0 auto; position:relative; z-index: 10; cursor: pointer; width: 110px; } .tttCreateAccount input[type=file]::file-selector-button { font-family: 'Sailec-Regular'; font-size:0.875rem; color:#333; text-decoration: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: auto; opacity: 0; height: 0; } .tttCreateAccount #pnlProfInfoWholesale .btnContainer, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoWholesale .btnContainer { position: relative; margin-bottom: 35px; } .tttCreateAccount #pnlProfInfoWholesale button, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoWholesale button { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; cursor: pointer; padding: 0 !important; } .tttCreateAccount #pnlProfInfoWholesale .btn, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoWholesale .btn { width: 136px !important; } .tttCreateAccount #pnlProfInfoWholesale #fuResaleTaxLicense, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoWholesale #ctl00_ContentPlaceHolder1_fuResaleTaxLicense { position: relative; z-index: 100; } .tttCreateAccount #pnlProfInfoWholesale .btn > img, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoWholesale .btn > img { margin: 0 5px 0; } .tttCreateAccount #pnlProfInfoWholesale .tellUs,.tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoWholesale .tellUs,.tttCreateAccount #pnlProfInfoRetail .tellUs,.tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail .tellUs { font-family: 'Sailec-Regular'; text-align: left; font-size: .875rem } .tttCreateAccount #pnlProfInfoWholesale #tbNotesWholesale, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoWholesale #ctl00_ContentPlaceHolder1_tbNotesWholesale { margin-bottom: 34px; width:100%; } .tttCreateAccount hr { color: #d2d2d2 !important; } .tttCreateAccount #pnlProfInfoWholesale .terms, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoWholesale .terms { text-align: left; } .tttCreateAccount #pnlProfInfoWholesale .terms a, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoWholesale .terms a { text-decoration: underline; } .tttCreateAccount #rfvEmailAddress, .tttCreateAccount #ctl00_ContentPlaceHolder1_rfvEmailAddress { display: none; } .tttCreateAccount #revEmailAddress,.tttCreateAccount #ctl00_ContentPlaceHolder1_revEmailAddress { display: none; } .tttCreateAccount #cvEmailAddress1, .tttCreateAccount #ctl00_ContentPlaceHolder1_cvEmailAddress1 { display: none; } .tttCreateAccount #rfvConfirmPassword, .tttCreateAccount #ctl00_ContentPlaceHolder1_rfvConfirmPassword { display: none; } .tttCreateAccount #pnlConfirmation em, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlConfirmation em { font-family: 'archer'; font-style: italic; font-size:1.625rem;} .tttCreateAccount #pnlZipLookup strong, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlZipLookup strong { font-family: 'Sailec-Medium'; font-size:1rem; } .tttCreateAccount #pnlZipLookup input, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlZipLookup input, .tttCreateAccount #tbStoreContact, .tttCreateAccount #ctl00_ContentPlaceHolder1_tbStoreContact, .tttCreateAccount #ddlStores, .tttCreateAccount #ctl00_ContentPlaceHolder1_ddlStores, .tttCreateAccount #pnlExistingUser, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlExistingUser, .tttCreateAccount #pnlProfInfoRetail #ddlAffiliation, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail #ctl00_ContentPlaceHolder1_ddlAffiliation { width: 100%; /*color: #bfbfbf;*/ font-size: .875rem; font-weight: bold; } .tttCreateAccount #pnlZipLookup,.tttCreateAccount #ctl00_ContentPlaceHolder1_pnlZipLookup, .tttCreateAccount #pnlProfInfoRetail ::-webkit-input-placeholder, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail ::-webkit-input-placeholder { color: inherit; font-size: .875rem; font-weight: bold; } .tttCreateAccount #pnlZipLookup, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlZipLookup, .tttCreateAccount #pnlProfInfoRetail ::-moz-placeholder, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail ::-moz-placeholder { color: #bfbfbf !important; font-size: .875rem; font-weight: bold; } .tttCreateAccount #pnlZipLookup, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlZipLookup, .tttCreateAccount #pnlProfInfoRetail :-ms-input-placeholder, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail :-ms-input-placeholder { color: #bfbfbf !important; font-size: .875rem; font-weight: bold; } .tttCreateAccount #pnlZipLookup, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlZipLookup, .tttCreateAccount #pnlProfInfoRetail :-moz-placeholder, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail :-moz-placeholder { color: #bfbfbf !important; font-size: .875rem; font-weight: bold; } .tttCreateAccount #pnlZipLookup .enterZip, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlZipLookup .enterZip { font-size:.875rem; font-family: 'Sailec-Regular'; text-align: left; } .tttCreateAccount #ddlStores { background:#FFF; } .tttCreateAccount #ctl00_ContentPlaceHolder1_ddlStores { background:#FFF; } .tttCreateAccount #pnlStoreSelect, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlStoreSelect { width: 100%; max-width:100%; margin:0 auto; font-size:1rem; font-family: 'Sailec-Regular'} .tttCreateAccount #pnlProfInfoRetail, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail { font-family: 'Sailec-Regular'; font-size:1rem; margin:0 auto; } .tttCreateAccount #pnlProfInfoRetail .btnContainer, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail .btnContainer { position: relative; } .tttCreateAccount #pnlProfInfoRetail button, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail button { position: absolute; top:0; left:0; right:0; bottom:0; margin:0 auto; cursor: pointer; padding:0!important; } .tttCreateAccount #pnlProfInfoRetail .btn, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail .btn { width:136px!important; } .tttCreateAccount #pnlProfInfoRetail .btn img, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail .btn img { margin-bottom:0!important; margin-right:5px!important; } .tttCreateAccount #pnlProfInfoRetail strong, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail strong { font-family: 'Sailec-Medium'; font-size: 1rem; } .tttCreateAccount #pnlProfInfoRetail #ddlAffiliation, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail #ctl00_ContentPlaceHolder1_ddlAffiliation { background:#fff; } .tttCreateAccount #pnlProfInfoRetail .col6, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail .col6 { width:48%; float:left; } .tttCreateAccount #pnlProfInfoRetail .col6:last-child, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail .col6:last-child { margin-right:0!important; } .tttCreateAccount #pnlProfInfoRetail .portfolio, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail .portfolio { font-size:.875rem; color:#333; margin-top:4px; } .tttCreateAccount #pnlProfInfoRetail .optional, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail .optional { color:#bfbfbf; } .tttCreateAccount #pnlProfInfoRetail .terms, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail .terms { text-align: left; font-size:.813rem; font-family: 'Sailec-Regular'; } .tttCreateAccount #pnlProfInfoRetail .terms a, .tttCreateAccount #ctl00_ContentPlaceHolder1_pnlProfInfoRetail .terms a { text-decoration: underline; } .tttCreateAccount .footnote { font-size: .8rem; font-style: italic; line-height: 1.4; } #pnlUserInfo > div, #ctl00_ContentPlaceHolder1_pnlUserInfo > div, #pnlUserInfo > input, #ctl00_ContentPlaceHolder1_pnlUserInfo > input, #pnlNewUser > div, #ctl00_ContentPlaceHolder1_pnlNewUser > div, #pnlNewUser > input, #ctl00_ContentPlaceHolder1_pnlNewUser > input, #pnlZipLookup > div, #ctl00_ContentPlaceHolder1_pnlZipLookup > div, #pnlZipLookup > input, #ctl00_ContentPlaceHolder1_pnlZipLookup > input, #pnlStoreSelect > div, #ctl00_ContentPlaceHolder1_pnlStoreSelect > div, #pnlStoreSelect > input, #ctl00_ContentPlaceHolder1_pnlStoreSelect > input { position: relative; } /* Initial input and label style */ #pnlUserInfo label, #ctl00_ContentPlaceHolder1_pnlUserInfo label, #pnlNewUser label, #ctl00_ContentPlaceHolder1_pnlNewUser label, #pnlZipLookup label, #ctl00_ContentPlaceHolder1_pnlZipLookup label, #pnlStoreSelect label, #ctl00_ContentPlaceHolder1_pnlStoreSelect label, #ctl00_ContentPlaceHolder1_pnlProfInfoRetail input[type=text] + label, #ctl00_ContentPlaceHolder1_pnlStoreSelect textarea + label, #ctl00_ContentPlaceHolder1_pnlProfInfoRetail #ctl00_ContentPlaceHolder1_tbOtherRetail textarea + label, label[for="ctl00_ContentPlaceHolder1_tbOtherRetail"], #ctl00_ContentPlaceHolder1_panShippingPanel input[type=text] + label, #ctl00_ContentPlaceHolder1_panShippingPanel input[type=email] + label { -webkit-transition: all 0.2s; transition: all 0.2s; padding: 4px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 2; font-family: sans-serif; font-weight: bold; color: #6c6c6c; font-size: .875rem; top: 12px; bottom: 0; left: 0; width: auto; position: absolute !important; } #pnlUserInfo input[type=text], #ctl00_ContentPlaceHolder1_pnlUserInfo input[type=text], #pnlUserInfo input[type=password], #ctl00_ContentPlaceHolder1_pnlUserInfo input[type=password], #pnlUserInfo input [type=email], #ctl00_ContentPlaceHolder1_pnlUserInfo [type=email], #pnlNewUser input[type=text], #ctl00_ContentPlaceHolder1_pnlNewUser input[type=text], #pnlNewUser input[type=password], #ctl00_ContentPlaceHolder1_pnlNewUser input[type=password], #pnlNewUser input[type=email], #ctl00_ContentPlaceHolder1_pnlNewUser input[type=email], #pnlZipLookup input[type=text], #ctl00_ContentPlaceHolder1_pnlZipLookup input[type=text], #pnlZipLookup input[type=password], #ctl00_ContentPlaceHolder1_pnlZipLookup input[type=password], #pnlZipLookup input[type=email], #ctl00_ContentPlaceHolder1_pnlZipLookup input[type=email], #pnlStoreSelect input[type=text], #ctl00_ContentPlaceHolder1_pnlStoreSelect input[type=text], #pnlStoreSelect input[type=password], #ctl00_ContentPlaceHolder1_pnlStoreSelect input[type=password], #pnlStoreSelect input[type=email], #ctl00_ContentPlaceHolder1_pnlStoreSelect input[type=email], #ctl00_ContentPlaceHolder1_pnlProfInfoRetail input[type=text], #ctl00_ContentPlaceHolder1_pnlStoreSelect textarea { width: 100%; border: 1px solid #d2d2d2; background: #FFF; position: relative; top: 0; left: 0; z-index: 1; padding: 19px 12px 5px 12px; } /* Style when in focus state */ #pnlUserInfo input[type=text]:focus, #ctl00_ContentPlaceHolder1_pnlUserInfo input[type=text]:focus, #pnlUserInfo input[type=password]:focus, #ctl00_ContentPlaceHolder1_pnlUserInfo input[type=password]:focus, #pnlUserInfo input[type=email]:focus, #ctl00_ContentPlaceHolder1_pnlUserInfo input[type=email]:focus, #pnlNewUser input[type=text]:focus, #ctl00_ContentPlaceHolder1_pnlNewUser input[type=text]:focus, #pnlNewUser input[type=password]:focus, #ctl00_ContentPlaceHolder1_pnlNewUser input[type=password]:focus, #pnlNewUser input[type=email]:focus, #ctl00_ContentPlaceHolder1_pnlNewUser input[type=email]:focus { padding: 15px 6px 12px 16px; background: #FFF; font-weight: bold; font-size: .750em; } #pnlUserInfo input[type=text]:focus+label, #ctl00_ContentPlaceHolder1_pnlUserInfo input[type=text]:focus+label, #pnlUserInfo input[type=password]:focus+label, #ctl00_ContentPlaceHolder1_pnlUserInfo input[type=password]:focus+label, #pnlUserInfo input[type=email]:focus+label, #ctl00_ContentPlaceHolder1_pnlUserInfo input[type=email]:focus+label, #pnlNewUser input[type=text]:focus+label, #ctl00_ContentPlaceHolder1_pnlNewUser input[type=text]:focus+label, #pnlNewUser input[type=password]:focus+label, #ctl00_ContentPlaceHolder1_pnlNewUser input[type=password]:focus+label, #pnlNewUser input[type=email]:focus+label, #ctl00_ContentPlaceHolder1_pnlNewUser input[type=email]:focus+label, #pnlZipLookup input[type=text]:focus+label, #ctl00_ContentPlaceHolder1_pnlZipLookup input[type=text]:focus+label, #pnlZipLookup input[type=password]:focus+label, #ctl00_ContentPlaceHolder1_pnlZipLookup input[type=password]:focus+label, #pnlZipLookup input[type=email]:focus+label, #ctl00_ContentPlaceHolder1_pnlZipLookup input[type=email]:focus+label, #pnlStoreSelect input[type=text]:focus+label, #ctl00_ContentPlaceHolder1_pnlStoreSelect input[type=text]:focus+label, #pnlStoreSelect input[type=password]:focus+label, #ctl00_ContentPlaceHolder1_pnlStoreSelect input[type=password]:focus+label, #pnlStoreSelect input[type=email]:focus+label, #ctl00_ContentPlaceHolder1_pnlStoreSelect input[type=email]:focus+label, #ctl00_ContentPlaceHolder1_pnlProfInfoRetail textarea:focus + label, #ctl00_ContentPlaceHolder1_pnlProfInfoRetail input[type=text]:focus + label, #ctl00_ContentPlaceHolder1_panShippingPanel input[type=text]:focus + label, #ctl00_ContentPlaceHolder1_panShippingPanel input[type=email]:focus + label { top: 0%; margin-top: -4px; color: #000; font-size: .750em; padding: 11px 4px 11px 11px; z-index: 2; font-family: sans-serif; font-weight: normal; } /* Style when leaving the input */ #pnlUserInfo input[type=text]:valid, #ctl00_ContentPlaceHolder1_pnlUserInfo input[type=text]:valid, #pnlUserInfo input[type=password]:valid, #ctl00_ContentPlaceHolder1_pnlUserInfo input[type=password]:valid, #pnlUserInfo input[type=email]:valid, #ctl00_ContentPlaceHolder1_pnlUserInfo input[type=email]:valid, #pnlNewUser input[type=text]:valid, #ctl00_ContentPlaceHolder1_pnlNewUser input[type=text]:valid, #pnlNewUser input[type=password]:valid, #ctl00_ContentPlaceHolder1_pnlNewUser input[type=password]:valid, #pnlNewUser input[type=email]:valid, #ctl00_ContentPlaceHolder1_pnlNewUser input[type=email]:valid { padding: 19px 6px 6px 16px; font-size: .875em; font-weight: bold; background: white; } #pnlUserInfo input[type=text]:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_pnlUserInfo input[type=text]:not(:placeholder-shown) + label, #pnlUserInfo input[type=password]:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_pnlUserInfo input[type=password]:not(:placeholder-shown) + label, #pnlUserInfo input[type=email]:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_pnlUserInfo input[type=email]:not(:placeholder-shown) + label, #pnlNewUser input[type=text]:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_pnlNewUser input[type=text]:not(:placeholder-shown) + label, #pnlNewUser input[type=password]:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_pnlNewUser input[type=password]:not(:placeholder-shown) + label, #pnlNewUser input[type=email]:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_pnlNewUser input[type=email]:not(:placeholder-shown) + label, #pnlZipLookup input[type=text]:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_pnlZipLookup input[type=text]:not(:placeholder-shown) + label, #pnlZipLookup input[type=password]:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_pnlZipLookup input[type=password]:not(:placeholder-shown) + label, #pnlZipLookup input[type=email]:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_pnlZipLookup input[type=email]:not(:placeholder-shown) + label, #pnlStoreSelect input[type=text]:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_pnlStoreSelect input[type=text]:not(:placeholder-shown) + label, #pnlStoreSelect input[type=password]:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_pnlStoreSelect input[type=password]:not(:placeholder-shown) + label, #pnlStoreSelect input[type=email]:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_pnlStoreSelect input[type=email]:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_pnlProfInfoRetail textarea:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_pnlProfInfoRetail input[type=text]:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_panShippingPanel input[type=text]:not(:placeholder-shown) + label, #ctl00_ContentPlaceHolder1_panShippingPanel input[type=email]:not(:placeholder-shown) + label { top: 0%; margin-top: -6px; font-size: .750em; padding: 11px 4px 11px 16px; z-index: 2; font-family: sans-serif; font-weight: normal; } #ctl00_ContentPlaceHolder1_panShippingPanel input[type=text]:not(:placeholder-shown) + label[for="ctl00_ContentPlaceHolder1_tbCarrierZip"] { padding: 11px 4px 11px 20px; margin-top: -11px; } /*.loginWrap form input:empty { border: solid 5px green; }*/ #pnlUserInfo input+label.active, #ctl00_ContentPlaceHolder1_pnlUserInfo input+label.active, #pnlNewUser input+label.active, #ctl00_ContentPlaceHolder1_pnlNewUser input+label.active, #pnlZipLookup input+label.active, #ctl00_ContentPlaceHolder1_pnlZipLookup input+label.active, #pnlStoreSelect input+label.active, #ctl00_ContentPlaceHolder1_pnlStoreSelect input+label.active { top: 3px; left: -5px; color: #000; font-size: .750rem; z-index: 2; font-family: sans-serif; font-weight: normal; } @media screen and (max-width:890px) { .tttCreateAccount { width: 100%; float: none; margin-bottom: 22px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .tttCreateAccount:last-child { margin-bottom: 98px; } } @media screen and (max-width:580px) { .tttCreateAccount .designerAccount, .tttCreateAccount .designerProgram { max-width: 350px } .tttCreateAccount .designerAccount, .tttCreateAccount .designerProgram { padding: 72px 20px; } .tttCreateAccount .designerWrapper { min-width: inherit; } } /* END DIP TTT DESIGNER ACCOUNT */ /* TTT Designer Program */ .designerProgram { position: relative; } .designerProgram .ttt { border-bottom: 1px solid #d2d2d2; display: block; float: left; width: 100%; padding-bottom: 20px; margin-bottom:20px; } .designerProgram h2 { font-family: 'Sailec-Regular'; font-size:1.250rem; color:#333; margin-bottom:0; } .designerProgram h2 span { font-family: 'Sailec-Medium'; font-size:1.250rem; color:#333; margin-bottom:0; } .designerProgram .ttt p { font-family: 'Sailec-Regular'; font-size:0.813rem; color:#333; } .designerProgram .ttt .designerStore { margin-top:10px; } .designerProgram .ttt .designerProgramLogo { display:block; text-align: right; position: absolute; right:0; top:0; } .designerProgram .ttt .designerProgramLogoMobile { display: none; text-align: right; position: absolute; right:0; top:0; } .designerProgram .accordion { display: block; float:left; } .designerProgram .accordion .accordionContent { display: block; float:left; padding: 15px 0px 30px 0px; font-size: .875rem;} .designerProgram .accordion .accordionContent a { text-decoration: none; } .designerProgram .accordionTrigger:not(.unstyled) { font-family: 'Sailec-Medium'; display: inline-block; width: 100%; border-bottom: none; padding: 20px 0px; color: #333333; cursor: pointer; outline: 0; } .fa-file-text-o { font-size:30px; } .designerProgram .accordionWrapper { display: block; float:left; margin-bottom:36px; width:100%;} .designerProgram .accordionWrapper .col1 { max-width: 40px; } .designerProgram .col11 { width: 93.25%; float: right; } .designerProgram h3 { font-size: 0.875rem; font-family: 'Sailec-Medium'; margin-top:0; margin-bottom:0; } .designerProgram .accordionTrigger:not(.unstyled):before { font-family: 'Font Awesome 5 Pro'; content: "\f067"; margin: 0 15px 0 0px; font-weight: 300;} .designerProgram .close:not(.unstyled):before { font-family: 'Font Awesome 5 Pro'; content: "\f068" !important; margin: 0 15px 0 0px; font-weight: 300;} .designerProgram .accordion .accordionContent .col2 { display: block; float:left; margin-right:2%; width:15%; height:180px;} .designerProgram .accordion .accordionContent .col2:nth-child(6n) { margin-right:0; } .designerProgram .accordion .accordionContent .col2 img { width:100%; max-height:125px; object-fit: cover; } .designerProgram .accordion .accordionContent .col2 p { display: block; float:left; line-height: 1.2; min-height: 35px; margin-top:0; } @media screen and (max-width:960px) { .designerProgram .accordion .accordionContent .col2 { width:18%; } .designerProgram .accordion .accordionContent .col2:nth-child(6n) { margin-right:2%; } .designerProgram .ttt .col5 { width:100%; } .designerProgram .ttt .designerStore { width:100%; } } @media screen and (max-width: 768px) { .designerProgram .col11 { width: 90.25%; float: right; } } @media screen and (max-width:580px) { .designerProgram .accordion .accordionContent .col2 { width:23%; } .designerProgram .ttt { padding-bottom:10px; } .designerProgram .ttt .designerProgramLogo { display:none; } .designerProgram .ttt .designerProgramLogoMobile { display: block; } .designerProgram .ttt .designerProgramLogoMobile img { margin-right:0; } } @media screen and (max-width:478px) { .designerProgram .ttt .col6 { width:49%; float:left; } } @media screen and (max-width:460px) { .designerProgram .accordion .accordionContent .col2 { width:31%; } .designerProgram .accordion .accordionContent .col2:nth-child(3n) { margin-right:0; } .designerProgram .accordion .accordionContent .col2 p { min-height: 60px } } @media screen and (max-width:430px) { .designerProgram .col11 { width: 85.25%; float: right; } } /* BEGIN ZOOM VIEW */ .zoomView { position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align:center; z-index: 2147483640; background-color: #f0f0f0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .zoomView .zoomViewport { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .zoomView .zoomViewport.scroll { overflow: auto; } .zoomView .imageContainer.gallery { max-width: 1000px; /*max-height: 1000px;*/ max-height: 100%; width: 100%; margin: auto; overflow: visible; display: inline-block; position: relative; top: 0; right: 0; bottom: 0; left: 0; vertical-align: middle; } .zoomView .imageContainer.gallery:after { padding-top: 100%; display: block; content: ''; } .zoomView .imageContainer.gallery .aspectRatioBox { position: absolute; top: 0; bottom: 0; right: 0; left: 0; max-width: 1000px; max-height: 100%; } .zoomView .imageContainer.gallery .aspectRatioBox .zoomInstruction { font-size: 1.3em; text-transform: uppercase; background-color: rgba(255, 255, 255, .7); position: relative; padding: 15px 30px; line-height: 30px; display: inline-block; max-width: 220px; vertical-align: middle; } /*.zoomView .imageContainer.gallery .aspectRatioBox .landscape + .zoomInstruction { max-width: 220px; position: absolute; top: 42%; left: 40%; }*/ .zoomView .imageContainer.zoom .aspectRatioBox .zoomInstruction { display: none; } .zoomView .imageContainer.gallery .aspectRatioBox .videoContainer { display: inline-block; vertical-align: middle; } .zoomView .imageContainer.gallery img { width: auto !important; height: auto !important; max-height: inherit; margin: 0 -100%; } .zoomView .imageContainer.gallery img.square { max-width: 100%; position: absolute; top: -50%; right: 0; bottom: -50%; left: 0; margin: auto; } .zoomView .imageContainer.gallery img.landscape { max-width: 150%; } .zoomView .imageContainer.gallery img.portrait { max-height: 109.3%; max-width: 100%; position: absolute; top: -50%; right: 0; bottom: -50%; left: 0; margin: auto; } .zoomView .imageContainer.zoom { width: 100%; max-height: 100%; margin: auto; display: inline-block; position: relative; top: 0; right: 0; bottom: 0; left: 0; } .zoomView .imageContainer.zoom img { margin: 0; max-width: none; vertical-align: middle; } .zoomView .zoomMenu { position: relative; z-index: 2147483641; float: right; background-color: #fff; min-width: 50px; } .zoomView .zoomMenu:not(.list) { max-height: 55px; } .zoomView .zoomMenu.list { width: 20%; max-width: 100px; max-height: 100%; height: 100%; } @media only screen and (min-width: 721px) { .zoomView .zoomMenu.flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } } .zoomView .zoomMenu .menuTitleBar { width: 100%; } .zoomView .zoomMenu.list .menuTitleBar { padding-top: 15px; } .zoomView .zoomMenu .mobileTracker { display: none; } .zoomView .zoomMenu .zoomCloseButton { font-size: 2.5rem; width: 100%; cursor: pointer; } .zoomView .zoomMenu .zoomCloseButton .closeButton { float: none; margin: 15px 0 0 0; } .zoomView .zoomMenu ul:not(.arrows) { width: 100%; list-style: none; margin: 0; padding: 15px 10px 0; max-height: inherit; overflow-y: auto; -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .zoomView .zoomMenu ul.arrows li { padding-top: 20px; } .zoomView .zoomMenu ul.arrows .fa { font-size: 1.7rem; } .zoomView .zoomMenu li { margin: 0; } .zoomView .zoomMenu li:hover { } .zoomView .zoomMenu img.thumb { width: 100%; border: #fff solid 3px; margin: 2px; cursor: pointer; padding: 0; } .zoomView .zoomMenu li.current img.thumb { cursor: default; } .zoomView .zoomMenu li:hover img.thumb, .zoomView .zoomMenu li.current img.thumb { border: #333333 solid 3px; margin: 2px; padding: 0px; } body.zoomOpen { overflow: hidden; } @media only screen and (max-width: 720px) { .zoomView .zoomMenu, .zoomView .zoomMenu.list { position: absolute; top: 0; left: 0; float: none; max-width: none; width: 100%; height: auto; min-height: 60px; background-color: rgba(255,255,255, .7); } .zoomView .zoomMenu.vertical, .zoomView .zoomMenu.list.vertical { left: auto; width: auto; min-height: 100%; right: 0; min-width: 70px; } .zoomView .zoomMenu .menuTitleBar, .zoomView .zoomMenu.list .menuTitleBar { padding-top: 0; } .zoomView .zoomMenu ul { display: none; } .zoomView .zoomMenu .mobileTracker { display: inline; float: left; font-size: 1.5rem; padding: 14px; } .zoomView .zoomMenu.vertical .mobileTracker { display: block; float: none; position: absolute; bottom: 0; right: 0; width: 100%; } .zoomView .zoomMenu .zoomCloseButton { width: auto; float: right; margin-right: 14px; } .zoomView .zoomMenu.vertical .zoomCloseButton { width: 100%; float: none; margin: auto; } .zoomView .zoomMenu .zoomCloseButton .closeButton { float: none; margin: 15px 0 0 0; position: initial; width: auto; } } /* END ZOOM VIEW */ /* BEGIN PRODUCT DETAIL PAGE IMAGE SLIDER/THUMBNAILS */ .thumbnails { position: relative; bottom: 0; top:0px; right: 0; left: 0; text-align: center; color: #fff; padding: 0px; cursor: pointer; } .thumbnails .hgtvLogo img { cursor: default; } .thumbnails.group li { list-style-type: none!important; } #productDetailContainer.prodDetail .thumbWrap .flexslider { width: 90%; margin: 0 auto; } #productDetailContainer.prodDetail #largeimage .flex-direction-nav a.flex-prev { left: 0px; height: 20px; } #productDetailContainer.prodDetail #largeimage .flex-direction-nav a.flex-next { right: 0px; height: 20px; } #productDetailContainer.prodDetail .flex-direction-nav .flex-prev { left: -30px; } #productDetailContainer.prodDetail .flex-direction-nav .flex-next { right: -25px; } #productDetailContainer.prodDetail .flexslider:hover .flex-direction-nav .flex-prev { left: -40px; } #productDetailContainer.prodDetail .flexslider:hover .flex-direction-nav .flex-next { right: -30px; } #productDetailContainer.prodDetail #moreviews .flex-direction-nav a { top: 60%; } #productDetailContainer.prodDetail #moreviews .flex-direction-nav a.flex-prev, #productDetailContainer.prodDetail #moreviews .flex-direction-nav a.flex-next { height: 20px; } #productDetailContainer.prodDetail #moreviews .flexslider .slides img { margin: 20px 0 5px 5% !important; } #productDetailContainer.prodDetail .flex-direction-nav a:before { color: #333333; cursor: pointer; font-size: 20px; } .prodThumbs { display: none; margin: 10px 15%; } .prodThumbs li { width: 100px !important; margin: 0px 5px !important; } .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none !important; } .flex-pauseplay span { text-transform: capitalize; } .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } .flexslider { margin: 0 0 60px; position: relative; zoom: 1; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .r18.flexslider { margin-bottom: 0; } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { z-index: 2; text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; overflow: hidden; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "Font Awesome 5 Pro"; font-size: 1.750em; display: inline-block; content: '\f053'; color: #fff; /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);*/ font-weight: 300;} .flex-direction-nav a.flex-next:before { content: '\f054'; } .flex-direction-nav .flex-prev { left: 20px; } .prodThumbs .flex-direction-nav .flex-prev { left: 10%; } .flex-direction-nav .flex-next { right: 20px; text-align: right; } .prodThumbs .flex-direction-nav .flex-next { right: 10%; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 1.250em; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a, .flex-control-paging li button { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); border-radius: 20px; } .flex-control-paging li button { border: none; line-height: 1; padding: 0; } .flex-control-paging li a:hover, .flex-control-paging li button:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active, .flex-control-paging li button.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .bt-popupContent .flexslider img { width: auto; } .bt-popupContent .flexslider { max-width: 1000px; } .bt-popupContentBox { min-width: 100% !important; } .bt-popupOverlay { background-color: rgba(0, 0, 0, 0.75) !important; } .bt-popupContentBox .freeShip { margin: 0 0 10px; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; padding: 0; font-size: .875rem; color: #dc2a2a; font-family: 'Sailec-Regular'; font-weight: normal; } .temporaryHide { display: none; } .listBox a { text-decoration: none !important; } #largeimage.slider .flex-viewport, #largeimage.slider .flex-viewport ul.slides { max-height: 800px !important; height: 42.10%; } /* END PRODUCT DETAIL PAGE IMAGE SLIDER/THUMBNAILS */ /*POPUP STYLES*/ dialog.bt-popupContainer { width: fit-content !important; padding: 0; margin: 0 auto; } dialog.bt-popupContainer a.bt-popupClose { right: 3px !important; } @media screen and (min-width: 961px){ .bt-popupContainer { padding-right: 25px; padding-left: 25px; } } @media screen and (max-width: 960px){ .bt-popupClose { right: 0 !important; } } .itemAddedToCart h4.title { margin: 0 0 15px 0px; } .itemAddedToCart > h4.title { margin: 0 0 10px 0px; } .itemAddedToCart .productRow .image img { width: 100%; } .itemAddedToCart .productRow .itemdesc { margin-right: 0 !important; } .bt-buttonRow .bt-btn:last-child:after { font-family: 'Font Awesome 5 Pro'; content: "\f054"; color: #fff; float: right; margin-left: 15px; vertical-align: middle; font-weight: 300; } .bt-buttonRow .bt-btn:first-child:before { font-family: 'Font Awesome 5 Pro'; content: "\f053"; color: #fff; float: left; margin-right: 15px; vertical-align: middle; font-weight: 300;} .productRow .itemcell { margin-top: 15px; } .productRow .itemcell.itemTotal { text-align: right; } .zipBox { padding: 14px 10px 14px 10px; margin: 5px -5px 9px 0px; max-width: 300px; min-height: 40px; border: 1px #d2d2d2 solid; } .itemdesc .sku { font-style: italic; font-size: .8em; margin: -7px 0 10px 0; display: block; } .itemdesc .atcDetails { font-size: .8em; margin: 10px 0 5px 0; font-style: italic; } .addToCart-popup { min-width: 500px; max-width: 600px !important; } .addToCart-popup .bt-buttonRow { min-width: 500px; margin-top: -5px; max-width: 600px;} .productRow .itemcell.itemTotal.col8 { margin-right: 0 !important; } #newStores_Dialog li span { padding-left: 8px; display: inline-block; font-size: 0.9em; } #newStores_Dialog li { padding-bottom: 15px; } #newStores_Dialog li b { text-transform: uppercase; } #newStores_Dialog h3 { text-transform: uppercase; font-style: italic; font-weight: normal; } #newStores_Dialog .listing { font-size: 0.8em; } #popupEmail2 > div { float: left; } .signupPop { margin-right: 0 !important; padding: 15px; } .signupPop h2 { margin-bottom: 0px; font-family: 'Sailec-Medium'; color: #333333; } .signupPop p { margin-bottom: 10px; } .signupPopInput { padding: 12px; } .signupPopBtn { margin-bottom: 0; margin-top: 7px; } .popupWrapper { max-width: 550px; background: transparent; margin: 0 auto; } .popupWrapper p { font-family: 'Sailec-Regular'; } .popupWrapper h4 { font-family: 'Sailec-Medium'; margin-bottom: 5px; } .newStorePopTop { width: 100%; } .newStorePopBottom { width: 98%; margin: 0 auto; } .newStorePopTop img, .newStorePopBottom img { width: 100%; margin: 0; display: block; } .newStorePopListing { margin: 0 auto; width: 98%; background: #d2d2d2; border-bottom: 1px solid #333333; padding: 15px 10px 15px 25px; } .newStorePopListing i { color: #01856d; vertical-align: middle; font-size: 1.5em; margin-left: 0; } .newStorePopListing a { text-decoration: none; } .newStorePopCTA { margin: 0 auto; width: 98%; background: #fff; } .newStorePopCTA div.interested { width: 68%; float: left; } .newStorePopCTA p { color: #333333; display: inline-block; padding: 20px 20px 5px 20px; font-family: "Sailec-Medium"; margin-top: 0; } .newStorePopCTA a.col4 { margin: 0; padding: 23px 20px; font-family: "Sailec-Regular"; } .popupHeading { font-family: 'Sailec-Regular'; color: #333333; margin-bottom: 20px; position: relative; text-align: center; font-size: .8em; } .popupHeading:before { content: ""; display: block; border-top: solid 1px #d2d2d2; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1; } .popupHeading span { background: #fff; z-index: 5; position: relative; padding: 0 15px; } .popupMessage h1 { font-size: 1.75em; margin-top: 0px; } .popupButtons { margin-top: 30px; } .popupButtons .col6.buttonDark { width: 48%; float: left; margin-right: 4% !important; padding: 18px 5px; } .popupButtons .col6.buttonDark:last-child { margin-right: 0 !important; } .popupButtons .buttonDark { font-size: .8em; font-family: 'Sailec-Regular'; } .popupButtons .buttonDark:after { display: none; } .popupButtons .buttonDark i { margin: 0 10px 0 0; } .centerParent .center.bookUnavail { max-width: 465px; min-width: 205px; margin: 20px; } /*END POPUP STYLES*/ /*BEGIN SALE POPUP STYLES*/ .smcx-widget-footer.smcx-embed-footer { display: none !important; } .smcx-embed > .smcx-iframe-container { height: 300px !important; } body.iOS .smcx-embed > .smcx-iframe-container { -webkit-overflow-scrolling: touch; overflow-y: scroll; } .smcx-iframe-container .button.desktop-only { display: inline-block; } .smcx-iframe-container .button.tablet-only { display: none; } body.iOS .smcx-iframe-container .button.desktop-only { display: none; } body.iOS .smcx-iframe-container .button.tablet-only { display: inline-block; } .smcx-embed, .smcx-embed > .smcx-iframe-container { max-width: 100% !important; } .smcx-embed > .smcx-iframe-container { position: relative; } #sale_Dialog .preview { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #fff; padding: 20px; } #sale_Dialog .preview h1 { margin: 0px; } #sale_Dialog .preview .button { text-align: center; font-weight: bold; width: 48%; border: 1px solid #333333; } #sale_Dialog .preview .button.green { background-color: #01856d; color: #fff; border: 1px solid #01856d; } #sale_Dialog .preview .button.green:hover { background: #7e7e81; cursor: pointer; border: 1px solid #333333; } #sale_Dialog.mobileDisplay .preview { padding: 0px; } #sale_Dialog.mobileDisplay .smcx-embed > .smcx-iframe-container { height: auto !important; } /*.seoPage .pageHeading { display: inline-block; clear: both; }*/ /*.seoPage .pageHeading h1 { float: left; margin-top: 30px; }*/ .seoPage .seoContentFull { /*border-top: 1px solid #d2d2d2;margin-top: 10px; padding-top:30px;*/ margin-bottom: 50px; } .seoPage .pageHeading .button { float: right; margin-bottom: 20px; } #reviewsLandingPage { width: 100%; margin: 0 auto; } #reviewsLandingPage img { margin: 0; } #reviewsLandingPage .numberOfReviews { color: #000; font-weight: bold; font-size: 1.125em; padding-bottom: 8px; margin-top: 40px; background-color: #fff; } #reviewsLandingPage .starsText { color: #000; background-color: #fff; } #reviewsLandingPage .grayBar { background: #f3f3f3; height: 2rem; line-height: 36px; color: #333333 ; font-size: 90%; } #reviewsLandingPage .grayBarColLeft { float: left; padding-left: 20px; width: 58%; text-align: left; } #reviewsLandingPage .grayBarColRight { float: right; padding-right: 20px; width: 38%; text-align: right; } #reviewsLandingPage .reviewsWrapper { width: 100%; } #reviewsLandingPage .custStars { width: 25%; float: left; text-align: left; margin-left: 5%; margin-bottom: 15px; background-color: #fff; } #reviewsLandingPage .custComments { width: 65%; float: left; text-align: left; margin-right: 5%; } #reviewsLandingPage .reviewsPagination { padding: 30px 0; clear: both; width: 90%; text-align: right; } #reviewsLandingPage .fa-chevron-left { margin-right: 1%; } #reviewsLandingPage .fa-chevron-right { margin-left: 1%; } #reviewsLandingPage .starsLP { margin: 0 0 3px 0; } #reviewsLandingPage .custName { font-size: 1.000em; color: #56565a; margin: 5px 0; font-weight: bold; font-family: Arial,Verdana,Helvetica,sans-serif; } #reviewsLandingPage .custDate { font-size: 0.813em; color: #56565a; font-style: italic; margin-top: 1px; margin-bottom: 1%; } #reviewsLandingPage .custCity { font-size: 0.875em; color: #56565A; margin-top: 3px; } #reviewsLandingPage article { font-size: 0.938em; color: #000; background-color: #fff; } a.showReview { color: #333333; text-decoration: none; font-size: 0.938em; } .noComment { color: #333333; font-size: 0.938em; } .Bresponse { color: #f38520; font-style: italic; } .reviewResponse { color: #333333; font-style: italic; display: inline; } section#reviews { padding: 30px 5px; min-height: 250px; background: #fff; } .reviewWrap { min-height: 216px; display: block; margin: 0 auto; width: 100%; background: #fff; border: 1px solid #d2d2d2; } .reviewWrap:after { display: flex; content: ""; width: 100%; } #reviewSlider .reviewsInfo { float: left; width: 23%; padding-right: .5%; text-align: center; margin: 22px auto 0 auto; position: relative; } #reviewSlider .reviewsInfo .numberOfReviews { color: #333; font-weight: bold; font-size: 1.375em; padding-bottom: 8px; } #reviewSlider .reviewsInfo .customerReviewsTitle { color: #000; font-weight: bold; font-size: 1.125em; color: #333; text-transform: uppercase; } #reviewSlider .reviewsInfo .stars { width: 100%; margin: 4% 0 3% 0; } #reviewSlider .stars ul { margin: 0; padding: 0; } #reviewSlider .stars li { display: inline-block; } #reviewSlider .stars li img { width: 28px; height: 28px; margin: 0; } #reviewSlider .reviewsInfo .buttonWrap { text-align: center; } #reviewSlider .reviewsInfo a.readAllButton { display: block; margin: 0 auto; color: #fff; text-decoration: none; background: #333; font-size: 0.875em; width: 158px; text-align: center; line-height: 38px; vertical-align: middle; } #reviewSlider .contentSlideWrap { width: 240px; float: left; margin: .5% 1.5%; } #reviewSlider .contentSlideWrap .inner { margin: 0 17% 0 0; } #reviewSlider .contentSlideWrap .inner p { line-height: 1.35em; font-size: 1em; color: #565656; } #reviewSlider .starsWrapper { display: block; margin-top: 25px; text-align: left; } #reviewSlider .reviewer { color: #333333; font-size: 0.750em; margin: 10px 0; display: block; } #reviewSlider .starsWrapper ul { margin: 0; padding: 0; } #reviewSlider .starsWrapper li { display: inline-block; } #reviewSlider .orange { color: #333; font-weight: bold; } #reviewSlider .clear { clear: both; } #reviewSlider .flex-container a:active, #reviewSlider .starsText { font-size: 0.750em; font-weight: bold; background-color: #fff; color: #333; } #reviewSlider .flex-direction-nav { margin: 0; padding: 0; list-style: none; } #reviewSlider .flexslider { margin: 0; padding: 0; } #reviewSlider .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } #reviewSlider .flexslider .slides img { width: 100%; display: block; max-width: 19px; margin: 0; } #reviewSlider .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } #reviewSlider .flexslider { width: 76%; float: left; min-height: 200px; } #reviewSlider .flex-viewport { padding: 0 7%; } .loading .flex-viewport { max-height: 350px; } #reviewSlider .flex-direction-nav { right: 0px; position: absolute; top: 60%; width: 100%; } #reviewSlider .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 30px; margin: -20px 0 0; position: absolute; top: 50%; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(84,86,91,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #reviewSlider .flex-direction-nav .flex-prev { left: 10px; background-color: #fff; border: none; font-size: 1.9em; margin-top: -10px;} #reviewSlider .flex-direction-nav .flex-next { background-color: #fff; border: none; font-size: 1.9em; } #reviewSlider .flex-direction-nav .flex-next { float: right; margin-top: -30px;} #reviewSlider .flexslider:hover .flex-prev { opacity: 0.8; left: 10px; } #reviewSlider .flexslider:hover .flex-next { opacity: 0.8; right: 10px; } #reviewSlider .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } #reviewSlider .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; } #reviewSlider .flex-direction-nav button:before { font-family: "Font Awesome 5 Pro"; font-weight: bold; content: '\f104'; color: #333; font-weight: 300; } #reviewSlider .flex-direction-nav button.flex-next:before { content: '\f105'; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .noComment { color: #333333 ; } .DesignerListing .col8 .icon { max-width: 200px; float: left; padding: 4% 0 0; } .DesignerListing .col8 h1 { font-family: 'archermedium'; font-size: 3.5em; margin: 6% 0; } .DesignerListing .col3 .listingImage img { width: 200px; height: 200px; } .DesignerListing .col3 .storeName { font-weight: bold; font-size: 1.2em; } .DesignerListing .listingGroup { margin: 20px 0 10px; padding: 40px 0; border-top: 1px solid #d2d2d2; text-align: center; } .DesignerListing .listingGroup .listingContent { margin: 0 0 30px; } .DesignerListing .bioGroup { margin: 20px 0 10px; padding: 20px 0; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; text-align: left; } .DesignerListing .bioNav { text-align: right; font-size: .9em; } .DesignerListing .bioNav a { text-decoration: none; } .DesignerListing .listingGroup a { text-decoration: none; } .DesignerListing .contentSlideWrap { text-align: left; } .DesignerListing #reviewSlider li, .DesignerListing #reviewSlider img { padding: 0; margin: 0; } .DesignerListing #reviewSlider .flexslider { background: none; border: none; } .DesignerListing #reviewsLandingPage { display: block; clear: both; width: 100%; } .DesignerListing .col6 .icon { max-width: 200px; float: left; padding: 4% 0 0; margin-right: 30px; } .DesignerListing .col6.dListingIcon h1 { font-family: 'archermedium'; font-size: 2.5em; margin: 13% 0 0 0; } .DesignerListing .col6.dListingStore { position: relative; padding: 70px 30px; } .DesignerListing .col6.dListingStore p { line-height: 1.25em; margin: 0; } .DesignerListing .col6.dListingStore span.storeCity { text-transform: uppercase; font-family: 'Sailec-Regular'; } .DesignerListing .col6.dListingStore span.storeName { font-family: 'Sailec-Medium'; } .DesignerListing .col6.dListingStore.hours a { font-family: 'Sailec-Regular',sans-serif; color: #333333; } .DesignerListing .col6.dListingStore.hours a.bw-grey { font-family: 'Sailec-Regular',sans-serif; font-weight: bold; background-color: #F4511E; border-radius: 3px; border: none; color: #FFF; } .DesignerListing .col6.dListingStore.hours a.bw-grey:hover { opacity: 0.8; } .DesignerListing .dListingIcon { border-right: 2px solid #d2d2d2; margin: 30px 0px; } .DesignerListing .fasDirections { position: absolute; top: 110px; right: 0px; } .DesignerListing .fasPhoneIcon { position: absolute; top: 165px; right: 0px; } .storeListBannerMobile { display: none; } .storeListBanner { display: block; } .col5.storeCol { margin-right: 7.5%; } .bioContent { line-height: 1.8em; } .bioContent .bioName { color: #00b3e3; font-size: 1.5em; padding: 0 0 10px; } .bioContent .bioTitle { color: #00b3e3; font-size: 1.5em; padding: 0 0 10px; } .bioContent .bioHeader { font-family: 'Sailec-Light'; font-size: 1.3em; color: #00b3e3; font-weight: normal; padding: 10px 0; } .bioContent .button2 { margin: 10px 0; } #store2 a.reviews { margin: 10px 0; display: block; } #store2 a.reviews { text-decoration: none; } #store2 a.reviews img { margin: 0; } #store2 span.hgtvBlue a { color: #0e7dbd !important; font-size: 1rem; text-decoration: none; font-family: 'Sailec-Medium'; } /* BEGIN CUSTOM FURNITURE LANDING */ .customLanding .hgtvLogo-custom { float: left; margin-left: 7%; margin-top: -25px; margin-bottom: 20px; } .customLanding .pageHeading { text-align: center; margin: 0 auto; border: none; } .customLanding .hgtvLogos img { max-width: 93px; position: relative; margin: 0 1%; } .customLanding .pageHeading h1 { font-family: 'Sailec-Medium'; font-size: 3.125em; color: #333333; font-weight: normal; text-transform: uppercase; margin: 25px 0 0 0; } .customLanding .pageHeading h2 { font-family: 'archer'; font-size: 1.875em; color: #333333; margin: 0 0 35px 0; font-weight: normal; } .customLanding .impact img { margin: -46px 0 0; display: block; } .customLanding .impact .caption { width: 100%; padding: 15px 0; margin-bottom: 2%; text-align: center; background-color: #f0f0f0; font-family: 'archer'; font-size: 1.500em; display: block; } .customLanding .impact .caption a { font-family: 'archerbold', serif; font-weight:700; text-decoration: underline; } .customLanding .hgtvCount { background: url(../../_images/custom-furniture/hgtv-house.png) no-repeat center center; width: 73px; height: 68px; margin: 0 auto; font-family: 'archerbold', serif; font-weight:700; font-size: 1.75em; color: #fff; padding: 4% 0; } .customLanding .hgtvCountBlank { width: 73px; height: 68px; margin: 0 auto; padding: 3% 0; } .customLanding .colHGTVBlue .hgtvCountBlank { display: none; } .customLanding h3 { font-family: 'Sailec-Light'; font-size: 2.500em; color: #7e7e81; font-weight: normal; margin: 25px 0; } .customLanding .col6 { margin-bottom: 2%; text-align: center; } .customLanding .col6.colWhite { background-color: #fff; border: 1px solid #d2d2d2; width: 49%; padding: 2% 2%; max-height: 563px; } .customLanding .col6.colHGTVBlue { min-height: 563px; background-color: #00b3e3; width: 49%; padding: 2%; } .customLanding .col6.colHGTVBlue.bottomBox { min-height: 445px; } .customLanding .designHelp .col6.colWhite.bottomBox { min-height: 445px; } .customLanding .col6.colHGTVBlue h3 { color: #fff; margin-bottom: 10px; } .customLanding .col6.colHGTVBlue .customSubtitle { display: block; font-family: Sailec-Light; color: #fff; font-size: 2.2em; margin-bottom: 30px; } .customLanding .col6.colGrey { background-color: #333333; width: 49%; padding: 2%; height: 563px; } .customLanding .col6.colGrey h3 { color: #fff; text-transform: uppercase; font-family: Sailec-Medium; } .customLanding .col6.colGrey a.button.full-only.excBtn { width: 100%; } .customLanding .button { min-width: 47%; border: none; margin: 1% 0; padding: 30px 20px; font-size: 1.125em; text-decoration: none; } .customLanding a.button:last-child { width: 100%; } .customLanding .col6.colGrey .hgtvCountBlank { display: none; } .customLanding .col6.colGrey a.button { width: 100%; } .customLanding .col6.colGrey a.button:nth-child(odd), .customLanding .col6.colHGTVBlue a.button:nth-child(even) { width: 100%; display: block; margin: 1% auto; } .customLanding .col6.colHGTVBlue a.button.makeoverButton.excBtn, .customLanding .col6.colHGTVBlue a.button.excBtn { width: 100%; } .customLanding .col6.colHGTVBlue a.button.excBtn:first-of-type, .customLanding .col6.colHGTVBlue a.button.excBtn:nth-of-type(3) { margin-right: 1%; } .customLanding .designHelp .col6.colHGTVBlue a.button.excBtn:first-of-type { margin-right: 0%; } .customLanding .designHelp .col6.colWhite .videoContainer { padding-bottom: 50%; height: 0; } iframe#eprevue { margin: 0 auto; width: 100% !important; background: none !important; } .upholSteps {width: 100%; line-height: 1; color: #333333; margin: 40px auto 40px; text-align: center;} .upholSteps ul.slides { margin:0; } .upholSteps .howTitle {display: block; font-family: 'Sailec-Medium', sans-serif; font-size: 1.750rem; line-height: 1; text-transform: uppercase; } .upholSteps .howText {display: block; font-family: Sailec-Regular; font-size:0.875rem; line-height: 1.3;} .upholSteps .flexslider ul {width: 100%;} .upholSteps .center { border-left: 1px #ddd solid; border-right: 1px #ddd solid;} .upholSteps .flexslider li.first span { margin-left: auto; margin-right: auto; padding: 0 16%;} .upholSteps .flexslider li.middle span { margin-left: auto; margin-right: auto; padding: 0 16%;} .upholSteps .flexslider li.last span { margin-left: auto; margin-right: auto; padding: 0 16%;} .upholSteps .flex-direction-nav {display: none;} .upholSteps .badge { margin-bottom:16px; display: -webkit-box; display: -ms-flexbox; display: flex; width:44px!important; height:44px;border-radius: 50%; padding: 0!important; border: 1px solid #333; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: 'Sailec-Medium'; font-size:1rem;} @media screen and (max-width: 960px) { .upholSteps .flexslider li.first span { padding:0; } .upholSteps .flexslider li.middle span { width:initial; } .upholSteps .flexslider li.middle span { padding:0; } .upholSteps .flexslider li.last span { padding:0; } .upholSteps .col5 { padding-right:0; } .upholSteps .center { border-left:1px solid transparent; border-right:1px solid transparent; } } @media screen and (max-width:720px) { .upholSteps { margin:40px 0 50px;} } #funFavorites .col4 { margin-bottom:10px; } #funFavorites h2 { display: block; font-family: 'Sailec-Medium', sans-serif; font-size: 2.813rem; margin-bottom:30px; line-height: 1; text-align: center; text-transform: uppercase; color:#333;} .premier-gallery { margin:40px 0; text-align: center; } .premier-gallery p { text-align: center; font-size:1.125rem;} .premier-gallery .col12 .premier-slider.flexslider .slides, .premier-gallery .col12 .premier-slider-2.flexslider .slides, .premier-gallery .col12 .premier-slider-3.flexslider .slides { margin: 0; } .premier-gallery .col12 .premier-slider.flexslider .flex-direction-nav a, .premier-gallery .col12 .premier-slider-2.flexslider .flex-direction-nav a, .premier-gallery .col12 .premier-slider-3.flexslider .flex-direction-nav a { height: 27px; top:40%; } .premier-gallery .col12 .premier-slider.flexslider .slides li, .premier-gallery .col12 .premier-slider-2.flexslider .slides li, .premier-gallery .col12 .premier-slider-3.flexslider .slides li { padding: 0 3px; margin: 0 3px; } .premier-wrap { margin-top:40px; display: block; } .premier-slider .flex-direction-nav a:before,.premier-slider-2 .flex-direction-nav a:before,.premier-slider-3 .flex-direction-nav a:before { color:inherit; } .premier-slider .flex-direction-nav .flex-prev,.premier-slider-2 .flex-direction-nav .flex-prev,.premier-slider-3 .flex-direction-nav .flex-prev {left: -30px;} .premier-slider .flex-direction-nav .flex-next,.premier-slider-2 .flex-direction-nav .flex-next,.premier-slider-3 .flex-direction-nav .flex-next {right: -20px;} .premier-slider.flexslider,.premier-slider-2.flexslider,.premier-slider-3.flexslider { margin:0 0 40px; } .premier-slider.flexslider:hover .flex-direction-nav .flex-prev,.premier-slider-2.flexslider:hover .flex-direction-nav .flex-prev,.premier-slider-3.flexslider:hover .flex-direction-nav .flex-prev {left: -30px;} .premier-slider.flexslider:hover .flex-direction-nav .flex-next,.premier-slider-2.flexslider:hover .flex-direction-nav .flex-next,.premier-slider-3.flexslider:hover .flex-direction-nav .flex-next {right: -20px;} .designOwn { text-align: center; margin-bottom:40px; margin-top:40px;} .designOwn p { padding:0 4%;} .premier-gallery p.sectionTitle,.premier-gallery-2 p.sectionTitle,.premier-gallery-3 p.sectionTitle { text-align: left; margin-left:10px;} .designOwn a.button.findstore {cursor: pointer; font-family: 'Sailec-Medium'; font-weight: 700; font-size: .875rem; color: #333; border: 1px solid #333; /*text-transform: uppercase;*/ background-color: #fff; padding: 13px; text-decoration: none; margin: 10px 0; display: inline-block; border-radius: 3px; text-align: center; min-width:200px; max-width: 200px; margin-right: 10px; } .designOwn a.button.bookAppt { cursor:pointer; font-family: 'Sailec-Medium'; font-weight: 700; font-size: .875rem; color: #fff; /*text-transform: uppercase;*/ background-color: #DC2A2A; border: 1px solid #DC2A2A; padding: 13px; text-decoration: none; margin: 10px 0; display: inline-block; border-radius: 3px; text-align: center; min-width: 200px } .designOwn a.button:after { content:''!important; padding-left:0; } .designOwn a.button:last-child { width: inherit } .designOwn h2 { display: block; font-family: 'Sailec-Medium', sans-serif; font-size: 2.813rem; line-height: 1; margin-bottom:0; text-align: center; text-transform: uppercase; color:#333;} #outwardOptions { max-width:1175px; width:100%; height:300px; border:1px solid #333; margin-top:40px; } #outwardOptions { width:100%; max-width: 1180px; max-height:600px; height:100%; overflow: hidden; border:none; position: relative;} #outwardOptions video { width:100%; max-width: 1180px;} #outwardOptions button { opacity: .8;} .customLanding h1 sup { top:-34px; font-size:1rem;} .optionsSlider.flexslider { display:none; } .video-background { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; width:1180px;} .video-foreground, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;} @media (min-aspect-ratio: 16/9) { .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { .video-foreground { width: 300%; left: -100%; } } @media screen and (max-width:720px) { #outwardOptions { display: none; } .optionsSlider.flexslider { display: block!important; margin:0 0 0;} } @media screen and (max-width:1240px) { .premier-slider .flex-direction-nav .flex-prev,.premier-slider-2 .flex-direction-nav .flex-prev,.premier-slider-3 .flex-direction-nav .flex-prev {left: 0px;} .premier-slider .flex-direction-nav .flex-next,.premier-slider-2 .flex-direction-nav .flex-next,.premier-slider-3 .flex-direction-nav .flex-next {right: 5px;} .premier-slider.flexslider:hover .flex-direction-nav .flex-prev,.premier-slider-2.flexslider:hover .flex-direction-nav .flex-prev,.premier-slider-3.flexslider:hover .flex-direction-nav .flex-prev {left: 0px;} .premier-slider.flexslider:hover .flex-direction-nav .flex-next,.premier-slider-2.flexslider:hover .flex-direction-nav .flex-next,.premier-slider-3.flexslider:hover .flex-direction-nav .flex-next {right: 5px;} } @media screen and (max-width: 448px) { .designOwn a.button.findstore { margin-right:0; } } /* END CUSTOM FURNITURE LANDING */ /* CUSTOM FURNITURE UPDATE */ .customLanding h1 { display: block; font-family: 'Sailec-Medium', sans-serif; font-size: 3.750rem; margin-bottom:0px; line-height: 1; text-align: center; text-transform: uppercase; color:#333;} .customLanding p.subTitle { text-align: center; font-family:'Sailec-Regular';font-size:1rem;} .customLanding .customLinks ul li { display: inline-block; list-style: none; padding-right: 40px; } .customLanding .customLinks ul li:last-child { padding-right: 0; } .customLanding .customLinks ul li a { color: #00b3e3; font-family: 'Sailec-Medium'; } .customLanding .impact .banner-mobile { display: none; } .customLanding .impact .banner-desktop { display: block; } .customLanding .handcrafted .col12 h3 { margin-top: 0; } .customLanding .handcrafted .col12 img { margin-bottom: 0; } .customLanding .handcrafted .col12 { text-align: center; margin-top: 50px; } .customLanding .handcrafted.beds .col12 { } .customLanding .handcrafted-gallery .col12 .handcrafted-slider.flexslider .slides { margin: 0; } .customLanding .handcrafted-gallery .col12 .handcrafted-slider.flexslider .flex-direction-nav a { height: 27px; } .customLanding .handcrafted-gallery .col12 .handcrafted-slider.flexslider .slides li { padding: 0 3px; margin: 0 3px; } .customLanding section .colHGTVclear { padding: 100px 7% 0; text-align: left; } section .colHGTVclear.right { float: right; } section .colHGTVimg.right { float: right; } .customLanding section .colHGTVclear h3, .customLanding .handcrafted .col12 h3, .topping-off .customLanding h3, .customLanding .gettingStarted .col6 h3 { color: #333333; font-size: 2.7rem; margin-bottom: 5px; } .customLanding section .colHGTVclear p, .customLanding .handcrafted .col12 p, .topping-off .customLanding p { font-family: 'Sailec-Light'; font-size: 1.25rem; } .customLanding section.three-bears .colHGTVclear { padding-top: 10px; } .customLanding .gettingStarted .col6 { padding: 0 6%; text-align: left; } .customLanding .gettingStarted .button { width: 100%; text-align: center; background: #00b3e3; color: #FFFFFF; text-transform: uppercase; } .customLanding .gettingStarted .button:hover { background: #7e7e81; } .customLanding .pageHeading.custom-links h2 { margin-bottom: 20px; } .resultsTitleWrap { margin-bottom: 15px; } .topping-off { display: inline-block; padding: 30px 0; background: #f0f0f0; text-align: center; width: 100%; } .topping-off .customLanding { padding: 0 15%; } .topping-off.beds .customLanding { padding: 0 11%; } @media screen and (max-width:1260px) { .customLanding .pageHeading h1 { font-size: 2.5em; } } @media screen and (max-width:1200px) { .brickworksBar .brickBtn i { display: block; } } @media screen and (max-width:1080px) { .topping-off .customLanding, .topping-off.beds .customLanding { padding: 0 8%; } } @media screen and (max-width:900px) { .topping-off .customLanding, .topping-off.beds .customLanding { padding: 0 1%; } } @media screen and (max-width:960px) { .customLanding .handcrafted .col12, .customLanding .handcrafted.beds .col12 { padding: 0; } .customLanding section .colHGTVclear, .customLanding section.three-bears .colHGTVclear { padding: 0 5%; } .customLanding section .colHGTVclear h3, .topping-off .customLanding h3 { font-size: 1.9em; margin-top: 0; } .customLanding .handcrafted .col12 h3 { font-size: 2em; } .customLanding .gettingStarted .col6 h3 { font-size: 2.25em; } .customLanding section .col6.colHGTVclear, .customLanding section .col6.colHGTVimg { min-height: 0; } .customLanding section .colHGTVclear p { font-size: 1rem; } .customLanding .handcrafted-gallery .col12 .handcrafted-slider.flexslider { margin-bottom: 12px; } .customLanding section .colHGTVimg img { margin-right: 0; } .customLanding .hgtvLogo-custom.mobileShow { width: 100%; max-width: 225px; } #productDetailContainer .prodSwatch img { max-width: 40px; } } @media screen and (max-width:775px) { .customLanding .hgtvLogo-custom { margin: 0; } .customLanding .customLinks ul { margin: 0; } .customLanding .customLinks ul li { padding-right: 15px; font-size: .875rem; } .customLanding section .colHGTVclear.right { float: left; } .customLanding section .colHGTVimg.right { float: left; } .customLanding .pageHeading.custom-links h2 { margin-bottom: 7px; } .customLanding .impact .banner-mobile { display: block; } .customLanding .impact .banner-desktop { display: none; } .customLanding .handcrafted .col12 { margin-top: 10px; } .customLanding .handcrafted .col12 img { width: 85px; } .customLanding .handcrafted .col12 p { padding: 0 7px; } .customLanding section .col6.colHGTVclear, .customLanding section .col6.colHGTVimg { padding: 0 27px; width: 100%; } .topping-off .customLanding { padding: 0 8%; } .topping-off.beds .customLanding { padding: 0 11%; } .topping-off .customLanding .hide-swatch { display: none; } .topping-off .customLanding img { width: 30%; float: left; margin-right: 3%; } .topping-off .customLanding img:last-child { margin-right: 0; } .customLanding .gettingStarted { margin-bottom: 30px; } .customLanding .gettingStarted .col4 { width: 100% !important; } .customLanding .gettingStarted .col6 { padding: 0; min-height: 0; width: 100%; } } @media screen and (max-width:560px) { .customLanding p.subTitle { padding:0 3%} } /* END CUSTOM FURNITURE UPDATE */ /* BEGIN QUALITY PAGE UPDATES */ .qualityLanding section.globalCol { display: inline-block; margin-bottom: 75px; } .qualityLanding section.globalCol.last { margin-bottom: 50px; } .qualityLanding section.impact { display: inline-block; margin-bottom: 50px; } .qualityLanding section.intro-text { margin-bottom: 30px; } .qualityLanding section.intro-text p { font-size: 1.125rem; font-family: 'Sailec-Regular'; background-color: #fff;} .fabList .qualityLanding section.intro-text h3 { font-size: 1.125rem; text-transform: none; } .fabList .qualityLanding section.intro-text p { font-size: 1rem; } .qualityLanding section h3 { font-size: 2.25rem; font-weight: bold; text-transform: uppercase; } .qualityLanding section p { font-family: 'Sailec-Regular'; line-height: 1.22; font-size: 1.135rem; } .qualityLanding section .colHGTVimg img { margin: 0; } .qualityLanding section .colHGTVimg.right img { margin: 0 0 10px 20px; } .qualityLanding section .colHGTVclear { padding-right: 30px; } .qualityLanding section .colHGTVclear.right { padding: 40px 0 30px 30px; } .qualityLanding section .colHGTVclear.right.last { padding: 10px 0 30px 30px; } .qualityLanding section.GloballySourced { display: inline-block; width: 100%; padding: 25px 0 15px; border-top: 2px solid #d2d2d2; border-bottom: 2px solid #d2d2d2; margin-bottom: 53px; } .qualityLanding section.GloballySourced img { padding: 8px 0 0 40px; } .qualityLanding section.GloballySourced .usa-img { float: left; width: 49%; margin-right: 2%; } .qualityLanding section.GloballySourced h3 { font-size: 3rem; font-weight: bold; font-family: 'archermedium'; text-transform: none; margin-top: 40px; } .qualityLanding section.qualityGlobal { margin-bottom: 60px; } .fabList .filters .col6 strong, .fabList .filters .col6 p.clearAll a { background-color: #fff; } @media screen and (max-width: 1173px) { .qualityLanding section.GloballySourced img { padding: 55px 0 0 40px; } } @media screen and (max-width: 1129px) { .qualityLanding section.globalCol .col6.colHGTVimg img { margin-top: 13%; } .qualityLanding section.globalCol .col6.colHGTVimg.first img { margin-top: 0; } } @media screen and (max-width: 1031px) { .qualityLanding section.globalCol .col6.colHGTVimg img { margin-top: 19%; } .qualityLanding section.globalCol .col6.colHGTVimg.first img { margin-top: 0; } } @media screen and (max-width: 960px) { .qualityLanding section.globalCol, .qualityLanding section.globalCol.last { margin-bottom: 50px; } .qualityLanding section.globalCol .col6.colHGTVimg { margin-top: 50px; } .qualityLanding section.globalCol .col6.colHGTVimg img { margin-top: 0; } .qualityLanding section.globalCol .col6, .qualityLanding section.GloballySourced .usa-img, .qualityLanding section.GloballySourced .col6, .qualityLanding section .colHGTVimg img { width: 100%; } .qualityLanding section .colHGTVimg.right img { margin: 0; } .qualityLanding section .colHGTVclear, .qualityLanding section .colHGTVclear.right, .qualityLanding section .colHGTVclear.right.last { padding: 0 2%; margin: 0; } .qualityLanding section.GloballySourced .usa-img img { margin: 0 auto; padding: 0; } .qualityLanding section.GloballySourced { text-align: center; } } /* BEGIN FEATURED LANDING */ .featuredLanding img { margin: 0; } .featuredLanding .pageHeading { text-align: center; margin: 28px auto 35px auto; border: none; } .featuredLanding .pageHeading h1 { font-family: 'Sailec-Medium'; font-size: 3.125em; color: #333333; font-weight: bold; margin: 0; } .featuredLanding .pageHeading .LGText-two { font-family: 'archer'; font-size: 1.875em; color: #333333; margin: 0; font-weight: normal; } .featuredLanding .featuredHeroImg { margin-top: 30px; } .featuredLanding .featuredHeroImg img { width: 100%; margin: 0; display: block; } .featuredLanding .featuredHeroImg span { display: block; background: #fff; border: 1px #d2d2d2 solid; font-size: 1.25em; font-family: 'archermedium'; text-align: center; color: #7e7e81; padding: 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .featuredLanding .slideTitle, .resultsTitle { border-bottom: #d2d2d2 1px solid; } .featuredLanding .plProd.listBox { border: 1px #d2d2d2 solid; background: #fff; } .featuredLanding .plProd.listBox img { display: block; width: 100%; margin: 0; } .featuredLanding .featuredThreeColumn .col4 { position: relative; text-align: center; } .featuredLanding .featuredThreeColumn .featuredImgTitle { bottom: 15%; } .featuredLanding .featuredImgTitle { position: absolute; bottom: 10%; left: 0; right: 0; margin: auto; } .featuredLanding .featuredThreeColumn .col4 span.featuredImgTitleTop { font-size: 1.25em; } .featuredLanding .plWrap { margin-top: 30px; } .featuredLanding .featuredSlideWrap { margin: 35px 0px 20px 0px; } .featuredLanding .featuredSlideWrap.cabinets { margin-top: 25px; } .featuredLanding .featuredSwatches { text-align: center; margin-top: 50px; } .featuredLanding .benchmadeSwatches .featuredSwatches { text-align: center; margin-top: 85px; } .featuredLanding .featuredSwatches .swatchWrap { display: inline-block; text-align: center; width: 110px; margin: 20px 15px; } .featuredLanding .featuredSwatches .swatchWrap img { width: 100%; } .featuredLanding .featuredSwatches .swatchWrap p { font-family: 'Sailec-Regular'; } .featuredLanding .featuredFP { font-size: .8em; display: inline-block; margin-bottom: 30px; } .featuredLanding .flexslider { margin: 20px auto !important; clear: both; max-width: 1180px; } .featuredLanding .flexslider { background: none; border: none; margin: 0 auto; max-width: 1900px; } .featuredLanding .flexslider .slides > li { margin: 0; } .featuredLanding .flex-control-nav { display: none; } .featuredLanding .flex-direction-nav a { height: 30px; margin: 0; } .featuredLanding .flexslider .listBox { margin: 0 10px; } .featuredLanding .flexslider .listDisc { min-height: 85px; padding: 10px 8px; width: 100%; } .featuredLanding .flexslider span, .featuredLanding .featuredThreeColumn .col4 span, .featuredLanding .featuredSwatches span { font-size: 1em; font-family: 'Sailec-Regular'; text-align: center; line-height: normal; } .featuredLanding .flexslider .LGText-one { font-family: 'Sailec-Medium'; font-size: 2.5em; display: block; text-align: left; text-transform: uppercase; padding: 0 0 20px; } .featuredLanding .flexslider .listBox .listDisc { min-height: 50px; } .featuredLanding .plProd.listBox.selected { border: 5px #d2d2d2 solid; } .featuredLanding .flexslider .flex-disabled { display: none; } .featuredLanding .benchmadeSwatches .featuredSwatches span { font-size: 1.35em; } .featuredLanding .benchmadeSwatches .featuredSwatches p { font-size: .9em; } .featuredLanding .axisSwatch { margin-bottom: 30px; margin-top: 50px; } .featuredLanding .flex-direction-nav a { top: 45%; } .featuredLanding .flex-direction-nav a:before { color: #d2d2d2; } .featuredLanding .fa-star { display: inline-block; font-size: .5em; vertical-align: top; margin-top: 13px; } .featuredLanding .featuredLeatherTypes { margin: 30px 0; } .featuredLanding .featuredLeatherTypes .plProd.listBox.col6 { margin: 20px 0px 10px 0px; margin-right: 2% !important; background: #fff; } .featuredLanding .featuredLeatherTypes .plProd.listBox.col6:nth-child(2n+1) { margin-right: 0% !important; } .featuredLanding .featuredLeatherTypes .plProd.listBox.col6.lType { margin: 20px 10px 10px 10px; margin-right: 1.5% !important; background: #fff; width: 48%; } .featuredLanding .featuredLeatherTypes .plProd.listBox.col6.lType:nth-child(2n+1) { margin-right: 0 !important; } .featuredResults { margin: 30px 0 0; } .featuredLanding .impact img { margin: 0 auto 25px; display: block; width: 100%; } .featuredLanding .impact img.banner-tablet, .featuredLanding .impact img.banner-mobile { display: none; } @media screen and (max-width:960px) { .featuredLanding .impact img.banner-desktop { display: none; } .featuredLanding .impact img.banner-tablet { display: block; } } @media screen and (max-width:835px) { .featuredLanding .featuredLeatherTypes .plProd.listBox.col6.lType { margin-right: 2%; width: 47.5%; } } @media screen and (max-width:720px) { .featuredLanding .featuredLeatherTypes .plProd.listBox.col6.lType { margin: 20px 0 10px 0; width: 100%; } .brickworksBar .brickBtn { padding: 20px 0; width: 49%; float:left; } .brickworksBar .brickBtn i { display: inline; } #productDetailContainer .prodAvail { text-align: center; } .featuredLanding .impact img.banner-tablet { display: none; } .featuredLanding .impact img.banner-mobile { display: block; } } /*Designer Comfort*/ .baseTrimSection { margin-top: -15px; } /* BEGIN MODERN */ .modernLanding { margin-top:-20px; width:100%; overflow-x:hidden; background:#FFF;} .modernLanding .heroImg { position: relative; } .modernLanding .heroImg img { width:100%; display: block; float:left; } .modernLanding .pageOpening { margin:50px auto; display: block; float:left; text-align: center; width:100%; } .modernLanding .pageOpening h2 { font-family: 'Sailec-Medium', sans-serif; font-size:3.125em; color:#333; text-transform: uppercase; letter-spacing: 5pt; margin-top:0; margin-bottom:0; text-align: center;} .modernLanding .pageOpening p { color:#333; font-family: 'Sailec-Light'; font-size:1.250em; margin-top:5px; line-height: 1; text-align: center; letter-spacing: 1pt} .modernLanding .filterImages { text-align: center;display: -webkit-inline-box;display: -ms-inline-flexbox;display: -webkit-inline-flex;display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; -webkit-flex-flow:row wrap; flex-flow:row wrap; float:left; width:100%; margin-bottom:12vh; } .modernLanding .filterImages a { display: block; float:left; font-family: 'Sailec-Medium'; font-size: .875em; text-decoration: none; text-transform: uppercase; } .modernLanding .offsetColumns { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; -webkit-flex-flow:row wrap; flex-flow:row wrap; float:left; } .modernLanding .offsetColumns h2 { font-family: 'Sailec-Medium', sans-serif; font-size:3.125em; color:#333; text-transform: uppercase; letter-spacing: 5pt; } .modernLanding .offsetColumns .areaBold { padding-left:12%; } .modernLanding .offsetColumns .areaBold p { color:#333; font-family: 'Sailec-Light'; font-size:.874em; margin-top:5px; line-height: 1.6; text-align: left; letter-spacing: 1pt; line-height: 1.4 } .modernLanding .offsetColumns .photo82 { margin-top:82px; } .modernLanding .offsetColumns .photo288 { margin-top:-24vh;} .modernLanding .offsetColumns .photo20 { margin-top:20px; position: relative; z-index: 1; } .modernLanding .offsetColumns .areaLuxe{ color:#333; font-family: 'Sailec-Light'; font-size:.874em; margin-top:-4vh; line-height: 1.6; text-align: left; letter-spacing: 1pt; line-height: 1.4; position: relative; z-index: 1; } .modernLanding .offsetColumns .areaLuxe { padding-left:12%; } .modernLanding .offsetColumns .areaModern{ color:#333; font-family: 'Sailec-Light'; font-size:.874em; margin-right:2%!important; margin-top: 8vh; line-height: 1.6; text-align: left; letter-spacing: 1pt; line-height: 1.4; position: relative; z-index: 1; } .modernLanding .offsetColumns .areaModern .bottomImg { position: absolute; bottom:0; } .modernLanding .offsetColumns .photoTall { margin-right:0!important; margin-top:30px;} .modernLanding .offsetColumns .photoLong { margin-top:0!important; } .modernLanding .offsetColumns .largeBed { margin-top:30px!important; } .modernLanding .offsetColumns .col12 { margin-top:-32vh; position:relative; z-index: 0; } .modernLanding .offsetColumns ul { margin:20px 0 0 0; } .modernLanding .offsetColumns ul li { list-style: none; line-height: 1.6; } .modernLanding .offsetColumns ul li a { text-decoration: none; font-family: 'Sailec-Medium'; font-size:.875em; } .modernLanding .logo { width:100%; margin-top:52px!important; margin-bottom:52px; text-align: center;} .modernLanding .logo img { width:185px; height:auto; margin-right:0; } .modernLanding .logo.topLogo { position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; margin-top:3vh!important;} .modernLanding .buttonWrapper { position: absolute; left:0; right:0; bottom:-50px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .modernLanding .modernBtn { border:1px solid #d2d2d2; font-family: 'Sailec-Medium'; font-size:0.875em; color:#333; background:#FFF; padding:17px 10px; min-width: 115px; margin-right:10px; text-decoration: none; text-transform: uppercase; } .modernLanding .modernBtn:hover { background:#d2d2d2; color:#333; } .modernLanding .modernBtn:last-child { margin-right:0; } @media screen and (max-width: 1180px) { .modernLanding .offsetColumns { padding:0 4%; } } @media screen and (max-width:1080px) { .modernLanding .offsetColumns .photo288 { margin-top: -21vmin; } } @media screen and (max-width: 980px) { .modernLanding .offsetColumns .areaBold, .modernLanding .offsetColumns .areaLuxe { padding-left:3%; padding-right:1%; } .modernLanding .offsetColumns .areaModern { padding-right:3%; margin-top:0; } .modernLanding .offsetColumns .photo288 { margin-top: -17vmin; } } @media screen and (max-width: 860px) { .modernLanding .offsetColumns .areaLuxe { margin-top:-8vmin; } .modernLanding .offsetColumns .col12 { margin-top:-32vmin; } .modernLanding .offsetColumns .photoTall { margin-top:5vmin; } .modernLanding .offsetColumns ul { margin: 20px 0 20px 0; } } @media screen and (max-width:800px) { .modernLanding .offsetColumns .photo288 { margin-top: -7vmin; } } @media screen and (max-width:720px) { .modernLanding .heroImg { height:447px; } .modernLanding .heroImg .bgHeroImage { height:447px; overflow:hidden; -o-object-fit: cover; object-fit: cover; } .modernLanding .filterImages { padding:0 2%; width:98%; } .modernLanding .filterImages a { width:31%; float:left; display: block; float:left; margin-right:2%; font-size:0.750em; } .modernLanding .filterImages a:last-child { margin-right:0; } .modernLanding .pageOpening h2 { font-size: 2.250em; } .modernLanding .pageOpening p { font-size:0.875em; } .modernLanding .offsetColumns { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column wrap; -webkit-flex-flow:column wrap; flex-flow:column wrap; padding:0 2%; width:100%; } .modernLanding .offsetColumns .photo82 { width:100%; height:auto; margin-top:0; padding:0 2%;} .modernLanding .photo82 img { width:100%; margin-top:14px;height:auto; } .modernLanding .areaBold { width:100%; padding:0 2%!important; } .modernLanding .photo20 { width:100%; margin-top:14px; padding:0 2%; } .modernLanding .photo20 img { width:100%; height:auto; } .modernLanding .photo288 { width:100%; padding:0 2%; margin-top:14px!important;} .modernLanding .photo288 img { width:100%; height:auto; } .modernLanding .areaLuxe { width:100%; padding:0 2%!important; margin-top:0!important; } .modernLanding .offsetColumns .col12 { margin-top:0!important; padding:0 2%;} .modernLanding .areaModern { width:100%; padding:0 2%!important; } .modernLanding .bottomImg { width:100%; position:relative!important;} .modernLanding .bottomImg img { width:100%; height:auto; padding-top:14px;} .modernLanding .photoTall { width:100%; padding:0 2%; margin-top:14px!important; } .modernLanding .photoTall img { width:100%; height:auto; } .modernLanding .offsetColumns .col12 { margin-top:14px!important; } .modernLanding .offsetColumns .col12.logo { margin-top:52px!important; } /* Setting New Position Order */ .modernLanding .areaBold { -webkit-box-ordinal-group:2; -ms-flex-order:1; -webkit-order:1; order:1; } .modernLanding .photo82 { -webkit-box-ordinal-group:3; -ms-flex-order:2; -webkit-order:2; order:2; } .modernLanding .photo20 { -webkit-box-ordinal-group:4; -ms-flex-order:3; -webkit-order:3; order:3; } .modernLanding .photo288 { -webkit-box-ordinal-group:5; -ms-flex-order:4; -webkit-order:4; order:4; } .modernLanding .areaLuxe { -webkit-box-ordinal-group:6; -ms-flex-order:5; -webkit-order:5; order:5; } .modernLanding .offsetColumns .col12 { -webkit-box-ordinal-group:7; -ms-flex-order:6; -webkit-order:6; order:6; } .modernLanding .areaModern { -webkit-box-ordinal-group:7; -ms-flex-order:6; -webkit-order:6; order:6; } .modernLanding .photoTall { -webkit-box-ordinal-group:7; -ms-flex-order:6; -webkit-order:6; order:6; } .modernLanding .photoLong { -webkit-box-ordinal-group:10; -ms-flex-order:9; -webkit-order:9; order:9; } .modernLanding .largeBed { -webkit-box-ordinal-group:11; -ms-flex-order:10; -webkit-order:10; order:10; } .modernLanding .offsetColumns .col12.logo { -webkit-box-ordinal-group:12; -ms-flex-order:11; -webkit-order:11; order:11; } .modernLanding .filterImages.bottom { -webkit-box-ordinal-group:13; -ms-flex-order:12; -webkit-order:12; order:12; } } /* END MODERN */ /* BEGIN CUSTOM DINING */ .custom-dining .round-tops, .custom-dining .round-bases, .custom-dining .trestle-tables, .custom-dining .leg-tables, .custom-dining .seats-finishes, .custom-dining .assembledInVA { margin-top: 50px; text-align: center; } .custom-dining .assembledInVA { margin-bottom: 55px; } .custom-dining .desktop { display: block; } .custom-dining .mobile { display: none; } .custom-dining .title { text-align: center; } .custom-dining .title h2 { font-family: 'archer'; font-style: italic; text-transform: uppercase; font-size: 1.750rem; margin: 0; } .custom-dining .title h3 { font-family: 'Sailec-Light'; font-size: 2.750rem; margin: 0; } .custom-dining .title p { font-family: 'Sailec-Light'; font-size: 1.250rem; } .custom-dining .title img { margin: 0 auto; } .custom-dining .assembledInVa img { text-align: center; margin: 0 auto; position: relative; } .custom-dining .assembledInVA h2 { font-family: 'Sailec-Light'; font-size: 3.123em; color: #333333; text-align: center; } .custom-dining .assembledInVA p { font-family: 'Sailec-Light'; text-align: center; padding: 0 130px; font-size: 1.250em; } .imageOverlapLeft { margin-left: -40px; margin-right: -40px; } .imageOverlapRight { margin-left: -40px; margin-right: -40px; z-index: 3 !important; position: relative; } .middleCenter { z-index: 4 !important; position: relative; width: inherit; } .roundTopsWrapper, .roundBasesWrapper, .trestleTableWrapper, .legTableWrapper, .seatWrapper { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; width: 85%; margin: 0 auto; height: auto; } .legTableWrapper { width: 40%; } .trestleTableWrapper { width: 66%; } .custom-dining .title .roundTopsWrapper a img { max-width: 100%; width: 100%; height: auto; } .custom-dining .title .roundTopsWrapper > a:nth-child(1) { margin-left: 0; margin-right: -20px; } .custom-dining .title .roundTopsWrapper > a:nth-child(2) { margin-left: -20px; margin-right: -20px; } .custom-dining .title .roundTopsWrapper > a:nth-child(3) { z-index: 4; margin-left: -20px; margin-right: -20px; } .custom-dining .title .roundTopsWrapper > a:nth-child(4) { margin-left: -20px; margin-right: -20px; z-index: 3; } .custom-dining .title .roundTopsWrapper > a:nth-child(5) { margin-left: inherit; margin-right: inherit; margin-left: -20px; } .round-bases .title a img { padding: 0 15px 0 15px; } .round-bases .title a:nth-child(1) img { padding-left: 0px; } .round-bases .title a:nth-child(4) img { padding-right: 0px; } .trestle-tables .title a img { margin-left: 18px; margin-right: 18px; } .trestle-tables .title a:nth-child(1) img { margin-left: 0; } .trestle-tables .title a:nth-child(2) img { margin-right: 0; } .no--link { pointer-events: none; } @media screen and (max-width:960px) { .custom-dining .title h2 { font-size: 1.250em; } .custom-dining .title h3 { font-size: 1.5em; } .custom-dining .title p { font-size: 1em; } .custom-dining .assembledInVA h2 { font-size: 2.250em; } .custom-dining .assembledInVA p { font-size: 1em; padding: 0 130px; } .custom-dining .title .roundTopsWrapper a { max-width: 100%; width: 100%; height: auto; } #productDetailContainer .prodSocial { padding: 20px 20px; } } @media screen and (max-width:720px) { .custom-dining .desktop { display: block; } .custom-dining .mobilehide { display: none; } .custom-dining .title h2 { font-size: 1em; } .custom-dining .title h3 { font-size: 2.250rem; } .custom-dining .title p { font-size: .875em; } .custom-dining .seats-finishes .col6 { width: 98%; padding: 0 2%; } .custom-dining .seats-finishes .col6:nth-child(2) { margin-top: 50px; } .custom-dining .assembledInVA h2 { font-size: 1.5rem; } .custom-dining .assembledInVA p { font-size: .875rem; padding: 0 2%; } .roundTopsWrapper { padding: 0 8%; width: 75%; margin: 0 auto; height: auto; } .custom-dining .title .roundTopsWrapper > a:nth-child(1) { display: none; } .custom-dining .title .roundTopsWrapper > a:nth-child(5) { display: none; } .round-bases .title .roundBasesWrapper a:nth-child(3) img { padding-right: 0; } .round-bases .title .roundBasesWrapper a:nth-child(4) { display: none; } .leg-tables .title .legTableWrapper > a:nth-child(1) { display: none; } .leg-tables .title .legTableWrapper > a:nth-child(6) { display: none; } .leg-tables .title a:nth-child(5) img { padding: 0; } } @media screen and (max-width:580px) { .custom-dining .leg-tables img { max-height: 150px; height: auto; } .seatWrapper { padding: 0 8%; } } @media screen and (max-width:478px) { .custom-dining .assembledInVA h2 { font-size: 1.875em; } .custom-dining .assembledInVA img { width: 111px; height: auto; } .trestle-tables .title .col12 .col6 { width: 48%; float: left; margin-right: 1% !important; } } /* END CUSTOM DINING */ /* BEGIN BENCHMADE*/ .desktopdisplay { display: inline-block; } .mobiledisplay { display: none; } .featuredLanding.benchmadeLanding { background: #fff; } .watchVideo { position: relative; margin-top: -91px; float: left; display: block; text-align: right; } .watchVideo img { margin: 0; } .benchmadeVideo { max-height: 600px; overflow: hidden; margin-bottom: -9px; } video#bgvid { top: 0%; left: 0%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(/_images/benchmade/benchmade-video-poster.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; } .col6.getStarted { text-align: right; padding-right: 20px; text-transform: uppercase; } .benchmadeLanding .col4 p a{ background-color: #fff; } .benchmadeLanding .threeColSection .col4 p { background-color: #fff; } .col6.learnMore { text-align: left; padding-left: 20px; text-transform: uppercase; } .col6.getStarted a, .col6.learnMore a { font-family: 'Sailec-Medium'; color: #007cbe; } .benchmadeCategories { margin-top: 46px; } .benchmadeCategories img { width: 100%; } section.benchmadeCallOuts { padding-top: 90px; display: block; clear: both; } section.benchmadeCallOuts > .col6:nth-child(3) { margin-right: 0 !important; margin-left: 2%; } section.benchmadeCallOuts p { font-family: 'Sailec-Light'; text-align: center; } section.benchmadeCallOuts h2 { font-family: 'Sailec-Light'; font-size: 3.125em; color: #333333; text-align: center; } section.benchmadeCallOuts img { max-width: 100%; margin: 0; } section.benchmadeCallOuts .col6 { text-transform: uppercase; font-family: 'Sailec-Medium'; font-size: 1.250rem; } section.benchmadeCallOuts .col6 span { font-family: 'Sailec-Regular'; text-transform: initial; } section.benchmadeCallOuts .col6:nth-child(2) div { float: left; text-align: center; padding-left: 1%; } section.benchmadeCallOuts .col6:nth-child(3) div { float: right; text-align: center; padding-right: 1%; } .bmFullClassic { min-height: 187px; background: url(/_images/benchmade/classic-edge-full.png) no-repeat; -webkit-background-size: cover; background-size: cover; float: left; } .bmFullEdge { min-height: 187px; background: url(/_images/benchmade/live-edge-full.png) no-repeat; float: right; -webkit-background-size: cover; background-size: cover; margin-right: 0 !important; } section.time-honored { text-align: center; padding-top: 81px; display: block; clear: both; } section.time-honored h2 { font-family: 'Sailec-Light'; font-size: 3.123em; color: #333333; text-align: center; } section.time-honored p { font-family: 'Sailec-Light'; text-align: center; padding: 0 192px; } section.time-honored img { max-width: 96%; } section.handcrafted { text-align: center; margin-top: 55px; padding-bottom: 63px; border-bottom: #d2d2d2 1px solid; } section.handcrafted h2 { font-family: 'Sailec-Light'; font-size: 3.123em; color: #333333; text-align: center; } section.handcrafted p { font-family: 'Sailec-Light'; text-align: center; padding: 0 145px; } section.category h2 { font-family: 'Sailec-Light'; font-size: 3.123em; color: #333333; text-align: center; margin-top: 65px; } section.category > ul { text-align: center; } section.category > ul li { display: inline-block; text-align: center !important; margin-top: 38px; } section.category > ul li { list-style: none; margin-right: 20px; } section.category > ul li:last-of-type { margin-right: none; } section.category > ul li a { font-family: 'Sailec-Medium'; font-size: 1.5em; text-decoration: none; } section.category .tabs { position: relative; min-height: 1160px; clear: both; margin: 25px 0; } section.category .tab { float: left; padding: 0 2%; } section.category .tab:nth-child(1) { margin-left: calc(50% - 25%); } section.category .tab label { padding: 10px; text-transform: uppercase; cursor: pointer; margin-left: -1px; position: relative; left: 1px; font-family: 'Sailec-Medium'; font-size: 1.5em; text-decoration: none; } section.category .tab [type=radio] { display: none; } section.category .content { visibility: hidden; position: absolute; top: 50px; left: 0; right: 0; bottom: 0; padding: 20px 0; } section.category .tab [type=radio]:checked ~ label { z-index: 2; } section.category .tab [type=radio]:checked ~ label:after { content: '\f111'; display: block; text-align: center; font-size: .4em; font-family: 'Font Awesome 5 Pro'; font-weight: 300;} section.category .tab [type=radio]:checked ~ label ~ .content { z-index: 2; visibility: visible; } @media screen and (max-width:1180px) { section.category .tab:nth-child(1) { margin-left: calc(50% - 27%); } } @media screen and (max-width:1080px) { section.category .tab:nth-child(1) { margin-left: calc(50% - 30%); } } @media screen and (max-width:960px) { .benchmadeVideo { background: url(/_images/benchmade/benchmade-video-poster.jpg) center center; height: 322px; -webkit-background-size: cover; background-size: cover; } .watchVideo img { margin: -10px -5px 0; position: relative; top: -5px; } .benchmadeAdjust > .watchVideo { margin-top: -97px; } .benchmadeCategories .col3 { width: 24% !important; } section.benchmadeCallOuts { padding-top: 35px; } section.benchmadeCallOuts h2 { font-size: 2.500em; } .bmFullClassic, .bmFullEdge { min-height: 128px; } section.benchmadeCallOuts .col6, section.benchmadeCallOuts .col6 span { font-size: 1.000rem; } section.benchmadeCallOuts .col6:nth-child(2) div { padding-left: 3%; } section.benchmadeCallOuts .col6:nth-child(3) div { padding-right: 3%; } section.time-honored { padding-top: 40px; } section.time-honored p, section.handcrafted p { padding: 0 6%; font-size: 0.813em; } section.time-honored h2, section.handcrafted h2, section.category h2 { font-size: 2.500em; } section.handcrafted { padding-bottom: 48px; } section.category .tab label { font-size: 1.125em; } section.category h2 { margin-top: 48px; } section.category .tab:nth-child(1) { margin-left: calc(50% - 26%); } section.category .content { top: 20px; padding: 0 2%; } } @media screen and (max-width:820px) { section.category .tab:nth-child(1) { margin-left: calc(50% - 29%); } } @media screen and (max-width:720px) { section.category .tabs { min-height: 1314px; } section.category .tab:nth-child(1) { margin-left: calc(50% - 34%); } } @media screen and (max-width:680px) { section.category .tab:nth-child(1) { margin-left: calc(50% - 33%); } section.category .tab label { font-size: 2.65vw; } section.category .content { top: 47px; } } @media screen and (max-width:580px) { section.category .tab:nth-child(1) { margin-left: calc(50% - 36%); } } @media screen and (max-width:480px) { .col6.getStarted { text-align: center; padding-right: 0; width: 48%; float: left; } .col6.learnMore { text-align: center; padding-left: 0; width: 48%; float: left; } section.benchmadeCallOuts > .col6:nth-child(3) { margin-left: 0; } section.category .tab:nth-child(1) { margin-left: calc(50% - 36%); } } @media screen and (max-width:478px) { .col6.bmFullClassic { width: 49%; float: left; } .col6.bmFullEdge { width: 49%; float: right; } section.benchmadeCallOuts .col6:nth-child(2) { width: 49%; float: left; } section.benchmadeCallOuts .col6:nth-child(3) { width: 49%; float: right; } section.benchmadeCallOuts .col6:nth-child(2) div, section.benchmadeCallOuts .col6:nth-child(3) div { padding: 0; float: none; text-align: center; } .bmFullClassic, .bmFullEdge { min-height: 64px; } section.time-honored { padding-top: 18px; } section.handcrafted { margin-top: 38px; } section.handcrafted img { width: 111px; height: auto; } section.benchmadeCallOuts h2, section.time-honored h2, section.handcrafted h2, section.category h2 { font-size: 1.875em; padding-left: 3%; padding-right: 3%; } .featuredLanding .benchmadeSwatches > .featuredSwatches.col6 { width: 49%; float: left; } .desktopdisplay { display: none; } .mobiledisplay { display: inline-block; } } @media screen and (max-width:412px) { section.category .tab { padding: 0 1%; } } @media screen and (max-width:380px) { section.category .tab:nth-child(1) { margin-left: calc(50% - 41.5%); } section.category .tab label { font-size: 3.5vw; } .featuredLanding .flexslider span.featuredImgTitle { font-size: 0.875em !important; } } @media screen and (max-width:320px) { section.category .tab:nth-child(1) { margin-left: calc(50% - 44%); } } /* END BENCHMADE*/ /* BEGIN: lEATHER SECTIONAL */ .featuredSubTagline { display: inline-block; border: 0; font-size: .9rem; margin: 0px; padding: 10px 0; color: #333333; text-decoration: none; font-family: archerbold; } .centerButtonText { font-family: 'Sailec-Light' !important; font-style: normal; font-weight: normal; text-align: center; text-transform: uppercase; font-size: 1.250rem; } .centerButtonText > strong { font-family: 'Sailec-Medium'; } .LUchaise { display: block; width: 78%; margin: 20px auto; } .LUchaise.pit { width: 100%; } .LUchaise .listBox { width: 30.25%; display: inline-block; max-width: 273px; margin-right: 3%; } .LUchaise .listBox:last-child { margin-right: 0; } .LUchaise.pit .listBox { width: 21.75%; } .LUchaise .featuredImgTitle { text-align: center; } @media screen and (max-width:720px) { .LUchaise .featuredImgTitle { display: none; } .featuredSlideWrap .slideTitle h3 { text-align: center; } } .sectional-cta { margin: 30px auto 100px; } .sectional-cta span { width: 100%; display: inline-block; margin-top: 10px; text-align: center; font-family: 'Sailec-Regular'; font-size: 1.125rem; } .sectional-cta .perfect-sectional { font-family: 'archer'; font-style: italic; font-size: 2.125rem; } .sectional-cta .button { max-width: 286px; width: 100%; background: #00b3e3; text-align: center; color: #FFF; border: none; display: block; margin-top: 15px; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; } .sectional-cta .button:hover { background: #7e7e81; } .sectional-cta .button:not(.noArrow):after, .sectional-cta .buttonDark:not(.noArrow):after { display: none; } @media screen and (max-width:395px) { .sectional-cta span { font-size: .875rem; } } /* END: LEATHER SECTIONAL */ /* BEGIN FABRIC LISTING */ .fabList .swatches .swatchgroup .col3:nth-child(4n) { margin-right: 1%; } .swatchPop { max-width: 200px; } .fabList .prodSwatch.swatchPop a {background-color: #fff;} .fabList .swatches .swatchgroup .col3, .fabList .swatches .col3 { margin-bottom: 35px; width: inherit; background-color: #FFF; color: #333; } .swatchgroup { display: inline-block; width: 100%; } .swatchgroup h3, .swatchgroup h2 { font-size: 1.5rem; font-weight: bold; text-transform: uppercase; background-color: #fff;} .fabList .plWrap { margin-top: 0px; } .fabList .filters { width: 100%; } .fabList .filters:after { content: ""; display: block; clear: both; } .fabList .filters .optionDropDowns:after, .fabList .filters .searchFabrics:after { content: ""; clear: both; display: block; } .fabList .filters .optionDropDowns { margin-right: 0 !important; } .fabList .filters .optionDropDowns select { float: left; width: 48%; margin: 0; height: 50px; padding: 10px; margin-right: 2%; } .filters .searchFabrics { margin: 2px 0 20px; } .filters .searchFabrics .clearAll, .filters .optionDropDowns .clearAll { font-size: .875rem; margin-right: 13px; text-align: right; } .filters .sortTitle { font-size: 16px; font-family: 'Sailec-Regular'; } .filters .searchFabrics .sortTitle { /*position: relative;*/ margin-top: -2px; } .fabList .filters .searchFabrics label { display: none; } .fabList .filters .searchFabrics input, .fabList .filters .searchFabrics button { font-family: 'Sailec-Regular'; display: inline-block; width: 70%; height: 50px; margin: 0; float: left; } .fabList .filters .searchFabrics button { background: #333333; text-align: center; border: none; color: #ffffff; } .fabList .filters .searchFabrics button:hover { background: #777777; } .fabList .filters .searchFabrics button span { position: absolute; top: -999999px; opacity: 0;} .fabList .fabricInfo h2 { font-family: 'Sailec-Regular'; font-size: 1.875em; color: #333333; } .fabList .fabricInfo p { font-family: 'Sailec-Regular'; } .fabList .swatches { line-height: 1.5em; font-family: 'Sailec-Regular'; } .swatchgroup .col3 { font-size: .875rem; line-height: 1.125rem; } .fabList .swatches .col3 { margin-bottom: 35px; } .fabList .swatches img { width: 100%; display: block; margin-bottom: 20px; } .fabList .swatches .swatchColor { font-family: 'Sailec-Medium'; } .fabList .swatches .addSwatch { margin-top: 20px; font-size: .9em; } .fabList .swatches .addSwatch i { font-size: 1.5em; vertical-align: middle; } .fabric_sort { font-family: 'Sailec-Regular'; width: 95%; float: left; } .fabric_sort select { margin: 0 auto; height: 50px; min-width: 100%; padding: 10px; } .fabric_search { width: 50px !important; height: 50px; font-size: 1.8em; padding: 0; margin-left: 6%; } .filters p { margin-bottom: 5px; } label.faveLabel { display: inline-block; float: right; font-size: .8rem; margin-right: 20px; cursor: pointer; display:none; } label.faveLabelPopup { font-size: .8rem; margin: 5px 0px; cursor: pointer; } .fabricDetailPopup .swatchLink { font-size: .8rem; margin: 2px 0; float: right; } input.orderSwatch { display: none; margin-top: 2px; } label.orderSwatchLabel { cursor: pointer; } label.orderSwatchLabel > .remove { display: none; } input.orderSwatch:checked + label.orderSwatchLabel > .add { display: none; } input.orderSwatch:checked + label.orderSwatchLabel > .remove { display: inline; } input.orderSwatch:disabled + label.orderSwatchLabel > .add { opacity: 0.5; } input.fave { display: none; float: none; } .optionGroup .swatchFavorite label.faveLabel, .swatchFavorite label.faveLabel { float: none; color: #333333; } .optionGroup .swatchFavorite label.faveLabel span p, .swatchFavorite label.faveLabel span p { font-size:0; width:0; height: 0; } .optionGroup .swatchFavorite input:checked + label.faveLabel, .swatchFavorite input:checked + label.faveLabel { color: #333333; } .optionGroup .swatchFavorite input + label.faveLabel:before, .swatchFavorite input + label.faveLabel:before { content: "\f004"; font-family: 'Font Awesome 5 Pro'; color: #333333; margin-right: 5px; font-size: .813rem; vertical-align: middle; font-weight: 300;} .optionGroup .swatchFavorite input:checked + label.faveLabel:before, .swatchFavorite input:checked + label.faveLabel:before { content: "\f004"; font-family: 'Font Awesome 5 Pro'; color: #333333; font-size: .813rem; vertical-align: middle; font-weight: 900;} .optionDropDowns input + label.faveLabel:before, .optionGroup input + label.faveLabel:before { content: "\f004"; font-family: 'Font Awesome 5 Pro'; color: #333333; margin-right: 5px; font-size: .813rem; vertical-align: middle; font-weight: 300;} .optionDropDowns input:checked + label.faveLabel:before, .optionGroup input:checked + label.faveLabel:before { content: "\f004"; font-family: 'Font Awesome 5 Pro'; color: #333333; font-size: .813rem; vertical-align: middle; font-weight: 300;} .optionGroup .swatchFavorite input + label.faveLabelPopup:before, .swatchFavorite input + label.faveLabelPopup:before { content: "\f004"; font-family: 'Font Awesome 5 Pro'; color: #333333; margin-right: 5px; font-size: .813rem; vertical-align: middle; font-weight: 300;} .optionGroup .swatchFavorite input:checked + label.faveLabelPopup:before, .swatchFavorite input:checked + label.faveLabelPopup:before { content: "\f004"; font-family: 'Font Awesome 5 Pro'; color: #333333; font-size: .813rem; vertical-align: middle; font-weight: 900; } #productDetailContainer.outward.prodDetail .optionGroup .options.Fabric.justshowfavs > label:not(.myfav) { display: none !important; } /* Type and Feature Dropdown */ .filters .optionDropDowns .fabricNum { position: relative; float: left; margin: 3px 0 0 0; font-size: .875rem; font-family: arial; background-color: #fff;} .optionDropDowns .fabricWrapper { position: relative; flex: 1 1 65%; float: left; margin-right: 2%; width: 48%; } .optionDropDowns .fabricInput { position: absolute; opacity: 0; z-index: -1; } .optionDropDowns .filterDropDown { border: 1px #4C4C4C solid; font-family: 'Sailec-Regular'; float: left; margin: 0 auto; height: 50px; min-width: 100%; padding: 14px 5px 8px 10px; color: #333; } .optionDropDowns .filterDropDown:after { font-family: 'Font Awesome 5 Pro'; content: "\f107"; font-weight: 200; margin-left: 10px; font-weight: bold; float: right; } .optionDropDowns .fabricInput:checked ~ .filterDropDown:after { content: "\f106";} .optionDropDowns .fabricInput:checked ~ .fabricDropDownContent, .fabricWrapper .accordionContent { display: flex; opacity: 1; transition: opacity .25s ease-in-out; } .optionDropDowns .fabricDropDownContent { flex-flow: row wrap; width: 100%; height: auto; top: 3.7em; left: 0; text-align: left; background: #fff; position: absolute; opacity: 0; z-index: 1; border: 1px solid #DCDCDC; font-size: .85rem; display: none; min-width: 350px;} .optionDropDowns .fabricDropDownContent .fabricSelectionWrapper { column-count: 2; column-fill: balance; width: 100%; padding: 10px 0;} .optionDropDowns .fabricDropDownContent .fabricBtnContent { flex: 1 1 100%; width: 100%; display: flex; padding: 5px 10px;} .optionDropDowns .fabricDropDownContent .fabricBtnContent .filterBtn { text-decoration: underline; font-family: 'Sailec-MediumItalic'; font-size: .7rem; font-weight: 400; margin: 0 3px 5px; flex: 1 1 50%;} .optionDropDowns .fabricDropDownContent .fabricBtnContent .filterBtn:last-of-type { text-align: right; } .optionDropDowns .fabricDropDownContent ul{list-style: none;margin: 0;} .optionDropDowns .fabricDropDownContent ul li { min-width: 150px; } .optionDropDowns .fabricDropDownContent ul li span { display: flex; padding: 2px 10px; flex-flow: row; align-items: center; } .optionDropDowns .showAllColors { margin-bottom: 4px; } .optionDropDowns .showAllColors input.colorFilter { opacity: 0; position: absolute; } .optionDropDowns .showAllColors .optText.All { font-size: .875rem; text-align: right; text-decoration: underline; font-family: arial; } @media screen and (max-width:1020px) { .filters .optionDropDowns, .filters .searchFabrics { width: 100%; float: none; padding: 0px; margin-bottom: 10px; } .filters .searchFabrics .clearAll, .filters .optionDropDowns .clearAll { text-align: left; } } @media screen and (max-width:982px) { .fabList .filters .optionDropDowns select, .fabList .filters .searchFabrics .col6 { width: 98%; margin: 5px 0; } .fabList .filters .searchFabrics input, .fabList .filters .searchFabrics button { width: 77%; } .filters .searchFabrics .sortTitle { float: none; margin-top: 15px; } } @media screen and (max-width:960px) { .filters .optionDropDowns, .filters .searchFabrics { width: 100%; float: none; padding: 0px; margin-bottom: 10px; } label.faveLabel { margin-right: 5px; } .fabList .swatches .col3 { margin-bottom: 35px; } .optionDropDowns .fabricWrapper { width: 100%; margin: 10px 0; } .optionDropDowns .fabricWrapper:first-of-type { margin-bottom: 10px; } .optionDropDowns .filterDropDown:after { float: right; } .optionDropDowns .showAllColors label { padding: 5px 0; } } @media screen and (max-width:720px) { .fabList .swatches .col3 { margin-bottom: 35px; } .fabList .filters .col6 { width: 100%; margin: 0; } .fabList .filters .optionDropDowns { padding: 0; } .fabList .filters .optionDropDowns select { float: none; width: 100%; margin: 10px 0; } .fabList .filters .searchFabrics { margin: 0; margin-top: 10px; margin-bottom: 20px; } .fabList .filters .searchFabrics:after { content: ""; display: block; clear: both; } .filters .searchFabrics .clearAll { display: none; } .fabList .swatches .col3 { width: 48%; margin-right: 2%; } .fabList .filters .searchFabrics input, .fabList .filters .searchFabrics button { width: 92%; } .fabric_sort, .fabList .filters .optionDropDowns select, .fabList .filters .searchFabrics .col6 { width: 100%; } .fabric_sort select { margin: 7px 0 15px; } .prodSwatch.swatchPop .popupFabricInfo { display: none; } .optionGroup .swatchFavorite input + label.faveLabelPopup:before, .swatchFavorite input + label.faveLabelPopup:before { content: "\f05d"; font-family: 'Font Awesome 5 Pro'; color: #d3d3d3; margin-right: 5px; font-size: 1.25rem; vertical-align: middle; font-weight: 300; } .optionGroup .swatchFavorite input:checked + label.faveLabelPopup:before, .swatchFavorite input:checked + label.faveLabelPopup:before { content: "\f058"; font-family: 'Font Awesome 5 Pro'; color: #333333; font-size: 1.25rem; vertical-align: middle; font-weight: 300; } .optionGroup .swatchFavorite input:checked + label.faveLabelPopup span:before {} } @media screen and (max-width:651px) { .fabList .filters .searchFabrics input, .fabList .filters .searchFabrics button { width: 90%; } } @media screen and (max-width:546px) { .fabList .filters .searchFabrics input, .fabList .filters .searchFabrics button { width: 89%; } } @media screen and (max-width:520px) { .fabList .swatches .col3 { width: 100%; } .fabList .filters .searchFabrics input, .fabList .filters .searchFabrics button { width: 88%; } } @media screen and (max-width:500px) { .fabList .swatches .col3 { margin-bottom: 20px; } } @media screen and (max-width:463px) { .fabList .filters .searchFabrics input, .fabList .filters .searchFabrics button { width: 81%; } } @media screen and (max-width:400px) { .fabList .swatches .col3 { margin-bottom: 20px; } .swatchgroup .col3 { font-size: .675rem; line-height: 1.0rem; } } /* END FABRIC LISTING */ /* BEGIN PERFORMANCE FABRICS */ .fabList .fabListHeroImg img { margin-bottom: 30px; width: 100%; } .fabList .fabListHeroImg .fabListTagline { font-family: 'Sailec-Regular'; font-size: 1.125rem; font-style: normal; } .fabList .fabListHeroImg .fabListTagline span { font-family: 'Sailec-Medium'; font-size: 1.125rem; font-style: normal; } .fabList .divider { clear: both; border-bottom: #d2d2d2 1px solid; margin: 43px 0; } .fabList .RevFabrics { display: -webkit-box; display: -webkit-flex; display: flex; display: -ms-flexbox; clear: both; } .fabList .RevFabricsLogo, .fabList .SumbrellaLogo, .fabList .LiveSmartLogo { display: -webkit-box; display: -webkit-flex; display: flex; display: -ms-flexbox; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; } .fabList .RevFabricsText h3, .fabList .SumbrellaText h3, .fabList .LiveSmart h3 { font-family: 'Sailec-Regular'; font-size: 1.125em; margin-bottom: 6px; } .fabList .RevFabricsText p, .fabList .SumbrellaText p, .fabList .LiveSmartText p { font-family: 'Sailec-Regular'; font-size: 0.875em; line-height: 1.2; } .fabList .RevFabricsText p:last-of-type, .fabList .SumbrellaText p:last-of-type, .fabList .LiveSmartText p:last-of-type { margin-bottom: 0; line-height: 1.2 } .fabList .Sumbrella, .fabList .LiveSmart { padding: 0 0 43px; display: -webkit-box; display: -webkit-flex; display: flex; display: -ms-flexbox; margin-bottom: 43px; clear: both; } .fabList .slideTitle { margin-bottom: 46px; } @media screen and (max-width:960px) { .fabList .divider { margin: 29px 0; } .fabList .RevFabrics, .fabList .Sumbrella, .fabList .LiveSmart { display: inline-block; } .fabList .RevFabricsLogo, .fabList .SumbrellaLogo, .fabList .LiveSmartLogo { display: block; } .fabList .RevFabricsLogo img { height: 108px; } .fabList .Sumbrella { padding: 0 0 19px; margin-bottom: 19px; } .fabList .SumbrellaLogo img { height: 73px; } .fabList .RevFabricsLogo.col3, .fabList .SumbrellaLogo.col3, .fabList .LiveSmartLogo.col3 { width: 100%; } .fabList .RevFabricsText.col9, .fabList .SumbrellaText.col9, .fabList .LiveSmartText.col9 { width: 100%; } .fabList .swatches .swatchgroup .col3, .fabList .swatches .col3 { width: 31%; } } @media screen and (max-width:720px) { .fabList .RevFabricsLogo, .fabList .SumbrellaLogo, .fabList .LiveSmartLogo { text-align: center; overflow-x: hidden; } .fabList .divider { margin: 23px 0 23px -6%; width: 112%; overflow-x: hidden; } .fabList .fabListHeroImg img { margin-bottom: 30px; position: relative; width: 112%; margin-left: -6%; max-width: 112%; min-height: 178px; overflow-x: hidden; } } @media screen and (max-width:520px) { .fabList .fabListHeroImg img { width: 108%; margin-left: -4%; max-width: 108%; min-height: 213px; } .fabList .Sumbrella { padding: 0 0 9px; margin-bottom: 9px; } .fabList .swatches .swatchgroup h3, .fablist .swatches .swatchgroup h2{ font-size: 1.125em; } .fabList .fabListHeroImg .fabListTagline, .fabList .fabListHeroImg .fabListTagline span { font-size: 1em; } } @media screen and (max-width:393px) { .fabList .fabListHeroImg img { width: 112%; margin-left: -6%; max-width: 112%; min-height: 178px; } } /* END PERFORMANCE FABRICS */ /* BEGIN HGTV CUSTOM FURNITURE LANDING PAGE */ .hgtvCollections .col6.colWhite a { text-decoration: none; } .customLanding section.hgtvLanding { text-align: center; margin: 30px 0px; padding: 0 10px; } .customLanding section.hgtvLanding h2 { font-family: 'archermedium'; color: #00b3e3; } .customLanding section.hgtvLanding p { font-family: 'archermedium'; } .customLanding section.hgtvBar { background-color: #00b3e3; padding: 20px 0px 10px 0px; text-align: center; margin: 50px 0px 30px 0px; } .customLanding section.hgtvBar h2 { font-size: 2em; font-family: 'Sailec-Regular'; color: #fff; margin: 0; } .customLanding section.hgtvBar p { color: #fff; font-family: 'Sailec-Regular'; } .customLanding .col6.colHGTVBlue .button { width: 100%; } .customLanding .col6.colWhite .customCollection img { width: 100%; float: none; } .customLanding .col6.colWhite .customCollectionLink { position: relative; text-align: left; padding: 30px; } .customLanding .col6.colWhite .customCollectionLink h3 { font-size: 2em; margin: 0; margin-bottom: 10px; max-width: 70%; } .customLanding .col6.colWhite .customCollectionLink p { max-width: 70%; color: #00b3e3; line-height: 1.15em; } .customLanding .col6.colWhite .customCollectionLink:after { content: "\f054"; font-family: 'Font Awesome 5 Pro'; border-radius: 50%; background: #00b3e3; color: #fff; padding: 20px 22px; display: inline-block; position: absolute; right: 40px; top: 30%; font-weight: 300; } .customLanding .designHelp.makeoverCentral .col6.colHGTVBlue.collection { min-height: 410px; } .customLanding .designHelp .col6.colWhite.blurbBox { padding: 48px 5px; min-height: 343px; } .customLanding .designHelp .col6.colWhite.blurbBox.link { padding: 25px; } .customLanding .designHelp .col6.colWhite.blurbBox div { width: 91%; margin: 35px auto 15px auto; } .customLanding .designHelp .col6.colWhite.blurbBox a { text-decoration: none; } .customLanding .designHelp .col6.colWhite.blurbBox p { font-family: 'Sailec-Regular'; font-size: 1.1em; } .customLanding .designHelp .col6.colWhite.blurbBox div img { float: none; width: auto; margin-bottom: 10px; } .customLanding .designHelp .col6.colWhite.blurbBox h2 { margin: 0 auto 10px auto; font-family: 'archerbold', serif; font-weight:700; font-size: 2em; color: #333333; width: 90%; } .customLanding .designHelp .col6.colWhite.blurbBox span.VidText-one { font-size: 2.550em; font-family: 'Sailec-Medium'; padding: 0 0 10px; color: #333333; text-transform: uppercase; display: block; } .customLanding .designHelp .col6.colWhite.blurbBox span.VidText-two { color: #00b3e3; font-size: 1.15em; font-family: 'Sailec-Regular'; text-align: center; width: 80%; display: inline-block; } /* END HGTV CUSTOM FURNITURE LANDING PAGE */ /* BEGIN FINANCE PAGE */ .finance p { font-family: 'Sailec-Regular'; } .finance p em { font-family: 'Sailec-Medium'; } .finance h2 { font-family: 'Sailec-Medium'; } .financeBtns .col4 span { font-family: 'Sailec-Light'; font-size: 1em; display: inline-block; padding: 20px 0px; } .financeBtns .col4 span i { vertical-align: middle; margin-left: 12px; font-size: 1em; } /* END FINANCE PAGE */ /* BEGIN MAKE OVER A DIFFERENCE */ .videoLeft section { padding: 0 5%; } .videoList .colWhite { min-height: 410px; width: 32% !important; margin-right: 1.33% !important; } .videoList .mobClearBox { clear: both; width: 100%; height: 1px; display: none; } .videoList .deskClearBox { clear: both; width: 100%; height: 1px; display: block; } /* END MAKE OVER A DIFFERENCE */ /* BEGIN PRODUCT REGISTRATION */ #recallForm fieldset { border: none !important; margin: 0 !important; padding: 0 !important } /* END PRODUCT REGISTRATION */ /* BEGIN WISHLIST */ .wishWrap { position: relative; margin-top: 10px; /*min-height: 425px;*/ margin-bottom: 20px; border: 1px solid #d2d2d2; } .listBox { background: #f0f0f0; position: relative; } .wishRemove { display: inline-block; position: absolute; right: 1px; top: 1px; background: #ffffff; padding: 3px 5px; } .wishRemove:hover { cursor: pointer; background: #ffffff; } .wishBox { background-color: #fff; } .wishProd .wishRemove img { margin-bottom: 0; } .wishProd { width: 100%; position: relative; background: #fff; } .wishProd img { margin: 0; margin-bottom: -5px; } .listProd img { width: 100%; margin: 0; } .wishDesign { position: absolute; bottom: 0px; left: 0; right: 0; text-align: center; color: #f0f0f0; background: #7e7e81; padding: 5px 0; } .wishDisc, .listDisc { width: 100%; padding: 10px 15px 30px 15px; font-family: 'Sailec-Regular'; } .listDisc a { font-family: 'Sailec-Regular'; } .wishDisc { padding: 10px 15px 15px 15px; } .wishDisc h4, .listDisc h4 { color: #333333; font-size: 1rem; } /*.wishDisc { min-height: 100px; }*/ .listingPrice { font-size: .9725rem; } .wishDisc h4 { margin-bottom: 3px; } .wishDisc h4 a { font-family: 'Sailec-Medium'; font-size: 1rem; text-decoration: none; } .wishProdNumber { font-size: .8rem; margin-bottom: 5px; color: #7e7e81; display: block; } .reqSwatches { display: inline-block; margin: 0; font-weight: normal; text-decoration: underline; font-size: .8em; color: #7e7e81; clear: both; } .reqSwatches a { color: #7e7e81; } .reqSwatches:hover { cursor: pointer; color: #333333; } .reqSwatches i { font-size: 1.5em; vertical-align: middle; margin-right: 5px; } .wishViewProd { width: 50%; float: left; padding: 15px; background: #7e7e81; color: #fff; text-align: center; font-size: .8em; } .wishViewProdFull { width: 100%; float: left; padding: 15px; background: #7e7e81; color: #fff; text-align: center; font-size: .8em; } .wishViewProdFull a { color: #f0f0f0; text-decoration: none !important; } .wishAddToCart { width: 100%; max-width: 125px; float: left; padding: 10px; border-radius: 3px; background: #333333; color: #fff; text-align: center; font-size: .8em; margin-bottom: 20px; margin-left: 15px; } .wishAddToCart a { font-family: 'Sailec-Medium'; /*text-transform: uppercase;*/ } .wishViewProd:hover, .wishViewProdFull:hover, .wishAddToCart:hover { cursor: pointer; background: #333333; color: #f0f0f0; } .swatchDetail { min-height: 30px; } .swatchColor { font-size: .8rem; } /* END WISHLIST */ /*BEGIN STYLES FOR JQUERY POPUP*/ .jqpopupmenu, .jqpopupmenu { font: normal 11px Verdana; margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 150px; list-style-type: none; background-color: #FFFFFF; visibility: hidden; display: none; text-align: center; border: 1px solid #797979; } .jqpopupmenu a:hover { text-decoration: none; } .jqpopupmenu .productImg { height: 130px; padding-top: 10px; } .jqpopupmenu .productImg img { height: 130px; } .jqpopupmenu .productName { text-align: center; padding: 10px; color: #333333; } /*END STYLES FOR JQUERY POPUP*/ /*BEGIN STYLES FOR TRUNCATE CONTENT*/ .jsTruncate { text-align: left !important; } .jsTruncate .fuzz { display: none; } .jsTruncate .halfClosed .fuzz { display: none; } .jsTruncate .fuzz { z-index:1; position: absolute; width: 100%; height:25px; position: absolute; bottom:18px; left:0; } .jsTruncate .fuzz img {width:100%; height:25px!important;} .jsTruncate .jsTruncateWrap { margin-bottom: 10px; display: block; height: 80px; overflow: hidden; } .jsTruncate .showTruncated { font-family: 'Sailec-Medium'; font-size: 0.750rem; text-decoration: none; color: #56565a; } .jsTruncate .hideTruncated { font-family: 'Sailec-Medium'; font-size: 0.750rem; text-decoration: none; color: #56565a; } .jsTruncate .reviewShown, .jsTruncate .hideTruncated { display: none; } .jsTruncate .noComment { color: #333333 ; background-color: #fff; } /*END STYLES FOR TRUNCATE CONTENT*/ /* BEGIN GLOBAL FOOTER */ /* NEW FITH COLUMN FOOTER CODE */ @media screen and (min-width: 960px) { .footerWrapper { display: flex; flex-direction: row; justify-content: space-around; } .footerWrapper .footerCol { flex: 1 1 24%; } } footer:not(.footer-content) { background: #f0f0f0; padding: 60px 15px; width: 100%; } footer:not(.footer-content) a { text-decoration: none; } footer:not(.footer-content) .col3 { padding-right: 10px; } footer:not(.footer-content) .col3:nth-child(4) { padding-top: 24px; margin-right: 0 !important; } footer:not(.footer-content) span, footer:not(.footer-content) div[role="heading"] { font-family: 'Sailec-Medium'; color: #333333; font-size: .9375rem; display: block; margin-bottom: 5px; margin-top: 0; } footer:not(.footer-content) ul { list-style: none; } footer:not(.footer-content) ul li { position: relative; padding: 1px 0px; margin-right: 20px; font-size: .9375rem;} footer:not(.footer-content) ul li a { display: block; } footer:not(.footer-content) ul.seoBottom { margin: 20px 0 0 0; } footer:not(.footer-content) .seoBottom li a { display: inline; } footer:not(.footer-content) ul li a, footer:not(.footer-content) p { font-family: 'Sailec-Light'; font-size: .9375rem; color: #333333; text-decoration: none; margin-bottom: 0; } footer:not(.footer-content) ul li i { position: absolute; left: 0; margin: 0 !important; margin-left: -20px !important; } footer:not(.footer-content) ul li:hover { background: #333333; } footer:not(.footer-content) ul li:hover a { color: #f0f0f0; } footer:not(.footer-content) ul li:hover i { color: #333333; } footer:not(.footer-content) input[type=text], .styleGuide input[type=text] { width: 92%; padding: 5px 10px 5px 10px; margin: 9px 0px 9px 0px; max-width: 300px; min-height: 40px; border: 1px #949494 solid; } footer:not(.footer-content) button, .button2 { background: #333333; color: #f0f0f0; border: 0; padding: 9px 23px 7px; font-size: .9em; font-weight: 700; letter-spacing: 1px; cursor: pointer; display: inline-block; } footer:not(.footer-content) button:hover, .button2:hover { background: #7e7e81; } footer:not(.footer-content) h5 { font-family: 'Sailec-Medium'; color: #333333; font-size: .9375rem; display: block; margin-bottom: 5px; } .mobileFooterStoreLocator, .mobileSocial, .tradeLinksMobile { display: none; } .socialFooter { margin-top: 18px; margin-bottom: 18px; } .socialFooter i { color: #333333; padding: 4px; font-size: 1.1rem !important; } footer:not(.footer-content) .clubLevel.mobile { display: none; } footer:not(.footer-content) .clubLevel { position: relative; } footer:not(.footer-content) .clubLevel img { position: relative; left: -15px; max-width: 150px; top: 10px; width: 100%; margin-bottom: 10px; } footer:not(.footer-content) .seoFooter { float: left; } .seoFooter, .seoFooter .accordionTrigger:not(.unstyled) { font-family: 'Sailec-Light'; width: 100%; margin-top: 29px; border-bottom: none; } .seoFooter p { display: inline-block; padding-left: 6px; cursor: pointer; } .seoFooter a.accordionTrigger:before { font-family: 'Font Awesome 5 Pro'; content: "\f068";vertical-align: text-bottom; margin-right: 5px; font-weight: 300; } .seoFooter a.close:not(.unstyled):before { font-family: 'Font Awesome 5 Pro'; content: "\f067"; vertical-align: text-bottom; margin-right: 5px; font-weight: 300; } .seoFooter ul { list-style: none; margin: 20px 0 0 20px; display: block; } .seoFooter #popProds { display: none; } .seoFooter ul li a { text-decoration: none; color: #333333; font-size: .9em; } .seoFooter ul li a.link { text-decoration: underline; } .seoFooter ul li:hover { background: none; } .seoFooter ul li:hover a { color: #7e7e81; } .subFooter { width: 100%; background: #333333; } .subFooter span { margin-bottom: 0; width: 50%; font-family: 'Sailec-Light'; font-size: .8em; color: #f0f0f0; padding: 12px 5px; } .legal { float: left; } .credit { float: right; text-align: right; } .footerSaleNote { padding-top: 10px; font-family: 'Sailec-Light'; font-size: 1em; color: #333333; text-decoration: none; margin-bottom: 0; border-top: 1px solid #d2d2d2; padding-top: 18px; } .footerSaleNote a { text-decoration: underline; } #popProds ul { columns: 4; -webkit-columns: 4; -moz-columns: 4;-webkit-column-gap: 100px; -moz-column-gap: 100px; column-gap: 100px; } .seoBottom { margin-top:20px; padding:0 1%; font-size:.9em;} .seoBottom a { text-decoration: underline; } @media screen and (max-width: 920px) { #popProds ul { columns: 3; -webkit-columns: 3; -moz-columns: 3; } footer:not(.footer-content) .clubLevel.mobile { display: block; } footer:not(.footer-content) .clubLevel.desktop { display: none; } } @media screen and (max-width: 720px) { #popProds ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; } } @media screen and (max-width: 480px) { #popProds ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; } } /* END GLOBAL FOOTER */ /*SUPERFOOTER*/ footer:not(.footer-content) .superFooterWrapper { border-bottom: 1px #fff solid; margin-bottom: 30px; } footer:not(.footer-content) #superfooter { padding: 20px; } footer:not(.footer-content) #superfooter span:after { content: "" !important; } footer:not(.footer-content) #superfooter h3 { margin: 0; } /* BEGIN WISHLIST PAGE STYLES */ .wishBox span.error { color: red; width: 100%; text-align: center; display: block; font-size: .8em; } .wishBox span.error + .prodFavorite { margin-top: 10px; } .wishBox .clearance { color: red !important; } .wishViewProd a, .wishAddToCart a { color: #f0f0f0 !important; text-decoration: none !important; display: block; } .plProdtitle a { text-decoration: none !important; } .plProdtitle2 a, .plProdOptions a { text-transform: none; text-decoration: none; } .plProdImgLink a img { margin: 0 !important; } .fullListingDetails a { text-decoration: none !important; } .fullListingDetails .bottomLine a { float: left; } .bottomLine a { text-decoration: none; } .listDisc { min-height: 135px; } .plSwatch { width: 21%; float: left; text-align: center; margin-right: 4%; margin-top: 5px; } .plSwatch img { margin: 0 !important; width: 55px; height: auto; } .swatch-title { font-size: 0.8em; margin: 0; float: none; } /*#wishlistrpt { margin-top: -20px; }*/ #wishlistrpt .accordionTrigger { text-transform: uppercase; border-bottom: none; } #wishlistrpt .accordion { border-bottom: 1px solid #d2d2d2; margin-bottom: 20px; } #wishlistrpt .accordionContent { padding: 0; } #wishlistrpt .accordion:after, #wishlistrpt .accordionContent:after, .myAccountSwatches .fabRow:after, .myAccountSwatches .listing:after { content: ""; clear: both; display: block; } .myAccountSwatches .prodSwatch { float: none; width: 100%; margin: 0px; max-width: 999px; text-align: left; } .myAccountSwatches .swatchListingCell { position: relative; width: 14%; margin-right: 2%; float: left; margin-bottom: 25px; } .myAccountSwatches .swatchListingCell:nth-child(6n) { margin-right: 0; } .myAccountSwatches .swatchListingCell:last-child { margin-right: 0; } .myAccountSwatches .swatchListingCell img { margin: 0; } .myAccountSwatches .swatchListingCell .swatchColor { font-weight: bold; } .myAccountSwatches .swatchHide, .myAccountSwatches .swatchTotal { color: #95989A; cursor: pointer; float: left; width: 14%; margin:0; text-align: center; border:1px solid #95989A; } .myAccountSwatches .swatchControlWrap { height: 0; padding-bottom: 100%; position: relative; overflow: hidden; width: 100%; } .myAccountSwatches .swatchControlWrap .swatchControl { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -55%); -ms-transform: translate(-50%, -55%); transform: translate(-50%, -55%); } .myAccountSwatches .swatchControl .number{ font-family: 'Sailec-Regular'; font-size: 60px; display: block; } .myAccountSwatches .swatchControl .text { font-family: 'Sailec-Regular'; font-size: 1.125rem; } .myAccountSwatches .swatchHide .swatchControl i { width: 100%; font-size: 60px; } #wishlistrpt .swatchFavorite { position: absolute; top: 0; right: 5px; } .myFavorites { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .myFavorites .swatch-favorite { float: left; } .myFavorites .swatch-favorite span { display: none; } .myFavorites .swatch-favorite:before { display: none; } .myFavorites label.faveLabelPopup:before { display: none; } .myFavorites.myAccountSwatches label.faveLabelPopup { margin-top: 5px; } .myFavorites .swatch-favorite:after { content: '\f004'; font-family: 'Font Awesome 5 Pro'; font-size: 1rem; background: #f0f0f0; padding: 4px; border-radius: 3px; width: 25px; height: 25px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; border: 1px solid #d2d2d2; font-weight: 900;} .myFavorites.myAccountSwatches .swatch-favorite:after { font-size: 0.9em; padding: 5px; width: 24px; height: 24px; } .myFavorites .loading .swatch-favorite:after { content: ''; background-image: url('/_images/loading.gif'); -webkit-background-size: 15px 15px; background-size: 15px; background-repeat: no-repeat; background-position: 50%; } .myFavorites input:not(:checked) + label .swatch-favorite:after { color: #9e9e9e; } .myFavorites .prodFavorite .swatch-favorite { margin-left: 10px; } .myFavorites .prodFavorite label.faveLabelPopup { margin: 0; } .myFavorites .prodFavorite .swatch-favorite:after { padding: 9px; width: 36px; height: 36px; display: block; cursor: pointer; position: relative; /*top: -5px;*/ } @media only screen and (min-width: 451px) { .myFavorites .prodFavorite.loading .swatch-favorite:after { -webkit-background-size: 20px 20px; background-size: 20px; } } .shareControl { float: right; } .shareControl .shareControlButton { color: #333; font-family: 'Sailec-Regular'; top: 7px; position: relative; } .shareControl .shareControlButton .overlay { display: none; position: fixed; top: 0; right: 0; left: 0; background: rgba(0, 0, 0, .7); bottom: 0; z-index: 99; } .shareControl .shareControlButton .overlay.active { display: block; } .shareControl .shareControlButton .share { cursor:pointer; font-family: Sailec-Medium; font-size: .875rem; } .shareControl .shareControlButton .share:after { /*content: url(/_images/buttons/stacked.png);*/ content: '\f142'; font-family: 'Font Awesome 5 Pro'; font-size: 1rem; margin-left: 7px; position: relative; top: 3px; font-weight: 300;} .shareControl .shareControlButton .sharePanel { width: 175px; position: absolute; top: 30px; right: 0; background: #FFF; border: 1px solid #95989A; padding: 10px 15px; display: none; z-index: 99;} .shareControl .shareControlButton .sharePanel.active { display: block; } .shareControl .shareControlButton .sharePanel.shareMobile { position: fixed; bottom: 0; width: 100%; top: initial; padding: 20px 30px; } .shareControl .shareControlButton .sharePanel .shareOptions { font-family: 'Sailec-Regular'; font-size: .875rem; } .shareControl .shareControlButton .sharePanel .shareOptions a { text-decoration: none; } .shareControl .shareControlButton .sharePanel .shareOptions a .sharePrint:before { content: '\f003'; font-family: 'Font Awesome 5 Pro'; display:inline-block; margin-right: 15px; margin-bottom: 20px; position: relative; font-weight: 300;} .shareControl .shareControlButton .sharePanel .shareOptions .shareCancel { display: none; cursor: pointer; } .shareControl .shareControlButton .sharePanel .shareOptions .shareCancel:before { content: '\f00d'; font-family: 'Font Awesome 5 Pro'; display: inline-block; margin-right: 15px; position: relative; font-weight: 300; } .shareControl .shareControlButton .sharePanel .shareOptions .shareCancel:hover { opacity: .7; } .shareControl .shareControlButton .sharePanel .shareOptions .shareDivide { border-bottom:1px solid #95989A; display: none; margin-bottom: 15px; } .shareControl .shareControlButton .sharePanel .shareOptions .shareEmail:before {content: '\f02f'; font-family: 'Font Awesome 5 Pro'; display:inline-block; margin-right: 15px; margin-bottom: 15px; position: relative; font-weight: 300;} .shareControl .shareControlButton .sharePanel .shareOptions .shareEmail { cursor:pointer; } .shareControl .shareControlButton .sharePanel .shareOptions .shareEmail:hover, .shareControl .shareControlButton .sharePanel .shareOptions a:hover .sharePrint { opacity: .7; } .shareFavorites { display: none; padding: 35px; } .bt-popupContent .shareFavorites { display: block; } .bt-popupContent .shareFavorites input:not(.button), .bt-popupContent .shareFavorites textarea { width: 100%; } .bt-popupContent .shareFavorites .button { background-color: #333333; border-radius: 3px; } .favoritesTitle { display: inline-block; } #taEmailMsg { border-left: 1px solid #8e8e8e; } #productDetailContainer.prodDetail .prodSwatch i { cursor:pointer; color: #fff; font-size: 1.0em; margin:4px; position: absolute; z-index: 1; background: #000; border-radius: 50%; height: .75em; width: .75em; } @media only screen and (max-width: 960px) { .shareControl .shareControlButton .sharePanel .shareOptions .shareCancel, .shareControl .shareControlButton .sharePanel .shareOptions .shareDivide { display: block; } .myAccountSwatches .swatchHide, .myAccountSwatches .swatchTotal { width: 30%; } } @media only screen and (max-width: 478px) { .myAccountSwatches .swatchHide, .myAccountSwatches .swatchTotal { width: 29%; } } @media only screen and (max-width: 450px) { .wishAddToCart { max-width: 90px; float: left; padding: 5px; font-size: 0.7em; } .myFavorites .prodFavorite .swatch-favorite:after { padding: 5px; width: 24px; height: 24px; display: block; cursor: pointer; position: relative; font-size: 0.9em; } .wishDisc { padding-left: 5px; padding-right: 5px; } .wishAddToCart { margin-left: 5px; } } @media only screen and (max-width: 400px) { .myAccountSwatches .swatchControl .number { font-size: 40px; } .myAccountSwatches .swatchControl .text { font-size: 1rem; } } @media only screen and (max-width: 413px) { /*.myFavorites .prodFavorite .swatch-favorite { margin-left:0;margin-top:15px; } .wishAddToCart { float: none !important; }*/ } /* END WISHLIST PAGE STYLES */ /* BEGIN STORE LOCATOR PAGE STYLES */ .storeCell { margin-bottom: 50px; } .headerCell.col12 { border-bottom: #d2d2d2 solid 1px; margin-bottom: 20px; } .headerCell.col12 h3 { font-family: 'Sailec-Medium'; } .fasSearchForm select, .fasSearchForm input[type=text] { height: 50px; font-family: 'Sailec-Medium'; color: #000000; background: #FFF; } .zipWrapper.col4 { margin-right: 0; } input[type=text].fasZip { margin-top: -13px; margin-left: 10px; margin-right: 0; width: 70%; } .orSearchBy { width: 13%; } .fasButton { width: 100%; } .storeCell.col6 { width: 50%; padding-right: 4% !important; } .storeCell.col6:nth-child(2n+1) { margin-right: 0 !important; } .storeCell.col6:nth-child(2n+1):after { content: ""; clear: both; display: table; } .lrpCell.col6 { width: 50%; min-height: 120px; padding-right: 4% !important; } .lrpCell { margin: 0px 0% 30px 0 !important; } .fasName { font-family: 'Sailec-Medium'; text-transform: uppercase; } .fasPhone a { font-family: 'Sailec-Regular'; text-decoration: none; } .fasAddress { max-width: 85%; } .fasAddress span { font-family: 'Sailec-Regular'; } .fasReviews { margin: 20px 0; } .fasStoreHours.accordion, .fasServices.accordion { width: 100%; } .fasStoreHours.accordion { border-top: 1px #d2d2d2 solid; margin: 12px 0 0 0; } .fasStoreHours.accordion .accordionContent, .fasServices.accordion .accordionContent { padding: 15px 30px 0px 30px; } .fasStoreHours.accordion .accordionTrigger, .fasServices.accordion .accordionTrigger { padding: 15px 0; } .fasServices.accordion .accordionTrigger:not(.unstyled):before, .fasStoreHours.accordion .accordionTrigger:not(.unstyled):before { margin: 0 10px 0 5px; } .fasServices.accordion .accordionContent .fasService, .fasStoreHours.accordion .accordionContent .fasHours { font-family: 'Sailec-Regular'; display: inline-block; margin-bottom: 5px; } a.fasMeetDesigners i, a.fastbooking i { font-size: 1.75em; vertical-align: middle; } a.fasMeetDesigners, a.fastbooking { font-family: 'Sailec-Medium'; text-decoration: none; display: inline-block; margin: 12px 0; } .fasDirections { position: absolute; top: 20px; right: 0px; } .fasDirections span, .fasPhoneIcon span { position: absolute; text-indent: -9999px; } .fasDirections i { font-size: 1.5em; margin-right: 0; } .fasPhoneIcon { position: absolute; top: 70px; right: 0px; } .fasPhoneIcon i { font-size: 1.75em; margin-right: 0; } .fasCellWrapper { position: relative; } a.fasWebsite { font-family: 'Sailec-Regular'; display: inline-block; margin: 10px 0px; } a.fasDetails { text-decoration: none; } a.fasDetails.accordionTrigger:not(.unstyled) { margin-top: 0; } h3.bassettHome { display: inline-block; } h3.hgtvHome { width: 216px; display: inline-block; } @media only screen and (max-width: 330px) { h3.bassettHome { font-size: 1.2em; } } /* END STORE LOCATOR PAGE STYLES */ /*BEGIN FILTERED LISTING PAGE STYLES*/ .filter { display: inline-block; width: 100%; } .FilterBox { margin: 20px 0; clear: both; display: inline-block; width: 100%; } .filter .sectionTitle { font-size: .8em; font-weight: normal; color: #333333; padding: 8px 20px 8px 10px; background: #d2d2d2 url(/_global/images/filterArrow.png) bottom right no-repeat; } .filter .selected { font-size: .8em; color: #333333; font-weight: normal; background-color: #f0f0f0; border: 1px solid #d2d2d2; padding: 15px; padding-left: 30px; text-transform: none; text-align: left; } .filter .selected .removeFilter { padding-left: 10px; cursor: pointer; float: right; } .filter .clearAll { text-transform: uppercase; font-weight: bold; color: #333333; font-size: 0.688em; float: right; padding: 0 0 5px 0; } div.clearAll { cursor: pointer; } .sectionTitle ul.sub li label { float: left; display: inline-block; } .filter ul li, .filter ul { width: 100%; line-height: 1.5em; list-style-type: none; padding: 0; list-style: none; font-size: 1em; margin: 0; display: inline-block; } .filter li input { float: left; } ul#filter ul { padding: 0px; } ul#filter li { list-style-type: none; float: left; width: auto; margin: 0 5px; border: 1px solid #d2d2d2; } ul#filter ul.sub li { padding: 5px; text-transform: none; list-style-type: none; clear: both; font-size: 0.688em; color: #333333; font-weight: normal; border: none; background: none; } ul#filter ul.sub { position: absolute; z-index: 9999; display: none; background-color: #f0f0f0; padding: 3px 5px 3px 3px; border: 1px solid #d2d2d2; margin: 8px 0 0 -11px; min-width: 200px; width: 100%; } @media only screen and (min-width: 961px) { ul#filter .sectionTitle:hover > ul, ul#filter .sectionTitle > ul.open { display: block; } } ul#filter li .sectionTitle { position: relative; } .sortBy-listing { padding: 8px 0px; float: right; } .prodSort { float: right; padding: 0px; font-size: 0.750em; cursor: pointer; margin: 0; background: #fff; } .prodSort li { list-style: none; } .prodSort li.prodSortItems { position: relative; } .prodSort a, .prodSort a:visited, .prodSort a:hover { color: #7F7F7F; text-decoration: none; outline: none; } .prodSort li.prodSortItems span.prodSortLabel { display: block; padding: 2px 20px 2px 5px; border: 1px solid #d2d2d2; width: 10%; min-width: 175px; color: #333333; } .prodSort li.prodSortItems ul { background: #FFF; border: 1px solid #d2d2d2; color: #333333; display: none; left: -35px; padding: 0px 0px 0px; position: absolute; top: 19px; width: 175px; z-index: 5; } .prodSort li.prodSortItems ul li { width: 100%; margin: 0; } .prodSort li.prodSortItems ul li a { padding: 5px 5px; width: 140px; display: block; background-image: none; border: none; color: #333333 !important; } .prodSort li.prodSortItems ul li a:hover { background-color: #7e7e81; color: #f0f0f0 !important; width: 100%; } .noscript li.prodSortItems:hover ul { display: block; } footer:not(.footer-content) .col3:nth-child(4) { padding-top: 0px !important; } .seoFooter .col3 { margin: 0 !important; } .seoFooter p { display: inline-block; padding-left: 6px; cursor: pointer; margin-bottom: 20px; } /*END FILTERED LISTING PAGE STYLES*/ /* BEGIN VIEW ORDER RPT PAGE */ .prodWarning .itemRow .col6.details { text-align: center; } .warningButtons { margin-top: 30px; } .warningButtons .buttonBack { float: left; } .warningButtons .buttonCart { float: right; } .viewOrder .pageHeading h1 { margin-top: 10px; } .viewOrder input#cbQty { max-width: 50px; } .viewOrder .pp-na, .viewOrder strong { background-color: #f0f0f0; color: #333; } #viewOrderRpt .buttonBack, .warningButtons .buttonBack { display: inline-block; padding: 15px 25px; border: none; background: #333333; text-transform: uppercase; font-family: arial,sans-serif; font-weight: bold; color: #fff; text-decoration: none; font-size: 0.750em; } #viewOrderRpt .buttonBack:hover, .warningButtons .buttonBack:hover { background: #7e7e81; color: #f0f0f0; } #viewOrderRpt .buttonBack:before, .warningButtons .buttonBack:before { font-family: 'Font Awesome 5 Pro'; content: "\f053" !important; padding-right: 15px; font-weight: 300; } #viewOrderRpt .buttonCart, .warningButtons .buttonCart { display: inline-block; float: right; padding: 15px 25px; text-transform: uppercase; font-family: arial,sans-serif; font-weight: bold; color: #fff; background: #DC2A2A; border: none; font-size: 0.750em; text-decoration: none; } #viewOrderRpt .buttonCart:hover, .warningButtons .buttonCart:hover { background: #7e7e81; cursor: pointer; } #viewOrderRpt .promo-box { background: #f0f0f0; padding: 5px 5px 5px 10px; float: right; margin: 10px 0; text-align: right; width: 100%; } #viewOrderRpt .promo-box label { font-weight: bold; display: inline-block; background-color: #f0f0f0; color: #333; } #viewOrderRpt .promo-box input { display: inline-block; margin: 0; font-size: 0.875em; height: 40px; max-width: 60%; } #viewOrderRpt .promo-box input[type=text] { background-color: #fff; } #viewOrderRpt .promo-box .buttonMedium { margin: 0; max-height: 40px; font-size: 0.750rem; float: right; margin-left: 0; } .promoCode.deletebutton { padding: 5px 5px 5px 7px; } .promo-title { color: #C0392B; margin-bottom: 0px; padding: 10px 0 0px 25px; display: inline-block; min-height: 32px; } .promo-title .deletebutton { background: none; text-decoration: underline !important; border: none; font-size: 0.8em; display: block; margin: 0 auto; color: #333333; float: right; top: -3px; position: relative; } #viewOrderRpt .viewOrder .pageHeading { background: #fff; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 0 10px; margin: 10px 0 0; } #viewOrderRpt .viewOrder .pageHeading h1 { font-size: 1em; font-family: arial,sans-serif; font-weight: bold; } .orderBlock .orderDetail .itemdesc .moreDetailsTitle, .product .moreDetailsTitle { cursor: pointer; background-color: #f0f0f0; } .product .moreDetailsTitle em { background-color: #f0f0f0; color: #333; } .orderBlock .orderDetail .itemdesc .moreDetailsTitle:before, .product .moreDetailsTitle:before { font-family: 'Font Awesome 5 Pro'; content: "\f067"; vertical-align: middle; font-size: .6rem; font-weight: 200; margin-right: 5px; font-weight: 300; } .orderBlock .orderDetail .itemdesc .moreDetailsTitle.active:before, .product .moreDetailsTitle.active:before { font-family: 'Font Awesome 5 Pro'; content: "\f068"; position: relative; top: -2px; margin-right: 9px; font-weight: 300; } .orderBlock .orderDetail .itemdesc .moreDetails, #viewOrderRpt .viewOrder .product .moreDetails { display: none; } .orderBlock .orderDetail .itemdesc .moreDetails.active, #viewOrderRpt .viewOrder .product .moreDetails.active { display: block; padding: 5px 0 0 7px; } #viewOrderRpt .itemTitle { background: #333333; color: #FFF; font-weight: bold; font-size: 0.950rem; padding: 7px 20px; font-style: italic; } #viewOrderRpt .viewOrder .itemRow { background: #f0f0f0; border-bottom: 1px solid #d2d2d2; padding: 10px 0; width: 100%; position: relative; } #viewOrderRpt .viewOrder .itemRow .image { padding: 0 10px; } #viewOrderRpt .viewOrder .itemRow .image img { margin: 0; width: 160px; height: auto; } #viewOrderRpt .viewOrder .itemRow .itemdesc.col8 { margin-right: 0 !important; padding: 0 10px 0 0; } #viewOrderRpt .viewOrder .itemdesc .title { font-weight: bold; text-transform: uppercase; font-size: 0.950em; } #viewOrderRpt .viewOrder .itemdesc .title a { text-decoration: none; } #viewOrderRpt .viewOrder .itemdesc .title.confirmTitle { font-size: .95em; } #viewOrderRpt .viewOrder .itemdesc .crtItmInc { font-size: 0.75em; margin: 3px 0; color: #333; } #viewOrderRpt .viewOrder .product { display: block; font-size: 0.75em; color: #333; background-color: #f0f0f0;} #viewOrderRpt .viewOrder .buttonMedium { font-size: 0.750em; margin: 10px 0 20px; } #viewOrderRpt .viewOrder .col3 { text-align: center; font-size: 0.875em; background-color: #f0f0f0; color: #333; } #viewOrderRpt .viewOrder .checkbox { clear: both; display: block; margin: 0px auto 10px; float: none; } #viewOrderRpt .viewOrder .col-header { font-weight: bold; font-size: 0.857em; margin: 50px 0 10px; } #viewOrderRpt .viewOrder .updatebutton, #viewOrderRpt .updateqtybutton { background: none; text-decoration: underline; border: none; font-size: 0.8em; clear: both; display: block; margin: 0 auto; } #viewOrderRpt .viewOrder .learnbutton { text-decoration: underline; border: none; font-size: 0.8em; clear: both; display: block; margin: 10px auto; } #viewOrderRpt .viewOrder .shadedHeaderNocap { display: none; } #viewOrderRpt .viewOrder .deletebutton { padding: 0px 20px 15px; background: none; text-decoration: underline !important; border: none; font-size: 0.8em; clear: both; display: block; margin: 0 auto; color: #333333; } #viewOrderRpt .viewOrder-summary { background: #fff; display: inline-block; } #viewOrderRpt .viewOrder-summary .accordion, #checkout .reviewOrder .accordion { display: none; } #viewOrderRpt .shippingLabel { display: inline; } #viewOrderRpt .viewOrder-summary .accordionTrigger:focus, #checkout .accordionTrigger:focus { outline: 1px solid #333; outline-offset: 2px; } #viewOrderRpt .viewOrder-summary .col6 { padding: 20px 25px; border-right: 1px solid #d2d2d2; } #viewOrderRpt .viewOrder-summary .Buy-with-Confidence h2 { font-weight: bold; text-transform: uppercase; color: #333333; font-family: arial,sans-serif; } #viewOrderRpt .viewOrder-summary .Buy-with-Confidence p { font-size: 0.875em; } #viewOrderRpt .viewOrder-summary .protectionPlanPricing { padding: 20px 0 0 0; background-color: #fff; } #viewOrderRpt .viewOrder-summary .protectionPlanPricing .col6 { border: none; padding: 0; margin: 0; } #viewOrderRpt .viewOrder-summary .protectionPlanPricing table { width: 100%; } #viewOrderRpt .viewOrder-summary table tr th, #viewOrderRpt .viewOrder-summary table tr td { background-color: #fff; color: #333; } #viewOrderRpt .viewOrder-summary .protectionPlanPricing table tr td, #viewOrderRpt .viewOrder-summary .protectionPlanPricing table tr th { background-color: #fff; color:#333; font-size: 0.875em; padding: 1px 0; vertical-align: bottom; } #viewOrderRpt .viewOrder-summary .protectionPlanPricing p { font-size: 0.875em; padding-top: 15px; padding-bottom: 15px; margin: 0; } #viewOrderRpt .viewOrder-summary .protectionPlanPricing h2, #checkout .reviewOrder .checkout_section .protectionPlanHeader.section_header h2 { font-family: arial,sans-serif; padding-left: 8px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; margin: 0; font-size: 1.125em; color: #333333; font-weight: bold; background-color: #fff;} #checkout .reviewOrder .checkout_section .protectionPlanHeader.section_header h2 {font-size: 1em;} #viewOrderRpt .viewOrder-summary .orderTotal.col6 { border: none; padding: 0px 25px 20px 0; } #viewOrderRpt .viewOrder-summary .orderTotal table tr td { padding: 5px 0; vertical-align: top; } #viewOrderRpt .viewOrder-summary .orderTotal .smaller { font-size: 0.857em; background-color: #fff; } #viewOrderRpt .viewOrder-summary .orderTotal input[type="checkbox"], #viewOrderRpt .viewOrder-summary .orderTotal input[type="radio"] { float: none; } #viewOrderRpt .viewOrder-summary .orderTotal .total-cart { font-weight: bold; font-size: 1.143em; } #viewOrderRpt .viewOrder-confirm { margin-bottom:20px; background: #f0f0f0; border-top: 1px solid #d2d2d2; padding: 20px; width: 100%; display: block; clear: both; font-size: 0.875em; line-height: 1.5em; } #viewOrderRpt .viewOrder-confirm .reviewHeader { font-weight: bold; } #viewOrderRpt h3.lgText, .checkOutGuest h3.lgText { font-style:italic; font-family: 'archer'; font-size: 1.875em; color: #333333; font-weight: normal; } #viewOrderRpt .alert { color: rgb(255,0,0); font-weight: 700; } /* NEW MINI CART */ .shoppingcontainer { /* display:inline-block; float: right; padding-top: 3px !important */ padding-bottom: 5px !important;} .miniCartTrigger { position:relative; display: inline-block; /*padding-bottom:60px;*/ } .utility-menu.shoppingcontainer.open .miniCart { padding: 0; z-index: 100; width: 255px; height: auto; min-height:120px; background: #fff; border: 1px solid #d2d2d2; display: inline-block; position: absolute; right: 3px; top: 26px; -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.1); } .utility-menu.shoppingcontainer.open .miniCart .col3 > a { display: block; height: 100%; } /* BEGIN: MINI CART */ .shoppingcontainer { /* display:inline-block; float: right; padding-top: 10px !important */ } .miniCartTrigger { position:relative; display: inline-block; /*padding-bottom:60px;*/ } .miniCartTrigger ~ .miniCart { z-index: 100; width: 255px; height: auto; min-height:120px; background: #fff; border: 1px solid #d2d2d2; display: none; position: absolute; right: 3px; top: 35px; -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.1); } .miniCartTrigger:not(.js):hover { /* display: inline-block; */z-index: 100; /* padding-bottom: 10px; */} .miniCartTrigger:not(.js):hover ~ .miniCart { z-index: 100; width: 255px; height: auto; min-height:120px; background: #fff; border: 1px solid #d2d2d2; display: inline-block; position: absolute; right: 3px; top: 30px; -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.1); } .miniCartTrigger:not(.js):active ~ .miniCart { display: inline-block; } .shoppingcontainer:not(.js):hover .miniCart, .miniCart:not(.js):hover { display: inline-block; } /* .miniCart .onBlock {width:66px; height:4px; background:#333333; margin-top:-5px; float:right;} */ .miniCart .container{ padding: 1rem 1rem 0 1rem; font-size: 0.75rem; line-height: 0.7rem; } .miniCart .innerWrap { border-bottom:1px solid #e0e0e0; display: inline-block; padding-bottom:20px; padding-top:10px; width:100%;} .miniCart .innerWrap:last-of-type { /*border-bottom:none;*/ } .miniCart .innerWrap .col8 { width: 58.055%; } .miniCart .innerWrap .col3 {margin-right: 6%; margin-top: 2%; display: block;} .miniCart .innerWrap .col1 {margin-right:0; width: 8.5%;} .miniCart .innerWrap .col1 input {width:55px;} .miniCart .title { font-family: 'Sailec-Regular'; /*font-size:.813rem;*/ padding:3px 0; color: #333333; } .miniCart .title a { text-decoration: none; font-weight: bold; line-height: 1.75em; } .miniCart .title a:hover { text-decoration: underline; } .miniCart .moreDetailsTitle:before { font-family: 'Font Awesome 5 Pro'; content: "\f067"; /*vertical-align: middle;*/ font-size: 0.713rem; font-weight: bold; margin-right: 5px; font-weight: 300;} .miniCart .origPrice { text-decoration: line-through; padding-bottom:2px; } .miniCart .nowPrice { padding-bottom:3px; font-family: 'Sailec-Medium'; font-size: .85rem; line-height: .85rem; color: #333333; } .miniCart .qty { padding-bottom:3px; color:#333333; } .miniCart .lineTotal { font-family: 'Sailec-Medium'; } .miniCart .innerWrap .col3 img { border:1px solid #000; max-width:100%; height:auto;} .miniCart .btn--showall { background:#f0f0f0; border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb; height:29px; width:100%; text-align:center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-family: 'Sailec-Medium'; font-size:.813rem; /*text-decoration: none;*/ } /*.miniCart .btn--showall:after { content:'\f078'; font-family: 'Font Awesome 5 Pro'; font-size:.813rem; margin-left:6px; font-weight: 300;}*/ .miniCart .subTotal { padding:20px 0 15px 0; font-family: 'Sailec-Medium'; font-size:1rem; text-align: center; margin:0 auto; color:#333333; } .miniCart .checkout-btn { text-align: center; margin-bottom:25px;} .miniCart .buttonCart { display: inline-block; padding: 10px 30px; /*text-transform: uppercase;*/ font-family: arial, sans-serif; font-weight: bold; color: #fff; background: #333333; border: none; font-size: 0.875em; text-decoration: none; } .miniCart .container .innerWrap .col8 .moreDetailsTitle { cursor: pointer; } .miniCart .container .innerWrap .col8 .moreDetailsTitle:before { font-family: 'Font Awesome 5 Pro'; content: "\f067";/*vertical-align: middle;*/ font-size: .7rem; font-weight: bold; margin-right: 5px; font-weight: 300;} .miniCart .container .innerWrap .col8 .moreDetailsTitle.active:before { font-family: 'Font Awesome 5 Pro'; content: "\f068"; position: relative; top: -2px; margin-right: 9px; font-weight: 300; } .miniCart .container .innerWrap .col8 .moreDetails { display: none; } .miniCart .container .innerWrap .col8 .moreDetails.active { display: block; padding: 5px 0 0 7px; } .miniCart .miniCartRemove { max-width: 100%; } .miniCart .loading { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .7; background-color: #333333; text-align: center; } .miniCart .loading img { vertical-align: middle; margin: 0 auto; display: inline-block; width: 100%; max-width: 50px; } /* END: MINI CART */ /* BEGIN:: CHECKOUT PAGE */ #checkout .section_header { font-family: arial,sans-serif; padding: 10px 15px; border: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; background: #FFF; font-weight: bold; font-size: 1.125em; color: #333333; } #checkout .arrow_box { background: #333333; color: #fff; display: inline-block; padding: 10px 20px; margin-right: 10px; text-transform: uppercase; font-size: 0.778em; } #checkout .checkout_section { background: #f0f0f0; color: #333333; margin-bottom: 20px; } #checkout .section_content { padding: 15px 15px; display: none; width: 100%; font-size: 0.875em; border-bottom: 1px solid #d2d2d2; } #checkout .section_content.active { display: inline-block; position: relative; } #checkout .section_content .title, #checkout .section_content h1.title, #checkout .section_content h2.title { font-weight: 700; margin: 0 0 5px 0; font-size:1em; color:#333; font-family: inherit; } #checkout .section_content .divider { border-bottom: 1px solid #d2d2d2; width: 100%; margin: 20px auto; clear: both; } #checkout .section_content .label, #checkout .section_content label { color: #333333; } #checkout .section_content span.example { color: #333333; } #checkout .edit { position: absolute; top: 30%; right: 0; } #checkout .edit .buttonMedium { text-transform: uppercase; font-weight: bold; margin: 0 15px 0 0; font-size: 1.143em; padding: 15px 50px; } #checkout .reviewOrder { float: right; } #checkout .reviewOrderBottom input#ckTerms { margin-top: -2px; } #checkout .reviewOrderTop .checkout_section .section_content.active form .form-left .title {margin-top: 10px;} #checkout .reviewOrder .section_header { font-family: arial,sans-serif; padding: 10px 20px; border-bottom: 1px solid #d2d2d2; border-top: none; border-left: none; border-right: none; background: #FFF; font-weight: bold; } #checkout .reviewOrder .itemdesc { font-size: 0.875em;} #checkout .reviewOrder .itemdesc .subtitle { color: #333; } #checkout .reviewOrder .itemdesc .orderReviewDetails .itemcell { color: #333; } #checkout .reviewOrder .checkout_section { margin: 0; background: #FFF; } #checkout .reviewOrder .checkout_section:nth-child(2) { margin: 0; background: #f0f0f0; } #checkout .col6 { width: 48%; } #checkout .col6.reviewOrderBottom { float: none; } #checkout .reviewOrderBottom .section_content .checkbox { color: #333; } #checkout img { margin: 0; } #checkout .reviewOrder .section_content .itemTitle { background: #333333; color: #FFF; font-weight: bold; font-size: 0.950rem; padding: 7px 20px; font-style: italic; } #checkout .reviewOrder .section_content .productRow .image { max-width: 165px; } #checkout .reviewOrder .section_content .productRow .image img { width: 160px; height: auto; } #checkout .reviewOrder .section_content .orderReviewDetails .notice { font-weight: normal; font-style: italic; } #checkout .orderReviewDetails { font-weight: bold; margin-top: 10px; } #checkout .itemcell { margin: 0; } #checkout .productRow { display: inline-block; border-bottom: 1px solid #d2d2d2; width: 100%; padding: 15px 0; } #checkout .productRow:first-child { padding: 0 0 15px; } #checkout .productRow:last-child { border-bottom: none; padding: 15px 0 0; } #checkout table.orderTotal { width: 100%; border: none; font-size: 0.95em; padding: 20px 25px 20px 0; } #checkout .orderTotal tr td, #checkout .orderTotal tr th { padding: 5px 0; vertical-align: top; color: #333333; } #checkout .orderTotal .smaller { font-size: 0.857em; color: #333333; } #checkout .orderTotal input[type="checkbox"], #checkout .orderTotal input[type="radio"] { float: none; } #checkout .orderTotal .total-cart { font-weight: bold; font-size: 1.143em; } #checkout .protectionPlanPricing .col6 { border: none; padding: 0; margin: 0; } #checkout .protectionPlanPricing .col6:last-child { font-size: 1.075em; } #checkout .protectionPlanPricing table { width: 100%; } #checkout .protectionPlanPricing table tr td, #checkout .protectionPlanPricing table tr th { font-size: 0.688em; padding: 1px 0; vertical-align: top; } #checkout .protectionPlanPricing p { font-size: 0.875em; padding: 0; margin: 0; } #checkout .protectionPlanPricing h2 { font-family: arial,sans-serif; padding: 0; margin: 0; font-size: 1.125em; color: #333333; font-weight: bold; } #checkout .protection .learnMore input[type=radio] { -webkit-appearance: radio; float: none; margin: 0; } #checkout .shipProtectionTitle { margin-bottom: 10px; } #checkout .learnMore .error label, .wellsCard .checkbox { margin: 10px 0; } #checkout .wellsCard hr { width: 100%; margin: 20px 0; } #checkout .wellsCard p.instructions #cbWFDisclosure + strong { display: inline-block; float: left; width: 89%; margin-left: 6px; margin-top: -3px; } #checkout .wellsCard p.instructions #cbWFDisclosure + strong + br + i { display: inline-block; margin-left: 24px; margin-bottom: 20px; float: left; width: 100%; } #checkout .warningCA { padding: 15px; width: 100%; font-size: 0.875em; } #checkout .error[role='alert'] { margin: 3px 0 5px; } #checkout .error[role='alert'] h4 { font-size: 1.05em; margin: 0; } #checkout .error[role='alert'] ul { /*list-style: none;*/ } #checkout .error[role='alert'] li.label { list-style: none; margin-left: -17px; } #checkout .zipError { list-style: none; margin-bottom: 15px; } /* END:: CHECKOUT PAGE */ /* BEGIN ORDER CONFIRMATION PAGE */ table.confirmTable td.label { padding-right: 20px } /* END ORDER CONFIRMATION PAGE */ /* BEGIN Design Help Styles */ .customLanding .designHelp .col6.colWhite { background-color: #fff; border: 1px solid #d2d2d2; padding: 0; min-height: 100%; float: left; } .customLanding .designHelp .colWhite img { margin: 0; float: right; width: 100%; } .customLanding .designHelp .family { float: left; width: 50%; text-align: center; } .customLanding .designHelp .family p { color: #00b3e3; } .customLanding .designHelp .family h2 { font-family: 'Sailec-Light'; font-size: 1.5em; font-weight: bold; color: #333333; } .customLanding .designHelp .family h1 { font-family: 'Sailec-Light'; font-size: 2.500em; font-weight: bold; margin: 0; margin-bottom: 25px; } .customLanding .designHelp .col6.colHGTVBlue { background-color: #00b3e3; padding: 2%; } .customLanding .designHelp .colHGTVBlue h2 { color: #fff; font-size: 1.5em; margin: 3% 0 0 0; } .customLanding .designHelp .colHGTVBlue h3 { color: #fff; font-size: 2.8em; margin: 0; } .customLanding .designHelp .makeoverButton { width: 45%; max-width: 97%; margin: auto; margin: 3% auto; display: inline-block !important; padding: 30px 3px; } .customLanding .designHelp .col6.colHGTVBlue a.button.makeoverButton.brickwork-button { width: 97%; } .customLanding .designHelp .pageHeading { text-align: center; margin: 0px auto 15px auto; border: none; } .customLanding .designHelp .pageHeading h1 { font-family: 'Sailec-Medium'; font-size: 3.125em; color: #333333; font-weight: bold; margin: 0 0 35px 0; } .customLanding .designHelp .pageHeading .LGText-two { font-family: 'archer'; font-size: 1.875em; color: #333333; margin: 25px 0 0 0; font-weight: normal; } .customLanding .designHelp .expanded-content.seoFooter a.accordionTrigger { text-decoration: none; margin-top: 0px; } .customLanding .designHelp .expanded-content.seoFooter a.accordionTrigger:before { margin-left: 0px; } .customLanding .designHelp .expanded-content.seoFooter #designHelpExtra span { line-height: 1.5em; } .customLanding .designHelp .col6.colHGTVBlue a.button.makeoverButton.dsFirstBtn { margin-right: 1%; } .customLanding .designHelp .col6.colWhite.blurbBox div { width: 96%; margin: 25px auto 15px auto; } .finePrint { width: 100%; font-family: locator; font-size: .8em; } /* END Design Help Styles */ /* BEGIN HGTV Smart Home Landing Page */ /*.smartHomeLanding .logoWrapper{text-align:center}.smartHomeLanding .smartHomeLogo a{text-decoration:none}.smartHomeLanding .smartHomeLandingBanner{background:#8fd4df;padding:25px 15px;text-align:center;font-family:'Sailec-Medium'}.smartHomeLanding .smartHomeLandingBanner p{color:#fff;font-size:1.75em;letter-spacing:1px;margin:0}.smartHomeLanding .smartHomeLandingBanner .allCaps{text-transform:uppercase;font-size:2.5em;color:#fff;letter-spacing:2px}.smartHomeLanding .smartHomeLandingBanner .filled{display:inline;border-bottom:1px solid #fff}.smartHomeLanding .featuredHeroImg img{width:100%;margin:0;display:block}.smartHomeLanding .featuredHeroImg .heroImageWrapper .caption{position:absolute;left:3%;bottom:5%;width:20%;min-width:300px;line-height:1.2em;font-size:1.5em;color:#fff;font-family:'Sailec-Regular';text-shadow:2px 2px 2px #333333;letter-spacing:2px}.smartHomeLanding .featuredHeroImg .tagline{display:block;background:#fff;border:1px #d2d2d2 solid;text-align:center;padding:15px 20px;box-sizing:border-box}.smartHomeLanding .featuredHeroImg .tagline p{font-size:1.5em;font-family:'archermedium';color:#333333;margin:0;line-height:1.3em;font-weight:700}.smartHomeLanding .featuredHeroImg span.prize{color:#8fd4df;text-transform:uppercase;display:block}.smartHomeLanding .sh.resultsTitle h3{letter-spacing:1px;font-size:1.5em}.smartHomeLanding .flexslider{background:none;border:none;max-width:1900px;margin:20px auto!important;clear:both}.smartHomeLanding .flexslider .listBox{margin:0 8px 0 1px}.smartHomeLanding .smartHomeCTAButtons{font-size:1.75em}.smartHomeLanding .smartHomeCTAButtons .shEnter{font-family:'Sailec-Medium';text-align:center;width:49.5%;margin-right:.5%;padding:25px 0px;float:left;display:inline-block;background:#66676a;color:#fff;text-transform:uppercase;text-decoration:none}.smartHomeLanding .smartHomeCTAButtons .shTour{font-family:'Sailec-Medium';text-align:center;width:100%;padding:25px 0px;float:left;display:inline-block;background:#8fd4df;color:#fff;text-transform:uppercase;text-decoration:none}.smartHomeLanding .smartHomeCTAButtons a:hover{background:#7e7e81}.smartHomeVideo .col6:first-child{margin-right:10px!important}.smartHomeVideo .videoLeft img{width:100%}.smartHomeVideo .videoBlurb{position:relative;background:#8fd4df}.smartHomeVideo .videoBlurb:after{content:" ";position:absolute;left:0;width:0;height:0;border-top:69px solid #8fd4df;border-right:46px solid transparent}.smartHomeVideo .videoBlurb p{margin:0!important;display:block;float:left;width:75%;font-family:'Sailec-Medium';color:#66676a;text-transform:uppercase;font-size:1.25em;line-height:1.25em;letter-spacing:1px;padding:30px 0px 15px 70px}.smartHomeVideo .videoBlurb .shPlayBtn{width:25%;float:left;text-align:right;padding:20px}.smartHomeVideo .videoBlurb .shPlayBtn img{margin:0;width:90%}.smartHomeVideo .videoQuote{background:#f0f0f0;width:90%;margin:0 auto;padding:20px 40px;text-align:right}.smartHomeVideo .videoQuote p{margin:0!important;font-family:'archerbold';color:#66676a;font-size:1.2em;font-style:italic}.smartHomeVideo .shVideoQuoteLink{text-decoration:none}.smartHomeWinners{padding:15px 0 15px 0;display:inline-block}.smartHomeWinners .winnersText{margin:45px 0}.smartHomeWinners .winnersText p{font-family:Sailec-Regular;font-size:2.0em;line-height:inherit;margin:0 30px 30px 35px}.smartHomeWinners .winnersText a{font-family:'Sailec-Medium';text-decoration:none;border-bottom:1px solid #333333}*/ /* New Smart Home Styles */ .smartHomeLanding .featuredHeroImg .heroImageWrapper { position: relative; width: 100%; } .smartHomeLanding .featuredHeroImg { margin-top: 0; } .smartHomeLanding .shContent { margin-top: 50px; } .smartHomeLanding .smarthome-cta { text-align: center; margin-bottom: 55px; } .smartHomeLanding .smarthome-cta .cta-enter { font-family: 'Sailec-Medium'; font-size: 1.5rem; text-transform: uppercase; } .smartHomeLanding .smarthome-cta .cta-enter .symbol { font-size: 1.125rem; vertical-align: top; } .smartHomeLanding .smarthome-cta p { font-size: 1.2rem; } .smartHomeLanding .smarthome-cta .button { font-family: 'Sailec-Regular'; font-size:1.125rem; padding: 7px 0; width: 190px; text-align: center; border: none; border-radius: 2px; } .smartHomeLanding .smarthome-cta .button.enterNow { background: #3e7782; color: #FFFFFF; } .smartHomeLanding .smarthome-cta .button.enterNow.orange { background: #FFA318; color: #FFFFFF; } .smartHomeLanding .smarthome-cta .button.homeTour { background: #f0f0f0; color: #333; margin-right:14px; } .smartHomeLanding .smartHomeLocation { display: inline-block; margin-bottom: 25px; } .smartHomeLanding .smartHomeLocation .col8 { margin-right: 0 !important; } .smartHomeLanding .smartHomeLocation h2 { font-size: 2.5rem; color:#333333;} .smartHomeLanding .smartHomeLocation p { font-family: 'Sailec-Regular'; font-size: 1.25rem; } .smartHomeLanding .smartHomeLocation .smarthome-cta { text-align: left; } .smartHomeLanding .smartHomeLocation .smarthome-cta .button { margin-top: 15px; } .smartHomeLanding hr { margin: 25px 0 50px; width: 100%; border-color: #dddddd; } .smartHomeLanding .smarthome-cta .button:not(.noArrow):after { display: none; } .smartHomeLanding img { margin-right: 0 !important; } .smartHomeLanding img.desktop-only { display: block; } .smartHomeLanding img.tablet-only, .smartHomeLanding img.mobile-only { display: none; } .smartHomeLanding .heroImageWrapper img { width:100%; } /* .smartHomeLanding .col4 { margin-right: 3%; } */ .smartHomeLanding .col1 { width: 9%; float: left; margin-right: 3%; } .smartHomeLanding .col1 img { width: 100px; } .smartHomeLanding .col11 { width: 88%; float: left; font-size: .775rem; } .smartHomeLanding .winner { display: inline-block; margin-bottom: 45px; } .smartHomeLanding .winner a { font-family: 'Sailec-Medium'; font-size: 1rem; color: #FFF; background-color: #c7512d; padding: 7px 20px; text-decoration: none;} .smartHomeLanding .winner h2 {font-family:'Sailec-Medium';font-size:1.875rem;margin-top:0;line-height:1.5rem;margin-bottom:2px} .smartHomeLanding .winner p { font-size: 1.5rem; font-family: 'Sailec-Light'; } .smartHomeLanding .winner p span { font-size: 1.125rem; } .smartHomeLanding .winner .col5 { margin-right: 3%; } .smartHomeLanding .winner .col7 { margin-right: 0; width: 57%; } .masonry { margin: 1.5em 0; padding: 0; -webkit-column-gap: 1.25em; -moz-column-gap: 1.25em; column-gap: 1.25em; font-size: .85em; } .item { display: block; padding: 0; margin: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .item .videoContainer { padding-bottom: 65%; margin-bottom: 10px; } .item.smartGallery img:hover { cursor: pointer; } .ctaSmartHome, .ctaSale { text-align: center; border-bottom: 1px solid #d2d2d2; padding-bottom: 20px; } .ctaSmartHome p, .ctaSale p { color: #333; font-family: 'Sailec-Regular'; font-size: 1.3rem; margin-bottom: 5px !important; } .ctaSmartHome p span, .ctaSale p span { font-family: 'Sailec-Medium'; display:block; } .ctaSmartHome a.button { background: #333; color: #FFF; border: none; border-radius:5px; font-family: 'Sailec-Medium'; padding: 8px 28px; } .ctaSmartHome a.button:not(.noArrow):after, .ctaSale a.button:not(.noArrow):after { display: none; } .ctaSale p { color: #333333; } .ctaSale a.button { background: #333333; color: #FFF; border: none; font-family: 'Sailec-Regular'; padding: 8px 28px; font-size: .85em; } .smartHomeEnterToWin { display: table; width: 734px; height: 380px; overflow:hidden; } .smartHomeEnterToWin .smartHomeImage {width:273px; height:auto; float:left; display:block;margin-bottom:-4px;} .smartHomeEnterToWin .smartHomeContent { display: table-cell;vertical-align: middle;margin: 0 auto;text-align: center; padding: 0px 58px;} .smartHomeEnterToWin .smartHomeContent p { margin-top:20px; margin-bottom:20px; font-family:'Sailec-Regular'; font-size:1rem; text-align:center; } .smartHomeEnterToWin .button.enterNow.orange { margin:0 auto; background: #EF4329; color: #FFFFFF; } .smartHomeEnterToWin .button { font-family: 'Sailec-Regular'; font-size:1.250rem; width: 300px; height:47px; text-align: center; border: none; border-radius: 2px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .smartHomeEnterToWin .button:not(.noArrow):after, .buttonDark:not(.noArrow):after { display:none;} @media only screen and (max-width:960px) { .masonry .item img { width: 100%; } .smartHomeLanding .featuredHeroImg .heroImageWrapper { top: -15px; } .smartHomeLanding .smartHomeLocation .col4, .smartHomeLanding .smartHomeLocation .col8 { width: 100%; } .smartHomeLanding img.tablet-only { display: block; } .smartHomeLanding img.desktop-only, .smartHomeLanding img.mobile-only { display: none; } } @media screen and (max-width:860px) { .smartHomeEnterToWin .smartHomeContent { padding: 0 60px; width: 58%; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; height: 380px; position:absolute; right:20px;} } @media only screen and (max-width:720px) { .smartHomeEnterToWin { width: 290px; display: flex; height: 290px; margin:15px; } .smartHomeEnterToWin .smartHomeImage { display: none; } .smartHomeEnterToWin .button { width:initial; } .smartHomeLanding .smarthome-cta .button.homeTour {margin-right:0;} .smartHomeLanding .col1 { text-align: center; } .smartHomeLanding .col1 img { width: 120px; } .smartHomeLanding .col1, .smartHomeLanding .col11 { width: 100%; margin-right: 0; } .smartHomeLanding .winner .col5 { margin-right: 0; } .smartHomeLanding .winner .col7 { width: 100%; } .smartHomeEnterToWin .smartHomeContent { width:98%; padding:0 6%; height:auto; float:none; right:0; position:relative; } .smartHomeEnterToWin .button.enterNow.orange { font-size:1.20rem; } } @media only screen and (max-width:580px) { .smartHomeLanding .smartHomeLocation h2 { font-size: 1.5rem; } .smartHomeLanding .smartHomeLocation p { font-size: .875rem; } .smartHomeLanding img.mobile-only { display: block; } .smartHomeLanding img.tablet-only, .smartHomeLanding img.desktop-only { display: none; } .smartHomeLanding .smarthome-cta p span { display: none; } } @media only screen and (max-width:431px) { .button.enterNow { margin-top: 12px; } .smartHomeLanding .winner h2 { font-size: 1.5rem; } .smartHomeLanding .winner p { font-size: 1.25rem; } .smartHomeLanding .winner p span { line-height: .875rem; font-size: 1rem; } } /* END HGTV Smart Home Landing Page */ /* BEGIN Great Room */ .greatRoomPop { position: relative; overflow: visible; background: #fff; font-family: Sailec-Regular; margin-top: 80px; padding-top: 90px; font-size: 1.265em; } .greatRoomPop p { text-align: center; width: 100%; margin: 0 auto; max-width: 66%; display: block; padding: 0px 0 30px 0; line-height: 1.1em; color: #e67d34; } .greatRoomPop a.button { background: #ab3e46; color: #f0f0f0; width: 100%; text-align: center; border-left: none; border-bottom: none; border-right: none; font-size: .85em; } .greatRoomPop .greatRoomPopImg { position: absolute; top: -80px; } .greatRoomPop .greatRoomPopImg + p { padding: 0px 0 10px 0; font-size: 1.85em; max-width: 80%; line-height: 1em; color: #ab3e46; } .greatRoomLanding .sweepWrap { max-width: 1180px; width: 100%; margin: 0 auto; z-index: 2; } .greatRoomLanding .halfButtons { margin-top: 10px; } .greatRoomLanding .halfButtons:after { content: ""; display: block; clear: both; } .greatRoomLanding .halfButtons .enterBtn { width: 49.5%; float: left; margin-right: 1%; border: 1px solid #e67d34; padding: 20px; text-align: center; } .greatRoomLanding .halfButtons .enterBtn:last-child { margin-right: 0; } .greatRoomLanding .halfButtons .enterBtn .headingOne { display: block; font-family: 'Sailec-Medium'; font-size: 2.5vw; color: #992d35; } .greatRoomLanding .halfButtons .enterBtn .headingTwo { display: block; font-family: 'Sailec-Medium'; font-size: 1em; color: #e67d34; } .greatRoomLanding .halfButtons .enterBtn .headingThree { display: block; font-family: 'Sailec-Medium'; font-size: .85em; color: #e67d34; } .greatRoomLanding .sweepsCTABar { font-size: 1.5rem; color: #ffffff; text-align: center; width: 100%; padding: 20px; background: #333333; margin-top: 10px; } .greatRoomLanding.thanks .sweepsCTABar { margin-top: 0px; } .greatRoomLanding .sweepsCTABar.light { font-family: 'Sailec-Regular'; margin-top: 0; margin-bottom: 20px; background: #ab3e46; font-size: 1.25rem; } .greatRoomLanding .sweepsCTABar span { display: block; font-family:'Sailec-Regular'; font-size:1.2rem; font-weight:normal; } .greatRoomLanding .sweepsCTABar h1 strong { text-transform: uppercase; } .greatRoomLanding .sweepsCTABar span.headingOne { font-size: 1.0rem; } .greatRoomLanding .sweepsCTABar h1.headingOne { font-size:1.0rem; text-transform: initial; color:#FFF; text-align: center; width: 100%; padding: 0px; background: #333333; margin-top: 10px; font-family:Arial; } @media only screen and (min-width:720px) { .greatRoomLanding .sweepsCTABar h1.headingOne { font-size: 1.0rem; font-family: 'Sailec-Regular'; margin:0; letter-spacing:.02em; } } .greatRoomLanding .sweepsCTABar.light span.headingOne { font-size: 1.5rem; } .greatRoomLanding .sweepsCTABar.white { background: none; color: #333333; } .greatRoomLanding .sweepsCTABar.white span.headingOne { font-family: 'archermedium'; font-size: 2.5rem; font-weight: bold; } .greatRoomLanding .sweepsForm { padding: 10px 5%; } .greatRoomLanding .sweepsForm h3, .greatRoomLanding .sweepsForm p strong { font-family: sans-serif; font-weight: bold; color: #333333; } .greatRoomLanding .socialShare { text-align: center; margin-bottom: 30px; } .greatRoomLanding .socialShare .fb-share-button > span > iframe { margin-top: -4px; } .greatRoomLanding .shContent { margin: 20px 15px; } .greatRoomLanding .shContent p { font-family: 'Sailec-Regular'; font-size: .85rem; line-height: .9rem; } .greatRoomLanding .formBlock.main { width: 70%; margin: 0 auto; padding: 20px; background: #ffffff; border: 1px solid #d2d2d2; } .greatRoomLanding .formBlock .reqMessage { color: #333333; text-align: center; display: block; font-family: 'Sailec-Medium'; margin-bottom: 20px; } .greatRoomLanding .formBlock.main button { background: #333333; font-family: 'Sailec-Regular'; font-size: 1.5em; padding: 5px 20px; margin: 0 auto; display: block; } .greatRoomLanding .secondChance h3 {border-bottom: #d2d2d2 1px solid; margin-bottom:40px;} .greatRoomLanding .secondChance .scVisualNav { display: flex; flex-flow:row nowrap; justify-content: space-around; align-items:baseline; padding-bottom: 50px; } .greatRoomLanding .secondChance .scVisualNav a { text-decoration: none; font-family: 'Sailec-Medium'; } .greatRoomLanding .secondChance .scVisualNav a span { display: block; text-align: center; } .greatRoomLanding .secondChance .scVisualNav a img { margin-right:0; } @media only screen and (max-width:960px) { .greatRoomLanding .secondChance .scVisualNav { display: block; } .greatRoomLanding .secondChance .scVisualNav a { display: inline-block; width: 24%; margin-bottom: 50px; } .greatRoomLanding .secondChance .scVisualNav a img { margin: 0 auto 10px; display: block; } } @media only screen and (max-width:720px) { .greatRoomLanding .secondChance .scVisualNav a { display: inline-block; width: 49%; } } /* END Great Room */ /* BEGIN New Movers Styles */ .movers .col12.disclaimer { float: left; margin-top: 2%; } .movers .col12.disclaimer p { font-size: .54em; } .movers .col12 .moveBanner img { width: 100%; } .movers .col6 { margin: 2% 0; padding: 0; margin-right: 0 !important; width: 50%; } .movers .col6 img { margin: 0; } .movers .col6 h1 { font-size: 1.3em; padding: 0 4%; margin: 0; } .movers .col6 p { text-align: justify; padding: 0 0 0 4%; } .movers .col6 .studioLogo { margin: 1% 26%; } .movers .col4 { text-align: right; } .movers .col2.hgtvLogos { margin-top: -2%; margin-left: 7%; } /* END New Movers Styles */ /* BEGIN Customer Survey Styles */ .dynamicFormSurveyQuestion { display: none; } .thankyou { font-family: 'Sailec-Regular'; font-size: 1.7rem; } .surveyWrap { padding: 0 3%; margin-bottom: 50px; } .surveyWrap > * { color: #7e7e81; font-family: 'Sailec-Regular';} /* END Customer Survey Styles */ /* BEGIN COMMUNITY INVOLVEMENT */ section.videoList { height: 270px; } section.videoList { clear: left; } section.videoList article { padding: 5px; } section.videoList a.showReview { padding: 15px 5px 5px 5px; font-size: .7em; text-align: right; } section.videoList h3 { font-size: .9em; font-weight: bold; } section.videoList p { font-size: .7em; } .community-involvement .visual-nav ul {display: none;} .community-involvement .flex-control-paging li button:focus, .community-involvement .focusable-graphical-link:focus { outline: 2px solid #333333; outline-offset: 2px;} .community-involvement a { display: inline-block;} .community-involvement .videoContainer { overflow: visible; padding-bottom: 59%;} .community-involvement .learnMore { height: 50px; width: 210px; background-color: #fff; border: 2px solid #333; font-weight: bold; border-radius: 30px;} /* END COMMUNITY INVOLVEMENT */ /* BEGIN ORDER FABRIC SWATCHES */ .limit-reached { display: inline-block; width: 100%; margin-bottom: 30px; } .limit-reached .limit span { display: none; } .limit-reached .limit:after { content: '\f06a'; font-family: 'Font Awesome 5 Pro'; font-size: 6rem; float: left; margin-right: 3%; font-weight: 300; } .limit-reached p { float: left; font-family: 'Sailec-Regular'; } .subtext { font-family: 'Sailec-Regular'; display: block; margin-bottom: 15px; } .swatches-selected, .swatchOrderForm { display: inline-block; width: 100%; } .swatches-selected .selection { display: inline-block; width: 100%; } .swatches-selected .subtitle, .limit-reached .subtitle { color: #333333; font-family: 'Sailec-Medium'; font-size: 1.5rem; float: left; margin: 0 3% 15px 0; } .swatches-selected .selection .selection-change { float: left; font-family: 'Sailec-Regular'; cursor: pointer; text-decoration: underline; font-size: .875rem; position: relative; bottom: -7px; margin-bottom: 15px; } .swatchListingCell { width: 15%; margin: 0 2% 25px 0; float: left; } .swatches-selected .swatchListingCell:nth-child(6n) { margin-right: 0; } .swatchListingCell.max-selected { border: 2px solid #d2d2d2; position: relative; display: block; height: 100%; max-height: 131.41px; } .swatchListingCell.max-selected div { display: block; padding: 34% 0; text-align: center; font-size: 1rem; font-family: 'Sailec-Regular';} .swatchListingCell .swatchColor { font-family: 'Sailec-Regular'; } .swatchListingCell img { margin-bottom: 5px; } .ten-of-ten { font-size: 1.5rem; } .swatchOrderForm { margin-bottom: 0; } .swatchOrderForm input.buttonMedium { margin: 0; padding: 11px 20px; border: none; background: #333333; color: #FFF; border-radius: 3px; font-family: 'Sailec-Medium'; font-size: .875rem; } .swatchOrderForm input.buttonMedium:after { display: none; } .swatchOrderForm label { font-family:'Sailec-Medium'; font-size: .875rem; position: relative; top: 12px; } .swatchOrderForm label, .swatchOrderForm select { float: left; margin: 0 20px 0 0; } #orderHistoryForm select, .swatchOrderForm select { cursor: pointer; background: #f0f0f0; border: none; font-family: 'Sailec-Regular'; font-size: .875rem; max-width: 335px; width: 100%; } #orderHistoryForm select { width: auto; } .swatchShipForm { display: inline-block; width: 100%; margin-bottom: 30px; } .addAddress { float: left; width: 100%; margin-bottom: 20px; } .addAddress p { font-family: 'Sailec-Medium'; font-size: .875rem; } .swatchOrderForm .addAddress label, .swatchOrderForm .addAddress select{ float: none; } .swatchlist-heading { float: left; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; } .swatchlist-heading .list-title { float: left; font-family: 'Sailec-Regular'; } .swatchlist-heading .swatch-remove, .swatchlist-heading .swatch-deselect { float: right; font-family: 'Sailec-Regular'; cursor: pointer; text-decoration: underline; font-size: .875rem; margin: 0 10px; } .swatchlist-item { width: 100%; padding: 10px 0 10px; float: left; border-bottom: 1px solid #d2d2d2; } .swatchlist-item:last-child { margin-bottom: 30px; } .swatchlist-item .swatchListingCell { width: auto; margin-bottom: 0; } .swatchlist-item .swatchListingCell .swatchPop { max-width: 55px; margin-right: 0; } .swatchlist-item .swatchListingCell .swatchPop a { display: block; position: relative; } .swatchlist-item .swatchListingCell .swatchPop a:after { display: none; content:'\f05a'; font-family: 'Font Awesome 5 Pro'; position: absolute; color: #FFF; top: 15px; left: 16px; font-size: 1.5rem; font-weight: 300; } .swatchlist-item .swatchListingCell .swatchPop img { margin: 0; } .swatchlist-item .swatch-details { float: left; width: 65%; } .swatchlist-item .swatch-controls { float: right; width: 16%; } .swatchlist-item .swatch-family-color, .swatchlist-item .swatch-fabric, .swatchlist-item .swatch-material { float: left; width: 30%; font-family: 'Sailec-Regular'; font-size: .875rem; padding: 20px 0; margin-right: 1%; } .swatchlist-item .swatch-family-color { width: 34%; } .swatchlist-item .swatch-trash { text-align: center; width: 35px; padding: 12px 0 0; float: left; } .swatchlist-item .swatch-trash .trashcan span { display: none; } .swatchlist-item .swatch-trash .trashcan:after { content: '\f1f8'; font-family: 'Font Awesome 5 Pro'; font-size: 1.45rem; background: #f0f0f0; padding: 6px; border-radius: 5px; width: 35px; height: 35px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; margin: 0 auto; border: 1px solid #d2d2d2; font-weight: 300; } .swatchlist-item .swatch-order { width: 35px; margin-right: 0; float: right; font-family: 'Sailec-Regular'; font-size: .875rem; padding: 0px;} .swatchlist-item .swatch-order span { float: left; margin-right: 10px; } .swatchlist-item .swatch-order span.orderLabel { display: none; } .swatchlist-item .swatch-order span.errMessage { color: rgb(192, 57, 43); position: absolute; right: 0; z-index: 1; } .swatchlist-item .swatch-order input { display: none; } .swatchlist-item .swatch-order input + label { color: #FFF; } .swatchlist-item .swatch-order input + label { color: #333333; margin-right: 0; } .swatchlist-item .swatch-order input:disabled + label { color: #d2d2d2; cursor: default; position: relative; } .swatchlist-item .swatch-order input:disabled + label.order-checkbox:after { cursor: default; } .swatchlist-item .swatch-order input + label.order-checkbox:after { content: '\f00c'; color: #FFF; font-family: 'Font Awesome 5 Pro'; font-size: 1.45rem; background: #f0f0f0; padding: 5px; border-radius: 5px; width: 35px; height: 35px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; float: right; position: relative; top: initial; border: 1px solid #d2d2d2; font-weight: 300; } .swatchlist-item .swatch-order input + label.err:after { display: none; } .swatchlist-item .swatch-order input:checked + label.order-checkbox:after { color: #333333; } .swatchlist-item .swatch-order label { float: right; } .swatches-selected .fabRow { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .moreFabricsLink { width: 315px; height: 40px; background-color: #F0F0F0; border: 1px solid #D2D2D2; border-radius: 3px; font-family: Sailec-Regular; color: #333333; text-align: center; font-size: 13px; padding: 13px; margin: 0 auto 30px; cursor: pointer; display: block; text-decoration: none !important; max-width: 100%; } .inlineBlock { display: inline-block; } .center { text-align: center; } .center .moreFabricsLink { margin: 10px 10px; } @media only screen and (max-width: 960px) { .subtext { font-family: 'Sailec-Regular'; } .swatchListingCell { width: 21%; } .swatches-selected .swatchListingCell:nth-child(6n) { margin-right: 2%; } .swatches-selected .swatchListingCell:nth-child(4n) { margin-right: 0; } .swatchlist-heading .list-title { width: 100%; display: block; margin-bottom: 15px; } .swatchlist-heading .swatch-remove { float: left; } .swatchOrderForm label { top: initial; float: none; margin-bottom: 5px; } .swatchOrderForm select { width: 100%; max-width: 100%; margin-bottom: 15px; } .swatchlist-heading .swatch-remove, .swatchlist-heading .swatch-deselect { margin: 0; } .swatchlist-item .swatch-family-color, .swatchlist-item .swatch-fabric, .swatchlist-item .swatch-material, .swatchlist-item .swatch-trash, .swatchlist-item .swatch-order { width: 67%; float: left; margin-right: 0; padding: 0;} .swatchlist-item .swatch-order input + label span { display: none; } .swatchlist-item .swatchListingCell { width: 47px; margin-right: 4%; } .swatchlist-item .swatch-order { float: right; text-align:right; margin: 0; width: 25px; } .swatchlist-item .swatch-trash { float:left; text-align: left; width: 35px; } .swatchlist-item .swatch-trash .trashcan:after { margin: 0; } .swatchlist-item .swatchListingCell .swatchPop a:after { top: 12px; left: 13px; } .swatchlist-item .swatch-trash .trashcan:after { padding: 6px 8px; } .swatchlist-item .swatch-details { width: 60%; } .swatchlist-item .swatch-controls { width: 25%; } .limit-reached .limit { width: 55px; float: left; margin-right: 3%; } .limit-reached .subtitle { width: 77%; margin-right: 0; font-size: 1.25rem; margin-top: 10px; } .limit-reached .limit:after { font-size: 4rem; } } @media only screen and (min-width: 721px) and (max-width: 880px) { /*.swatchListingCell { width: 32%; } .swatches-selected .swatchListingCell:nth-child(3n) { margin-right: 0; } .swatches-selected .swatchListingCell:nth-child(4n) { margin-right: 2%; }*/ } @media only screen and (max-width: 720px) { .subtext { font-family: 'Sailec-Regular'; font-size: .875rem; } .swatchListingCell { width: 23%; } .swatchlist-item .swatch-trash, .swatchlist-item .swatch-order { margin-top: 10px 0; } .swatchlist-item .swatch-details { width: 54%; } .swatchlist-item .swatch-family-color, .swatchlist-item .swatch-fabric, .swatchlist-item .swatch-material { font-size: .775rem !important; width: 100%; } .swatchlist-item .swatchListingCell { margin-right: 2%; } } @media only screen and (max-width: 580px) { /*.swatchListingCell { width: 32%; } .swatches-selected .swatchListingCell:nth-child(3n) { margin-right: 0; } .swatches-selected .swatchListingCell:nth-child(4n) { margin-right: 2%; }*/ } @media only screen and (max-width: 400px) { .swatchlist-item .swatch-order input + label.order-checkbox:after { width: 25px; height: 25px; font-size: 1.35rem; padding: 2px; } .swatchlist-item .swatch-trash .trashcan:after { width: 25px; height: 25px; font-size: 1.25rem; padding: 2px 5px; } .swatchlist-item .swatch-controls { width: 65px; } } /* END ORDER FABRIC SWATCHES */ /* BEGIN ORDER HISTORY */ .orderBlock { display: inline-block; width: 100%; margin-bottom: 50px; } .orderBlock .orderHead { width: 100%; float: left; background: #F0F0F0; padding: 20px; } .detailTrigger { cursor: pointer; } .detailTrigger .arrow:after { content: '\f078'; font-family: 'Font Awesome 5 Pro'; margin-right: 15px; float: right; position: relative; top: 10px; font-weight: 300; } .detailShow { display: none; position: absolute; padding: 10px; background: #FFF; margin-top: 7px; border: 1px solid #d2d2d2; left: -10px; } .detailShow.active { display: block; } .orderBlock .orderHead .detailBlock { float: left; width: 23%; position: relative; } .orderBlock .orderHead .detailBlock.last { width: 30%; float: right; text-align: right; } .orderBlock .orderHead .detailBlock .detailTitle { font-family: 'Sailec-Regular'; font-size: .75rem; color: #7e7e81; } .orderBlock .orderHead .detailBlock span { font-family: 'Sailec-Regular'; color: #333333; } .orderBlock .orderHead .detailBlock .orderControls { text-align: right; } .orderBlock .orderHead .detailBlock .orderControls a { font-family: 'Sailec-Regular'; font-size: .875rem; } .orderDetail { display: inline-block; width: 100%; border: 1px solid #d2d2d2; font-size: .875rem; line-height: 1.25rem; font-family: 'Sailec-Regular'; background-color: #fff; } .orderDetail .product-row { float: left; padding: 3%; border-bottom: 1px solid #d2d2d2; } .orderDetail .swatches-selected { padding: 3%; } .orderDetail .product-row:last-child { border-bottom: none; } .orderDetail .product-row .image.col3 { margin-right: 4%; } .orderDetail .product-row .image img { border: 1px solid #d2d2d2; max-width: 175px; width: 100%; margin:0;} .orderDetail .product-row .price, .orderDetail .product-row .title { font-family: 'Sailec-Medium'; } .orderDetail .product-row .sub-title { text-transform: capitalize; } .itemdesc.col9 { width: 70.25%; } @media screen and (max-width: 960px){ .orderBlock .orderHead .detailBlock { width: 100%; margin-bottom: 10px;} .orderBlock .orderHead .detailBlock.last { float: left; text-align: left; width: 100%; } .orderBlock .orderHead .detailBlock .detailTitle { text-align: left; } .mainContent .product-row .image.col3 { width: 24.25%; } } @media screen and (max-width: 720px){ .itemdesc.col9, .mainContent .product-row .image.col3 { width: 100%; margin-right: 0; } } /* END ORDER HISTORY */ /* START MY ACCOUNT LOGIN */ .loginWrap { background: #F0F0F0; display: block; height: 100vh; width: 100%; } .loginWrap .loginHeader { background: #FFF; float: left; width: 100%; padding: 30px 0; text-align: center; } .loginWrap .loginHeader img { width: 150px; } .loginWrap .loginHeader.tttlogo img { width: 312px; } .loginWrap .loginContent { text-align: center; float: left; width: 100%; padding: 50px 3% 0; } .loginWrap .loginContent h1 { font-family: 'archer'; font-style: italic; font-size: 1.625rem; margin: 0; } .loginWrap .loginContent h2 { font-family: 'Sailec-Medium'; font-size: 2.25rem; color: #333333; margin: 0; } .loginWrap .loginContent h3 { font-family: 'Sailec-Medium'; font-size: 1.5rem; color: #333333; margin: 0 0 20px; } .loginWrap .loginContent a { color: #7e7e81; font-family: 'Sailec-Regular'; text-decoration: none; } .loginWrap .loginContent a:hover { text-decoration: underline; } .loginWrap .loginContent p { font-family: 'Sailec-Regular'; font-size: 1rem; } .loginWrap form { width: 100%; max-width: 350px; display: block; margin: 20px auto 0; } .loginWrap form input { width: 100%; } .loginWrap form input.error, .shareFavorites form input.error, form.jsValidate input.error, form.jsValidate select.error, form.jsValidate textarea.error { border: 1px solid #FF0000; position: relative; background: url('../../_images/error.png') #FFF center right no-repeat; } .loginWrap form .buttonMedium { padding: 10px 20px; height: 40px; margin: 5px 0px 9px 0px; border-radius: 3px; font-family: 'Sailec-Regular'; background:#dc2a2a; } .loginWrap form .buttonMedium:hover { background: rgba(220, 42, 42, .8); } .loginWrap .buttonMedium.createAccount { padding: 10px 20px; height: 40px; width: 100%; max-width: 350px; border: 1px #7e7e81 solid; background: transparent; color: #7e7e81; border-radius: 3px; font-family: 'Sailec-Regular'; margin-top: 0; text-transform: none; } .loginWrap .buttonMedium.createAccount:hover, .loginWrap form .buttonMedium.createAccount:hover { border-color: #333333; color: #333333; background: transparent; } .loginWrap .mainContent.loginContent hr { max-width: 350px; width: 100%; margin: 0 auto 30px; display: block; } .loginWrap form > div, .loginWrap form > input { position: relative; } /* Initial input and label style */ .loginWrap form label{-webkit-transition:all 0.2s;transition:all 0.2s; padding:6px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;z-index:2;font-family:sans-serif;font-weight:bold;color:#6c6c6c;font-size:.875rem;top:12px;bottom:0;left:0;width:auto; position: absolute!important;} .loginWrap form input[type=text], .loginWrap form input[type=password] {width:100%;border:1px solid #d2d2d2;background:#FFF;position:relative;top:0;left:0;z-index:1;padding:12px 12px 0px 12px;} /* Style when in focus state */ .loginWrap form input[type=text]:focus, .loginWrap form input[type=password]:focus {padding:15px 6px 12px 16px;background:#FFF;font-weight:bold;font-size:.750em;} .loginWrap form input[type=text]:focus+label, .loginWrap form input[type=password]:focus+label{top:0%;margin-top:-4px;color:#000;font-size:.750em;padding:11px 4px 11px 11px;z-index:2;font-family:sans-serif;font-weight:normal;} /* Style when leaving the input */ .loginWrap form input[type=text]:valid, .loginWrap form input[type=password]:valid {padding:19px 6px 6px 16px;font-size:.875em;font-weight:bold;background:white;} /*.loginWrap form input[type=text]:valid+label, input[type=password]:valid+label {top:0%;margin-top:-2px;color:#000;font-size:.750em;z-index:2;font-family:sans-serif;font-weight:normal;padding:9px 10px;}*/ .loginWrap form input[type=text]:not(:placeholder-shown) + label, .loginWrap form input[type=password]:not(:placeholder-shown) + label { top: 0%; margin-top: -4px; font-size: .750em; padding: 11px 4px 11px 11px; z-index: 2; font-family: sans-serif; font-weight: normal; }/*.loginWrap form input:empty { border: solid 5px green; }*/ .loginWrap form input+label.active { top: 3px; left: -5px; color: #000; font-size: .750rem; z-index: 2; font-family: sans-serif; font-weight: normal; } .loginWrap form input+label.active { top: 3px; left: -5px; color: #000; font-size: .750rem; z-index: 2; font-family: sans-serif; font-weight: normal; } .loginWrap form input[type=text]:valid { margin-bottom:10px; background:#FFF;font-weight:bold;font-size:.750em; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .loginWrap form input+label, .loginWrap form input:valid+label.active { top: 3px; left: -5px; color: #333; font-size: .750rem; z-index: 2; font-family: sans-serif; font-weight: normal; } .loginWrap form input[type=text]:valid { margin-bottom:10px; background:#FFF;font-weight:bold;font-size:.750em; } } @supports (-ms-ime-align:auto) and (not (-ms-accelerator:true)) { .loginWrap form input[type=text]:valid+label, .loginWrap input[type=password]:valid+label {top:0%;margin-top:-2px;color:#000;font-size:.750em;z-index:2;font-family:sans-serif;font-weight:normal;padding:9px 10px;} } /* TTT Login */ .tradeContainer form > div, .tradeContainer form > input { position: relative; } /* Initial input and label style */ .tradeContainer form label{-webkit-transition:all 0.2s;transition:all 0.2s; padding:6px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;z-index:2;font-family:sans-serif;font-weight:bold;color:#6c6c6c;font-size:.875rem;top:10px;bottom:0;left:30px;width:auto; position: absolute!important;} .tradeContainer form input[type=text], .tradeContainer form input[type=password] {width:100%;border:1px solid #d2d2d2;background:#FFF;position:relative;top:0;left:0;z-index:1;padding:12px 12px 12px 12px;} /* Style when in focus state */ .tradeContainer form input[type=text]:focus, .tradeContainer form input[type=password]:focus {padding:15px 6px 12px 16px;background:#FFF;font-weight:bold;font-size:.750em;} .tradeContainer form input[type=text]:focus+label, .tradeContainer form input[type=password]:focus+label{top:0%;margin-top:-4px;color:#333;font-size:.750em;padding:11px 4px 11px 11px;z-index:2;font-family:sans-serif;font-weight:normal;} /* Style when leaving the input */ .tradeContainer form input[type=text]:valid, .tradeContainer form input[type=password]:valid {padding:19px 6px 6px 16px;font-size:.875em;font-weight:bold;background:white;} /*.loginWrap form input[type=text]:valid+label, input[type=password]:valid+label {top:0%;margin-top:-2px;color:#000;font-size:.750em;z-index:2;font-family:sans-serif;font-weight:normal;padding:9px 10px;}*/ .tradeContainer form input[type=text]:not(:placeholder-shown) + label, .tradeContainer form input[type=password]:not(:placeholder-shown) + label { top: 0%; margin-top: -4px; font-size: .750em; padding: 11px 4px 11px 0; z-index: 2; font-family: sans-serif; font-weight: normal; }/*.loginWrap form input:empty { border: solid 5px green; }*/ .tradeContainer form input+label.active { top: 3px; left: 30px; color: #000; font-size: .750rem; z-index: 2; font-family: sans-serif; font-weight: normal; } /* END MY ACCOUNT LOGIN */ /* START MY ACCOUNT COMMISSION HISTORY */ .commissionHistory .ordersPlaced { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .commissionHistory .ordersPlaced label { display: block; float:left; margin-right:5px; font-family: 'Sailec-Regular'; font-size:0.813rem; } .commissionHistory select { cursor: pointer; font-size:0.813rem; font-family: 'Sailec-Regular'; background-color:#f0f0f0; border-radius: 5px; color:#333; } .commissionHistory .ordersPlaced label[for="orderYear"] { text-indent: -9999px; position: absolute; } .commissionHistory #orderYear { margin-left:10px; } .commissionHistory .ordersByMonth .container { padding:20px 0; border:1px solid #d2d2d2; } .commissionHistory .ordersHeader { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background:#f0f0f0; border:1px solid #f0f0f0; padding:26px; color:#333; font-size: 1rem; font-family: 'Sailec-Regular';} .commissionHistory .ordersHeader .col8 { font-size: 0.813rem; } .commissionHistory .ordersHeader .col8 span { float: right; } .commissionHistory .container .tableRow { display: inline-block; width: 100%; text-align: left; padding: 0 26px; font-size: .875rem; font-family: 'Sailec-Regular';} .commissionHistory .container .tableRow.tableHead .title { font-family: 'Sailec-Medium'; font-size:0.813rem; color:#333; line-height:1rem; } .commissionHistory .container .tableRow.tableHead .title.mobile { display: none; } .commissionHistory .container .tableRow .tableMainInfo { float: left; width: 35%; } .commissionHistory .container .tableRow .tableAccInfo { float: left; width: 65%; } .commissionHistory .container .tableRow .tableMainInfo .tableCell { float: left; width: 50%; } .commissionHistory .container .tableRow .tableAccInfo .tableCell { float: left; width: 33.33%; } .commissionHistory .container .tableRow .tableAccInfo.desktop .title { display: block; } .commissionHistory .container .tableRow .tableAccTrigger, .commissionHistory .container .tableRow .tableAccInfo .title { display: none; } .commissionHistory .buttonMediumSearch { width: 143px; height: 40px; background: #333; border: 0; border-radius: 5px; color: #FFF; font-family: 'Sailec-Medium'; font-size: 14px; } .commissionHistory .container a { font-size: .875rem; font-family: 'Sailec-Regular'; } .orderScreen p { font-size: .875rem; font-family: 'Sailec-Regular'; } .orderScreen .orderDetail { margin-bottom: 40px; } .orderScreen .orderDetail .product-row .image.col3 { margin-right: 1%; } .orderScreen .customerInfo { border: 1px solid #d2d2d2; display: inline-block; width: 100%; font-size: .875rem; line-height: 1.5rem; font-family: 'Sailec-Regular'; background-color: #FFF; margin-bottom: 30px; } .orderScreen .customerInfo .infoSummary { padding: 3%; float: left; } .orderScreen .customerInfo .infoSummary .col4 { margin-right: 0; } .orderScreen .customerInfo .infoSummary .title { font-family: 'Sailec-Medium'; display: inline-block; } .orderScreen .customerInfo .infoSummary .item span { float: right; } .orderScreen .customerInfo .infoSummary .id { margin-bottom: 10px; } @media only screen and (max-width: 960px) { .commissionHistory .container .tableRow.tableHead .title.desktop { display: none; } .commissionHistory .container .tableRow.tableHead .title.mobile { display: block; float: right; } .commissionHistory .container .tableRow { line-height: 3rem; } .commissionHistory .container .tableRow .tableMainInfo { width: 70%; } .commissionHistory .container .tableRow .tableMainInfo .tableCell { width: 50%; } .commissionHistory .container .tableRow .tableAccInfo, .commissionHistory .container .tableRow .tableAccInfo .tableCell { width: 100%; } .commissionHistory .container .tableRow .tableAccInfo { display: none; background: #f0f0f0; padding: 15px 12%; } .commissionHistory .container .tableRow .tableAccInfo.active { display: block; } .commissionHistory .container .tableRow .tableAccInfo .title { display: block; float: left; width: 70%; font-family: 'Sailec-Medium';} .commissionHistory .container .tableRow .tableAccInfo .tableCell { text-align: left; line-height: 1.5; } .commissionHistory .container .tableRow .tableAccInfo span { float: right; text-align: right; } .commissionHistory .container .tableRow .tableAccTrigger { display: block; float: left; width: 30%; } .commissionHistory .container .tableRow .tableAccTrigger:before { content: '\f067'; cursor: pointer; font-family: 'Font Awesome 5 Pro'; font-size: 1.25rem; float: right; font-weight: 300; } .commissionHistory .container .tableRow .tableAccTrigger.active:before { content: '\f068'; } .commissionHistory .container .tableRow .tableAccTrigger span { display: none; } .orderScreen .customerInfo .infoSummary .col4 { width: 47%; } .orderScreen .customerInfo .infoSummary .col8 { width: 50.66%; } } @media only screen and (max-width: 720px) { .orderScreen .itemdesc.col9, .mainContent .product-row .image.col3 { width: 24.25%; margin-right: 4%; } .orderScreen .orderDetail .product-row .image { width: 31.25%; margin-right: 8% !important; } .orderScreen .orderDetail .product-row .prod-detail { width: 60.25% } .orderScreen .orderDetail .product-row .prod-detail .itemdesc, .orderScreen .orderDetail .product-row .prod-detail .itemdetails { width: 100% !important; margin-right: 0; } .orderScreen .orderDetail .product-row .prod-detail .itemdetails { margin-top: 25px; } .orderScreen .orderDetail .product-row .prod-detail .detailWrap { display: none; } .orderScreen .orderDetail .product-row .prod-detail .detailWrap.active { display: block; } .orderScreen .orderDetail .product-row .prod-detail .detailTrigger:before { content: '\f067'; cursor: pointer; float: left; margin-right: 10px; font-family: 'Font Awesome 5 Pro'; font-weight: 300; } .orderScreen .orderDetail .product-row .prod-detail .detailTrigger.active:before { content: '\f068'; } } @media only screen and (max-width: 580px) { .commissionHistory .ordersHeader { display: block; } .commissionHistory .ordersHeader .col8, .commissionHistory .ordersHeader .col4, .commissionHistory .ordersHeader .col8 span { float: none; width: 100%; } } @media only screen and (max-width: 400px) { .commissionHistory .container .tableRow .tableAccInfo { padding: 15px 5%; } } /* END MY ACCOUNT COMMISSION HISTORY */ /* BEGIN RESPONSIVE MEDIA QUIRIES */ /* BEGIN AUTO TEXT RESIZING FOR TABLETS AND LARGE PHONES */ @media only screen and (min-width: 961px) and (max-width: 1181px) { .plProdWrap-full, footer:not(.footer-content) { font-size: 1.35vw; } } @media only screen and (min-width: 720px) and (max-width: 960px) { footer:not(.footer-content), .subFooter { font-size: 1.75vw; } } @media (min-width:721px) { /* BEGIN:: HOMEPAGE SALE GAPHICS */ #home01 .slides li:not(.countdown):not(.oneday):not(.noBackdrop) .overlay.INACTIVE { /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-radial-gradient(center, ellipse, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.13) 60%, rgba(0,0,0,0.1) 63%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%); background: -o-radial-gradient(center, ellipse, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.13) 60%, rgba(0,0,0,0.1) 63%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.13) 60%, rgba(0,0,0,0.1) 63%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #home01 .slides li.countdown .overlay, #home01 .slides li.oneday .overlay, #home01 .slides li.noBackdrop .overlay { background: none !important; padding: 35px 0; } .mattressLanding .slides .overlay { /*background:none!important;*/ padding: 10px 0; background-color: transparent !important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+60,000000+63,000000+100&0.65+0,0+75 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-radial-gradient(center, ellipse, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.13) 60%, rgba(0,0,0,0.1) 63%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%); background: -o-radial-gradient(center, ellipse, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.13) 60%, rgba(0,0,0,0.1) 63%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.13) 60%, rgba(0,0,0,0.1) 63%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #home01 .slides li.dark .overlay { padding: 70px 0; } /* END:: HOMEPAGE SALE GAPHICS */ } @media only screen and (max-width: 1200px) { .mainPush > .innerWrapper { padding: 15px 15px 0px 15px; } .smartHomeVideo .videoBlurb p { font-size: 1em; } .smartHomeVideo .videoQuote p { font-size: .9em; } .greatRoomLanding .halfButtons .enterBtn .headingOne { font-size: 2em; } } @media only screen and (max-width: 1180px) { #home01 .slides .innerWrapper { width: 95%; } #home01 .slides .overlay.top-left { left: 0; } } @media only screen and (max-width:1140px) { .brickworksBar { height: auto; } .brickworksBar .brickBtn { padding: 20px 0; } .brickworksBar .col4.needHelp { height: 71px; overflow: hidden; } .brickworksBar .col4.needHelp, .brickworksBar .col4.needHelp img { width: 100% !important; } .brickworksBar .col4.brickBtn { width: 50%; margin-right: 0 !important; } } @media only screen and (max-width: 1050px) { /* BEGIN:: HOMEPAGE DESIGN STUDIO */ .hgtvDesignCenter { padding: 30px 2% 75px; } .hgtvDesignCenter .familyIcons { width: 49%; margin: 0; padding: 28px 0 0; } .hgtvDesignCenter .design-center-logo { width: 49%; margin: 0; } .hgtvDesignCenter .bigReveal { width: 100%; margin: 0; } /* END:: HOMEPAGE DESIGN STUDIO */ /* BEGIN HGTV Smart Home Landing Page */ .smartHomeLanding .smartHomeCTAButtons { font-size: 1.25em; } /* END HGTV Smart Home Landing Page */ } @media screen and (max-width:1020px) { .storeCell.col6, .lrpCell.col6 { width: 100%; margin-right: 0; min-height: 0; } } @media only screen and (min-width:961px) { .drapeOverlay { position:absolute; height:100%; width:100%; background: rgba(0, 0, 0, 0.6); z-index: 9; display: block; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .drapeOverlaynone { position:absolute; height:100%; width:100%; background: rgba(0, 0, 0, 0.0); z-index: 1; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; visibility: hidden; } .calloutImage { font-size:1rem; float:right; margin-right:1%; max-width:392px; height:375px; text-align: left; line-height:24px; background-color: rgba(0,0,0,0) !important; } .calloutImage img.desktop-only { padding-bottom: 15px; } .calloutImage .locReg { text-transform: initial; } .calloutImage .desktop-only > span { display: block; } /*.calloutImage div:last-child { border-bottom:1px solid; display: block; float:left; } .calloutImage div:last-child .mobile-only { display: none; }*/ .calloutImage.left { float:left; } .mobile-only { display: none; } } /* END MEGA NAV STYLES FOR RESOLUTIONS *ABOVE* 960px*/ @media only screen and (max-width: 960px) { .mobile-only { display: block; } .desktop-only { display: none; } .smartHomeVideo .videoBlurb p { font-size: .9em; padding: 30px 0px 15px 35px; } .smartHomeVideo .videoQuote p { font-size: .8em; } .smartHomeVideo .videoQuote { padding: 15px 20px; } .smartHomeWinners .winnersText { margin: 0; } .smartHomeWinners .winnersText p { margin: 0; } #jsnoticeWrap { margin-top: 0px; padding-top: 75px; } /*#home .mainPush { padding: 0; margin-top: 110px;}*/ .mainPush { /*position: relative;*/ width: 100%; margin-top: 120px; /*padding: 0 15px;*/} .col6 a > img { margin-right: 0 !important; } .col3.leftColumn { width: 32%; float: left; margin-right: 2%; } .col9.mainContent { width: 66%; float: left; margin-right: 0 !important; } .largeHeadline { font-size: 4vw; } section.group .col4 { width: 100%; } .col8.buyOnline { width: 100%; float: none; } .mobileOnlineBar { width: 70%; margin: 0 15%; } /* MOBILE HEADER GLOBAL */ header { /*position: absolute;*/ left: 0; right: 0; z-index: 12; } .storeLocatorMobile .yourStoreZip { width: 100%; display: inline-block; } .storeLocatorMobile .yourStoreZip img { width: 20px; height: auto; margin-right: 10px; } .fa-shopping-cart { color: #333333; } .searchBox { font-size: 1em; font-family: arial; position: absolute; height: 50px; background: #fff; border-bottom: 1px #7e7e81 solid; padding-left: 10px; z-index: -1; width: 100%; max-width: 100%; top: 50px; right: 0; } .searchBox::-webkit-input-placeholder::before { font-family: 'Font Awesome 5 Pro'; content: '\f002'; color: #d2d2d2; padding-right: 10px; font-weight: 300; } .searchBox::-moz-placeholder::before { font-family: 'Font Awesome 5 Pro'; content: '\f002'; color: #d2d2d2; padding-right: 10px; font-weight: 300; } .searchBox:-ms-input-placeholder::before { font-family: 'Font Awesome 5 Pro'; content: '\f002'; color: #d2d2d2; padding-right: 10px; font-weight: 300; } input.searchBox:-moz-placeholder::before { font-family: 'Font Awesome 5 Pro'; content: '\f002'; color: #d2d2d2; padding-right: 10px; font-weight: 300; } .sticky { display: none !important; } footer:not(.footer-content) { margin-top: 0px; } /* END MOBILE HEADER GLOBAL */ .close { position: relative; } .directions { display: inline-block; margin-top: 15px; text-decoration: none; } .zipTextbox { height: 40px; border-radius: 0; outline: 0; padding: 16px 20px; border: 0; } a.changeStore + .zipTextbox { border: 1px #d2d2d2 solid; float: left; } .zipSubmit.button2 { height: 38px; padding: 9px 20px; } /* BEGIN TRADE STYLES */ img.col4.trade { width: 32%; margin-right: 2% !important; } .col8.tradeDesc { margin-right: 0 !important; } /* END TRADE STYLES */ /* BEGIN TABLET LEFT COLUMN/NAVIGATION */ .leftNav ul li a { font-size: .8em; } .leftNav ul li ul li a { padding-left: 0; } /* SEE LINE 927, 928 and 937 ALSO */ .leftNav span.collapse:after { content: "\f077"; font-family: 'Font Awesome 5 Pro'; position: absolute; right: 15px; top: 15px; font-weight: 300; } ul#filter li { margin: 0px; border: none; width: 100%; border-bottom: 1px solid #f0f0f0; background-color: #d2d2d2; float: none; } .filter .sectionTitle { background: none; padding: 15px 0px; } ul#filter li:hover { background-color: #333333; } ul#filter li:hover .sectionTitle { color: #f0f0f0 !important; } .sectionTitle.scripted.accordionTrigger:before, .mattressListingRpt .sectionTitle.scripted:before { content: " "; width: 15px; display: inline-block; margin: 0; } ul#filter ul.sub { position: relative; border: 0; margin: 10px 0px -25px 0px; padding: 3px 0px 3px 30px; } .filter.mattressListingRpt .accordionTrigger:not(.unstyled) { font-family: arial, sans serif; } .filter.mattressListingRpt .accordionTrigger:not(.unstyled):before { display: none; } ul#filter li .sectionTitle:before { content: " "; display: inline-block; width: 15px; } /* END TABLET LEFT COLUMN/NAVIGATION */ /* BEGIN LISTING PAGE STYLES */ .fullListingDetails { padding: 5px; } .fullListingDetails .moreFabrics { width: 100%; margin-top: 10px; font-size: .7em; } .swatch { margin-top: 5px; } .swatch img { width: 100%; } .swatch p { font-size: .9em; } .rowItem.col3.listBox { width: 32%; } .rowItem.col3.listBox:nth-child(3n) { margin-right: 0 !important; } .rowItem.col3.listBox:nth-child(4n) { margin-right: 1% !important; } .mattressListingLogo { display: none; } .mattressLanding .plProdWrap-full .plProd a span, .mattressLanding .plProdWrap-full .plProd .mattress { width: 100% !important; } /* END LISTING PAGE STYLES */ /* BEGIN CUSTOM FURNITURE LANDING */ .customLanding .pageHeading { margin: 0 0 15px 0; border: none; } .customLanding .pageHeading h1 { font-size: 2.5em; } .customLanding .pageHeading h2 { font-size: 1.5em; margin: 0 0 15px; } .customLanding .hgtvLogos img { width: 70px; } .customLanding .impact img { margin: 0; } .customLanding .col6, .customLanding .col6.colHGTVBlue { min-height: 475px; } .customLanding .designHelp .col6.colWhite.bottomBox, .customLanding .designHelp .col6.colHGTVBlue { min-height: 375px; } .customLanding .designHelp .col6.colHGTVBlue a.button.makeoverButton { width: 95%; } .customLanding .designHelp .col6.colHGTVBlue a.button.makeoverButton.brickwork-button { width: 95%; } .customLanding .col6.colGrey { height: 504px; } .customLanding .col6.colGrey h3 { font-size: 3.25vw; } /* END CUSTOM FURNITURE LANDING */ /* BEGIN DESIGNER LISTING PAGE */ .DesignerListing .dListingIcon { width: 60%; margin: 0 20% 20px 20%; border-right: none; } .DesignerListing .dListingIcon img { padding: 0; margin: 0; margin-right: 30px; } .DesignerListing .dListingIcon h1 { margin: 10% 0 0 0; } .DesignerListing .dListingInfo { width: 100%; border-top: 2px solid #d2d2d2; } .DesignerListing .col6.dListingStore { padding: 30px; } .DesignerListing .fasDirections { top: 65px; right: 50px; } .DesignerListing .fasPhoneIcon { top: 125px; right: 50px; } /* END DESIGNER LISTING PAGE */ /* BEGIN FEATURED LANDING */ .listingPage.pageHeading .LGText-two, .featuredLanding .pageHeading .LGText-two { font-size: 1.5em; } .featuredLanding .col9.axisSlide, .featuredLanding .featuredSwatches.col3.axisSwatch { width: 100%; } /* END FEATURED LANDING */ /* BEGIN PRODUCT DETAIL PAGE STYLES */ .mainProductImage img { height: auto !important; } .mobileLocator { padding-left: 10px; } .mobileSearch { padding-right: 10px; } .asShownFabrics { font-size: 0.750em; margin-top: -5px; } .asShownFabrics p { padding: 12px 0 12px 5px; width: 39%; } .moreFabricsHeadline { margin-top: 18px; padding-left: 3%; float: left; width: 32.5%; } .asShownFabrics .swatchWrap { padding: 12px 1% 12px 0; width: 52%; } .prodDetail .moreFabrics p { font-size: 16px; line-height: 1em; } /*.prodSwatch { float: right; margin: 0px 5px; max-width: 50px; text-align: center; }*/ .moreFabrics .swatchWrap { padding-right: 5px; } .buyOnlineBar .buyOnline .fa-shopping-cart { color: #fff; display: inline-block; font-size: 3em; padding: 20px 15px; float: left; background: #333333; border-radius: 5px; } .buyOnlineBlurb { font-size: 28px; line-height: 30px; font-weight: bold; } .buyOnlineBlurb span { font-weight: normal; font-size: 21px; line-height: 30px; } #productDetailContainer .prodDetailBtns .cartBtn, .prodDetailBtns .buttonLight, .prodDetailBtns .button { font-size: .9em; } #productDetailContainer .moreFabricsHeadline { margin-top: 25px; width: 33%; } #productDetailContainer.prodDetail .moreFabrics span { font-size: 1em; } #productDetailContainer .moreFabricsSwatchWrap { padding: 15px 8px 3px 8px; width: 67%; float: left; } #productDetailContainer .prodSwatch { margin: 0px 2px; } #productDetailContainer .asShownFabrics p { font-size: .8em; width:100%;} #productDetailContainer .containerWrapper4 .prodSwatch img { min-height: 25px; } .brickworksBar { height: auto; } .brickworksBar .col4.brickBtn { border-top: none; } .brickworksBar .col8.needHelp, .brickworksBar .col4.brickBtn { } .brickworksBar .col8.needHelp img { min-width: 450px; } .popupButtons .col6.buttonDark { width: 100%; float: left; margin-right: 0% !important; margin-bottom: 15px; padding: 18px 0px; } /* END PRODUCT DETAIL PAGE STYLES */ /* BEGIN MAKE OVER A DIFFERENCE */ .videoList .col4.colWhite { min-height: 425px; width: 48% !important; margin-right: 1% !important; } .videoList .mobClearBox { clear: both; width: 100%; height: 1px; display: block; } .videoList .deskClearBox { clear: both; width: 100%; height: 1px; display: none; } /* END MAKE OVER A DIFFERENCE */ /* BEGIN MOBILE WISHLIST */ .col4.wishWrap { width: 48%; } .col4.wishWrap:nth-child(3n) { margin-right: 2% !important; } /*.wishBox span.error { padding: 14px !important; }*/ .mainContent .wishWrap:nth-child(1n+1):nth-child(odd):after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .myAccountSwatches .swatchListingCell { width: 30%; margin-right: 5%; } .myAccountSwatches .swatchListingCell:nth-child(5n) { margin-right: 5%; } .myAccountSwatches .swatchListingCell:last-child { margin-right: 5%; } .myAccountSwatches .swatchListingCell:nth-child(3n) { margin-right: 0; } /* END MOBILE WISHLIST */ #HomeCustom span.LGText-three { font-size: 1em; } /* BEGIN:: HOMEPAGE FEATURED BANNERS */ .homeContentMiddle .col6.featured .overlay.center-center { position: absolute; right: 0px; bottom: 20%; top: 23%; width: 100%; padding: 0 1%; text-align: center; } .homeContentMiddle .col6.featured .overlay.center-center span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block; text-transform: uppercase; } .homeContentMiddle .col6.featured .overlay.center-center span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Regular'; font-size: 1.500em; display: block; } .homeContentMiddle .col6.featured a .overlay.video-center { position: absolute; top: 25%; width: 80%; margin: 0 10%; text-align: center; } .homeContentMiddle .col6.featured a .overlay.video-center img { margin-bottom: 0px; width: 50px; } .homeContentMiddle .col6.featured a .overlay.video-center span.LGText-one { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.200em; display: block; text-transform: uppercase; } .homeContentMiddle .col6.featured a .overlay.video-center span.LGText-two { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Regular'; font-size: 1.200em; display: block; padding: 0 0 14px; } .homeContentMiddle .col6.featured .overlay.bottom-right { position: absolute; right: 0px; bottom: 20%; top: 23%; width: 100%; padding: 0 1%; text-align: center; } .homeContentMiddle .col6.featured .overlay.bottom-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block; text-transform: uppercase; } .homeContentMiddle .col6.featured .overlay.bottom-right span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Regular'; font-size: 1.500em; display: block; } .homeContentMiddle .col6.featured .overlay.bottom-left { position: absolute; right: 0px; bottom: 20%; top: 23%; width: 100%; padding: 0 1%; text-align: center; } .homeContentMiddle .col6.featured .overlay.bottom-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block; text-transform: uppercase; } .homeContentMiddle .col6.featured .overlay.bottom-left span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Regular'; font-size: 1.500em; display: block; } .homeContentMiddle .col6.featured .overlay.top-right { position: absolute; right: 0px; bottom: 20%; top: 23%; width: 100%; padding: 0 1%; text-align: center; } .homeContentMiddle .col6.featured .overlay.top-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block; text-transform: uppercase; } .homeContentMiddle .col6.featured .overlay.top-right span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Regular'; font-size: 1.500em; display: block; } .homeContentMiddle .col6.featured .overlay.top-left { position: absolute; right: 0px; bottom: 20%; top: 23%; width: 100%; padding: 0 1%; text-align: center; } .homeContentMiddle .col6.featured .overlay.top-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.500em; display: block; text-transform: uppercase; } .homeContentMiddle .col6.featured .overlay.top-left span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Regular'; font-size: 1.500em; display: block; } .homeContentMiddle .col12.featured .overlay.center-center { position: absolute; top: 25%; } .homeContentMiddle .col12.featured .overlay.top-left, .homeContentMiddle .col12.featured .overlay.top-right, .homeContentMiddle .col12.featured .overlay.bottom-left, .homeContentMiddle .col12.featured .overlay.bottom-right { width: 100%; } .homeContentMiddle .col12.featured .overlay.center-center span.LGText-two { padding-bottom: 0; } .homeContentMiddle .col12.featured .overlay.video-center { position: absolute; top: 30%; width: 60%; margin: 0 20%; text-align: center; } .homeContentMiddle .col12.featured .overlay.video-center span.LGText-one { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 2.750em; display: block; text-transform: uppercase; } .homeContentMiddle .col12.featured .overlay.video-center span.LGText-two { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.2500em; display: block; padding: 0 0 50px; } /* END:: HOMEPAGE FEATURED BANNERS */ /* BEGIN:: HOMEPAGE ONE DAY SALE TICKER */ #home01 .slides li.countdown .overlay.center-center span.saleTitle-3, #home01 .slides li.oneday .overlay.center-center span.saleTitle-2 { font-size: 1.7em; padding-top: 8px; } .position { } .digit { padding-top: 0px; } /* END:: HOMEPAGE ONE DAY SALE TICKER */ /* BEGIN:: MATTRESS PAGE FEATURED BANNERS */ .mattressLanding .slides .overlay.center-center { position: absolute; margin: auto; width: 45%; left: 0; right: 0; top: 30px; text-align: center; } .mattressLanding .slides .overlay.top-left { position: absolute; top: 4%; left: 0; text-align: center; width: 48%; } .mattressLanding .slides .overlay.top-right { position: absolute; top: 0; right: 2%; text-align: center; width: 48%; } .mattressLanding .slides .overlay.bottom-left { position: absolute; bottom: 60px; left: 2%; text-align: center; width: 48%; } .mattressLanding .slides .overlay.bottom-right { position: absolute; bottom: 60px; right: 2%; text-align: center; width: 48%; } .mattressLanding .slides .overlay .saleTitle-1 { font-size: 2em; } .mattressLanding .slides .overlay .saleTitle-2 { font-size: 1.25em; } .mattressLanding .slides .overlay .saleTitle-3 { font-size: .8em; } /* BEGIN:: STORESITES */ #StoreInfo { padding: 0 2% 55px; display: inline-block; background-color: #f0f0f0; width: 100%; } #StoreInfo .left { float: left; padding-right: 20px; } #StoreInfo .pageHeading { clear: both; padding-top: 25px; } #StoreInfo a { text-decoration: underline; } #StoreInfo .col9 { width: 100%; } #StoreInfo .col6 { width: 100%; text-align: left; } #StoreInfo #locationWrap .col9 { width: 74.25%; } #StoreInfo .col3:nth-child(2n):after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .appLanding { /*width: 70%;*/ margin: 0 auto; text-align: center; } .appLanding .col4:nth-child(2n) { margin-right:2%!important; } .appLanding a.col4:last-child { margin-left:0!important; } .appLanding a.col4 { min-height: 0; margin-bottom: 30px; } /* END:: STORESITES */ .movers .col4 { width: 100% !important; margin-bottom: 2%; text-align: center; } .movers .col8 { margin-bottom: 2%; width: 100%; } .movers .col6 { width: 100%; float: none; margin: 2% auto; text-align: center; } .movers .col2.hgtvLogos { margin-top: 0; } .movers .col6 p { padding: 0 4%; } .mainContent .col4 { width: 48%; } .mainContent .col4:nth-child(3n) { margin-right: 2%; } .mainContent .col4:nth-child(2n) { margin-right: 0; } .mainContent .col3 { width: 48%; } .listWrap.col4 { width: 32%; } .listWrap.col4:nth-child(2n) { margin-right: 2%; } .listWrap.col4:nth-child(3n) { margin-right: 0; } .plWrap .col3.fullListingDetails, .plWrap .plProdOptions.col3 { width: 24.45%; } .plWrap .plProdOptions.col3.bottomLine { width: auto; } /* BEGIN VIEW ORDER RPT PAGE */ #viewOrderRpt .viewOrder .itemRow .image.col4 { width: 32%; } /* END VIEW ORDER RPT PAGE */ /* BEGIN SALE PAGE */ #salePage .col4:nth-child(2n) { margin-right: 2%; } #salePage .col4 { width: 32%; } /* END SALE PAGE */ /* BEGIN SEARCH PAGE */ #refineSearch { display: none; } /* END SEARCH PAGE */ /*CUSTOMER SURVEY PAGE*/ ul#customer-survey .col3 { width: 24.25%; } /*END CUSTOMER SURVEY PAGE*/ /* BEGIN Store Locator Styles */ input[type=text].fasZip { margin-top: 0px; } } /*BEGIN BOTTOM DRAWER*/ .foot, .foot h2 { display: block; text-align: center; } .foot { position: fixed; width: 100%; z-index: 1001; height: auto; font-size: 18px; color: #000; background: #F0F0F0; right: 0; left: 0; margin-right: auto; margin-left: auto; bottom: 0; -webkit-box-shadow: 0 -2px 9px 0 rgba(0,0,0,.2); box-shadow: 0 -2px 9px 0 rgba(0,0,0,.2); } .foot h2 { font-family: 'archer'; font-style: italic; font-size: 1.625rem; float: none; } .closeButton { float: right; cursor: pointer; margin-left: -4%; margin-right: 2%; margin-top: 10px; } .foot input[type=text] { width: 92%; padding: 5px 10px; margin: 9px 0; max-width: 300px; min-height: 40px; border: 1px solid #d2d2d2; position: relative; left: 5px; } .foot .green, .foot button { background: #333333; color: #f0f0f0; border: 0; outline: 0; padding: 10px 23px; font-size: .9em; font-weight: 700; letter-spacing: 1px; cursor: pointer; display: inline-block; } .foot input[type=text]::-webkit-input-placeholder { font-style: italic; font-size: 1em; font-weight: 400; font-family: Sailec-Regular; } .foot input[type=text]::-moz-placeholder { font-style: italic; font-size: 1em; font-weight: 400; font-family: Sailec-Regular; } .foot input[type=text]:-ms-input-placeholder { font-style: italic; font-size: 1em; font-weight: 400; font-family: Sailec-Regular; } .foot .ftr_newsletterForm.thanks { font-size: 1em; float: none; display: block; text-align: center; } .foot .newstore, .foot .saleToaster { display: none; } .foot.ns .newstore { display: inline-block; margin-top: 20px; } .foot.sale .saleToaster { display: block; position: relative; background:#fdfae2; min-width: 344px; min-height: 320px;} .foot.ns .newsletterSignUp, .foot.sale .newsletterSignUp { display: none; } .foot.ns .newstore .closeButton { cursor: pointer; float: right; margin-right: 2%; } .foot.ns .newstore h2 { color: #333333; font-family: 'archer'; font-size: 1.375em; font-style: italic; font-weight: 700; margin: 10px 0 0; text-align: left; text-transform: initial; } .foot.ns .newstore p { margin-top: 0; } .foot.ns .newstore p a { font-family: Sailec-Regular; font-size: 1rem; margin: 0; text-align: left; } .foot.ns .newstore a { text-decoration: none; } .foot.ns .newstore p strong { font-family: Sailec-Medium !important; text-transform: uppercase; } .foot.ns .newstore .fa-map-marker { color: #01856d; margin: 0 5px 0 -30px; } .foot.ns .newstore label { font-family: Sailec-Regular; font-size: 1rem; margin-bottom: 14px; } .foot.ns .newstore .green { background: #01856d !important; border-radius: 4px; color: #f0f0f0; font-family: Sailec-Regular; font-size: .8rem; line-height: 1.55em; height: 40px; margin: 14px auto 0; width: 180px; } .foot.ns .newstore .col3 img { width: initial; } .foot.ns .newstore .col4 { border-left: 1px solid #d2d2d2; position: relative; width: 30%; } .foot .newsletterSignUp { margin-bottom: 17px; } .foot .newstore { margin-bottom: 19px; } .foot.dark { background:#333333; min-height:112px; z-index: 8; } .foot.dark .bfWrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width:100%; } .foot.dark .x {height:21px; width:100%;} .foot.dark h2 { font-family: 'Sailec-Medium'; font-size:24px; color:#fff; font-style: initial; text-align: left; margin-bottom:0; } .foot.dark h3 { font-family: 'Sailec-Regular'; font-size:18px; color:#FFF; text-align: left; margin-top:0; } .foot.dark .thanks { color: #ffffff; } .foot.dark .thanks * { color: #000; } .foot.dark .fa-gift { color:#c01025; font-size:52px; margin-right:16px;} .foot.dark .ftr_newsletterForm.thanks { font-size: 1em; float: none; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; } .foot.dark input[type=text] { width: 100%; padding: 4px 10px; margin: 9px 0; max-width: inherit; min-height: 35px; border: 1px solid #d2d2d2; position: relative; left: 5px; } .foot.dark input[type=text]::-webkit-input-placeholder { font-style: initial; font-size: 14px; font-weight: 400; font-family: Sailec-Regular; height:40px;} .foot.dark input[type=text]::-moz-placeholder { font-style: initial; font-size: 14px; font-weight: 400; font-family: Sailec-Regular; } .foot.dark input[type=text]:-ms-input-placeholder { font-style: initial; font-size: 14px; font-weight: 400; font-family: Sailec-Regular; } .foot.dark button {background: #c01025; border-radius:3px; margin-left:8px; color: #fff; text-transform: initial; border: 0; outline: 0; padding: 10px 23px; font-size: 14px; font-weight: 700; letter-spacing: 1px; cursor: pointer; display: inline-block;} .foot.dark .closeButton { float: right; cursor: pointer; margin-left: -4%; margin-right: 2%; margin-top: 10px; width:26px; height:auto;} .foot .gdprToaster #acceptGDPR{ background: #333333; color: #f0f0f0; border: 0; outline: 0; padding: 10px 23px; font-size: 14px; font-weight: 700; letter-spacing: 1px; cursor: pointer; display: inline-block; } .foot .gdprToaster { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding: 5px 2% 15px;} .foot .gdprToaster .col9 p { margin-bottom:0; margin-top:10px; line-height: 1.2em; font-size: 14px; } .foot .gdprToaster .closeButton { float:right; cursor:pointer; margin-left:initial; margin-right:initial; width:20px; margin-top:-10px;} @media screen and (max-width:720px) { .foot .gdprToaster { display:block; } .foot .gdprToaster .col9 { width:90%; } .foot .gdprToaster .col9 p { font-size: .750em; margin-bottom:10px; } .foot .gdprToaster .col3 { width:100%; margin-bottom:10px;} .foot .gdprToaster #acceptGDPR { font-size:.625em; padding:10px 23px; } .foot .gdprToaster .closeButton { margin-top: 7px; z-index: 100; position: absolute; right: 10px;} } .newsletterSignUp { max-width: 43.75em; max-height: 25.75em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background-color: #f0ede6; } .newsletterSignUp .col6.newsletterSignUpImage { width: 55%; } .newsletterSignUp .col6.newsletterSignUpText { width: 45%; } .newsletterSignUp #modalBasset { font-family: 'Sailec-Regular'; font-size: 1em; letter-spacing: .05em; float: none; text-transform: uppercase; margin: 20px auto 0; } .newsletterSignUp input[type=text] { width: 100%; padding: 12px 15px; margin: 9px auto; max-width: 235px; min-height: 35px; border: 1px solid #d2d2d2; position: relative; font-size: 0.750em; text-transform: lowercase; letter-spacing: 0.09em; } .newsletterSignUp button { background: #000; color: #f0f0f0; border: 0; padding: 14px 23px; font-size: 0.875em; text-transform:uppercase; letter-spacing: 1px; cursor: pointer; display: inline-block; width: 92%; max-width: 225px; min-height: 35px; margin: auto; border-radius: 50px; } .newsletterSignUp span.subLink { font-size: 0.750em; margin: 8px auto 35px; display: block; } .newsletterSignUp .thanks { width:100%; position:relative; } .newsletterSignUp > .closeButton { display:none; } .bt-popupOverlay .bt-popupContentBox { overflow: hidden!important; } .newsletterSignUp.privateSale { background: #EFEDE6; /* max-width: 46.75em; */ } .newsletterSignUp.privateSale .col6.newsletterSignUpImage { width: 55%; } .newsletterSignUp.privateSale .col6.newsletterSignUpText { width: 45%; } .newsletterSignUp.privateSale .newsletterSignUpText h2#modalBasset { font-size: 0.625em; font-family: "Sailec-Regular"; color: #333333; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 0.075em; } .newsletterSignUp.privateSale .newsletterSignUpText .newsletterSubText { font-family:'Sailec-Medium'; font-size: 1.313em; color: #333333; margin: 5px auto 0; line-height: 1.25em; display: block; } .newsletterSignUp.privateSale .newsletterSignUpText .newsletterSupText { font-family:'Sailec-MediumItalic'; font-size: 1em; color: #333333; margin: 0; line-height: 1em; } .newsletterSignUp.privateSale .newsletterSignUpText span.newsletterAsterisk { font-size: 1em; } .newsletterSignUp.privateSale .newsletterSignUpText sup.newsletterAsterisk { font-size: 65%; top: -0.3em; } .newsletterSignUp.privateSale input[type=text] { color: #333333; text-transform: lowercase; font-size: 0.625em; letter-spacing: 0.09em; } .newsletterSignUp.privateSale .newsletterSignUpText button { background: #000; color: #fff; font-weight: normal; border-radius: 99em; text-transform: uppercase; padding: 12px 23px; } .newsletterSignUp.privateSale .newsletterSignUpText .privateSaleDisclaimer { font-family: 'Sailec-MediumItalic'; font-size: 0.563em; color: #333333; margin-top: 10px; display: block; } .newsletterSignUp.privateSale .newsletterSignUpText .thanks { color: #333333; font-family: 'Sailec-Regular'; } .newsletterSignUp.privateSale .newsletterSignUpText .ftr_newsletterForm2Thanks.thanks { padding: 5px 15px 0 15px; font-family: "Sailec-Regular"; font-size: 1em; line-height: 1.25em; } @media screen and (max-width:960px) { .newsletterSignUp span.subLink { margin-top: 15px; } } @media screen and (max-width:720px) { .newsletterSignUp { display: block; max-width: 21.4em; min-height: 27.44em; max-height: none; } .newsletterSignUp.innerWrapper { padding: 0!important; } .newsletterSignUp .col6 { width: 100%; float: none; } .newsletterSignUp .col6.newsletterSignUpImage, .newsletterSignUp .col6.newsletterSignUpText { width: 100%; } .newsletterSignUp.privateSale .col6.newsletterSignUpImage, .newsletterSignUp.privateSale .col6.newsletterSignUpText { width: 100%; } .newsletterSignUp .newsletterSignUpText { padding: 10px 25px 35px; } .newsletterSignUp div#modalBasset { line-height: 1.5em; padding: 0; } .newsletterSignUp.privateSale .newsletterSignUpText .newsletterSubText { font-size: 1.15em; margin: 5px auto 5px; } .newsletterSignUp input[type=text], .newsletterSignUp button { display: block; margin-top: 0; font-size: 0.625em; max-width: 178px; min-height: 25px; padding: 5px 15px; } .newsletterSignUp span.subLink { margin: 5px auto 10px; font-size: 0.625em; } } .newstore { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 30px;} .newstore > .closeButton { display:none; } .newstore .col3, .newstore .col5, .newstore .col4 { width:100%;} @media screen and (max-width:720px) { .newstore { width:290px; height:290px;} } .saleToaster { max-width: 43.75em; max-height: 26.75em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } /*.saleToaster { max-width: 1180px; width: 100%; z-index: 2; margin: 0 auto; }*/ .saleToaster .toast { max-width: 1180px; width: 100%; z-index: 2; margin: 0 auto; position: relative; } .saleToaster .toast .closeButton { background:transparent; } .saleToaster .toast .closeButton:hover { background:#efefef;} .saleToaster .crumbs { /*background: #50a9b8;*/ position: absolute; width: 50%; display: block; top: 0; left: 0; height: 100%; height: 125px; z-index: 1; } .saleToaster .closeButton { position: absolute; right: 0px; top: 0px; background: #f8efe0; color:#333333; font-size:1.5rem; margin-right: 0; } .saleToaster .ctaButton .purple { margin: 0 auto; margin-bottom: 0px; } .saleToaster .sweeps { max-width: 350px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .saleToaster .sweeps.tan, .saleToaster .sweeps.tan .sweepsPopContent { background-color: #F0EDE6; } .saleToaster .sweeps .sweepsPopContent { text-align: center; padding: 20px 30px 20px; } .saleToaster .sweeps .sweepsPopContent p.sweepsText { margin-top: 0; font-size: 1.375em; color: #333333; font-family: 'archeritalic'; margin-bottom: 5px; } .saleToaster .sweeps .sweepsPopContent p.sweepsSubtext { margin-top: 0; font-size: 1em; color: #333333; font-family: 'Sailec-Light'; } /* @media screen and (max-width:780px) { .saleToaster .sweeps { max-height: 380px!important; } } */ @media screen and (min-width:721px) { .saleToaster .sweeps { max-width: 700px; max-height: 410px; overflow: hidden;} .saleToaster .sweeps .sweepsPopImage { width: 60%!important; } .saleToaster .sweeps .sweepsPopContent { padding: 40px 15px 30px; margin-right:0; width: 48% !important; } } @media screen and (min-width:721px) and (max-width: 760px) { .saleToaster .sweeps .sweepsPopContent { padding: 20px 20px 15px; } } @media screen and (max-width:720px){ .saleToaster .sweeps {display: flex; flex-direction:column; } .saleToaster .sweeps .sweepsPopImage {order: 1; width: 100%; margin-right:0!important; float:none; max-height: 225px;} .saleToaster .sweeps .sweepsPopContent { width: 100%; order: 2; margin: 10px auto 40px; } } .saleToaster .sweeps .sweepsPopImage img { width: 100%; } .saleToaster .sweeps .button { background: #000; color: #f0f0f0; border: 0; padding: 14px 23px; font-size: 0.875em; text-transform:uppercase; letter-spacing: 1px; cursor: pointer; display: inline-block; max-width: 225px; min-height: 35px; margin: auto; border-radius: 50px; width: 85%; } .saleToaster .sweeps .button:hover { background-color: #333; } .smartToaster .desktop { display: block; } .smartToaster.desktop .col5.tablet, .smartToaster.mobile, .smartToaster.desktop .col6.smartToasterCTA.tablet, .smartToaster .mobile, .smartToaster .tablet { display: none; } .smartToaster .laborDayCTA { text-align: center; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left:-50px; font-family: "Sailec-Regular"; } .smartToaster .laborDayCTA p { font-size: 1.125rem; margin: 0 auto; line-height: 1.5rem; } .smartToaster .laborDayCTA a.button { background: #d12d91; border: none; color: #FFF; padding: 10px 13px; font-size: 1rem; font-family: "Sailec-Regular"; width: 100%; max-width: 285px; } .smartToaster .laborDayCTA a.button:not(.noArrow):after { display: none; } .smartToaster .holidayGiveaway { text-align: center; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left:-50px; font-family: "Sailec-Regular"; } .smartToaster .holidayGiveaway p { font-size: 1.125rem; margin: 0 auto; line-height: 1.5rem; color:#333333;} .smartToaster .holidayGiveaway a.button { background: #de2a2a; border: none; color: #FFF; padding: 10px 13px; font-size: 1rem; font-family: "Sailec-Regular"; width: 100%; max-width: 285px; } .smartToaster .holidayGiveaway a.button:not(.noArrow):after { display: none; } .smartToaster .col4.desktop img.smartToasterHome, .smartToaster.desktop .col4.desktop, .smartToaster.desktop .col5.desktop, .smartToaster.desktop .col5.tablet { height: 125px; } .smartToaster .col2 { width: 13.5%; margin-right: 2%;} .smartToaster .col4.ctaButton { margin-right: 0; } .smartToaster .col5.sweepsImage { margin-right: 0; } .smartToaster .smartToasterLogo { padding-left: 50px; float:left; } .smartToaster .purple { background: #d12d91; max-width: 151px; color: #FFF; text-decoration: none; padding: 8px 28px; border-radius: 4px; font-size: .925rem; } .smartToaster .purple:hover { background:#333; } .smartToaster .red { background: #de2a2a; max-width: 151px; color: #FFF; text-decoration: none; padding: 8px 28px; border-radius: 20px; font-size: .925rem; } .smartToaster .lightBlue { background:#00b2e2; max-width: 151px; color: #FFF; text-decoration: none; padding: 8px 28px; border-radius: 20px; font-size: .925rem; } .smartToaster .lightBlue:hover { background:#333; } .smartToaster .saleTitle { font-family: 'Sailec-Medium', sans-serif; font-size: 1.938rem; color: #333; text-transform: uppercase; margin-top: 0; margin-bottom: 0; } .smartToaster .saleTitle span { color: #333333; letter-spacing: .02em;} .smartToaster { display: -webkit-box; display: -ms-flexbox; display: flex } .smartToaster .green { text-decoration: none; top: 0; position: relative; padding:10px 0; width: 100%; max-width: 315px; } @media screen and (max-width:1099px) { .smartToaster .laborDayCTA p { font-size: 1rem; line-height: 1.125rem; margin: 0; } .smartToaster .holidayGiveaway p { font-size: 1rem; line-height: 1.125rem; margin: 0; } .smartToaster .smartToasterLogo { margin: 0; padding-left:25px;} /*.smartToaster .green { top: 10px; }*/ } @media screen and (max-width:1068px) { .foot.ns .newstore h2 { font-size: 2.3vw; } .foot.ns .newstore p, .foot .newstore label { font-size: 1.5vw; } .smartToaster .holidayGiveaway { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .smartToaster .holidayGiveaway .col4 { width:100%; } .smartToaster .holidayGiveaway .col8 { width:100%; } } @media screen and (max-width:1000px) { /*.smartToaster .laborDayCTA { top: 5px; }*/ } @media screen and (max-width:960px) { .smartToaster.desktop .col3.desktop, .smartToaster.desktop .col4.desktop, .smartToaster.desktop .col5.desktop, .smartToaster.desktop .col6.smartToasterCTA.desktop, .smartToaster .desktop { display: block; } .smartToaster.desktop .col7.tablet, .smartToaster.desktop .col6.smartToasterCTA.tablet, .smartToaster .tablet { display: block; } .smartToaster .col3 { width: 33%; } .smartToaster .sweepsImage { width: 18%; } .smartToaster .smartToasterLogo { margin: 0; } .smartToaster .laborDayCTA { width: 40%; } .smartToaster .holidayGiveaway { width: 40%; } .smartToaster .col2 { width: 19.5%; } .smartToaster .col5.smartToasterCTA { width: 30%; } .smartToaster .laborDayCTA { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column; flex-flow:column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .smartToaster .laborDayCTA .col4, .smartToaster .laborDayCTA .col8 { width: 100%; margin-right: 0; } .smartToaster .laborDayCTA p { line-height: 1.25rem; font-size: .750rem; margin: 0 auto 0px; } .smartToaster .holidayGiveaway { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column; flex-flow:column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .smartToaster .holidayGiveaway .col4, .smartToaster .holidayGiveaway .col8 { width: 100%; margin-right: 0; padding-left: 40px; top:0; position:relative; margin-bottom:4px;} .smartToaster .holidayGiveaway p { line-height: 1.25rem; font-size: .750rem; margin: 0 auto 0px; letter-spacing:.02em; } .smartToaster .col7 {width:70%;} .smartToaster .saleTitle { font-size:1.313em; } .smartToaster .purple { top: 0; } .smartToaster.desktop .col5.tablet .smartToasterHome { height: 125px; -o-object-fit: cover; object-fit: cover; } .saleToaster .crumbs { width: 40%; } .saleToaster .closeButton { right: 5px; } .smartToaster .smartToasterLogo { padding-left: 20px; } .foot.dark h2 { font-family: 'Sailec-Medium'; font-size:20px; color:#fff; font-style: initial; text-align: left; margin-bottom:0; } .foot.dark h3 { font-family: 'Sailec-Regular'; font-size:14px; color:#FFF; text-align: left; margin-top:0; } .foot.dark .fa-gift { color:#c01025; font-size:52px; margin-right:16px;} .foot.dark .bfWrapper { padding:0 46px; } .foot.dark input[type=text] { min-height:40px; } .foot.dark button { height: 40px; } .foot.dark .col1 { width: 6.3333%; margin-right:2.5%;} .foot.dark .col5 { width:45%; min-width:327px; } .foot.dark .col6 { width:39%; margin-right:2%!important; } } @media screen and (max-width:720px) { .smartToaster .smartToasterCTA p { font-size: 1rem; } .smartToaster .smartToasterLogo { width:80%; } } @media screen and (max-width:780px) { .smartToaster .smartToasterCTA { top: 8px; } .smartToaster .smartToasterCTA p { font-size: .875rem; line-height: 1rem; } } @media screen and (max-width:740px) { .smartToaster .holidayGiveaway .saleTitle { font-size:1.113em; } } @media screen and (max-width:720px) { .smartToaster.desktop, .smartToaster.desktop .col6.tablet, .smartToaster .smartToasterCTA a.button.tablet, .smartToaster .desktop, .smartToaster .tablet { display: none; } .smartToaster.mobile { display: block; bottom: 0; left: 0; position: relative; z-index: 22; width: 100%; /*box-shadow: 0px 5px 15px 5px #000;*/ } .smartToaster {display: block;} .smartToaster.mobile .closeButton { margin-right: 0; position: absolute; right: 10px; top: 0px; z-index: 99; } .smartToaster.mobile .smartToasterHome.mobile, .smartToaster .mobile { display: block; } .smartToaster .col4.sweepsImage { float: left; width: 56%; margin: 0; } .smartToaster .col4.sweepsImage img.mobile { width: 100%; } .smartToaster .col5.laborDayCTA { float: left; top: 7px; } .smartToaster .col5.holidayGiveaway { float: left; top: 7px; } .smartToaster .col3 { width: 44%; margin-right: 0; } .smartToaster .laborDayCTA { width: 100%; left:0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap;} .smartToaster .holidayGiveaway { width: 100%; left:0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; padding: 5px 0px 5px 0px; float: none; } .smartToaster .holidayGiveaway .saleTitle { font-size:1.513em; font-weight:normal;} /* .saleToaster .closeButton { position: absolute; right: 0px; top: 0px; background: #f8efe0; color:#3c7c4d; font-size:1rem; border-radius: 50%; padding: 4px 6px; margin-right: 5px; } */ .smartToaster .laborDayCTA .ctaButton { float: none; width: 100%; } .smartToaster .holidayGiveaway .ctaButton { float: none; width: 100%; } .smartToaster .col2 { width: 14.5%; } .smartToaster .col7 {width:100%;} .smartToaster .laborDayCTA .col8 {width:59%; float:left;} .smartToaster .laborDayCTA .col4 {width: 39%; float:left;} .smartToaster .holidayGiveaway .col8 {width:59%; float:left;} .smartToaster .holidayGiveaway .col4 {width: 39%; float:left; padding-left:0;} .smartToaster .smartToasterLogo { width: 100%; padding-left:12px;} .smartToaster .purple { font-size: .875rem; padding: 8px 24px; } .foot .saleToaster .crumbs { width: 56%; max-height: 147px; height: 0; padding-bottom: 20.95%; } .greatRoomLanding .sweepsCTABar span.headingOne { font-size: .875rem; line-height:1.25rem; } .greatRoomLanding.thanks .sweepsCTABar span.headingOne { font-size: .875rem; line-height:1.25rem; } .foot h2 { font-size: 1.250rem; } .foot input[type=text] { min-height: 26px; width: 68%; } .foot button { padding: 6px 23px 6px; } .closeButton { margin-left: 5px; margin-right: 5px; background:#FFF!important; width:30px!important; height:auto; padding:0!important;} .foot.ns { height: 132px; } .foot.ns .newstore { margin-top: 0; } .foot.ns .newstore .closeButton { width: 4%; margin-top: 10px; } .foot.ns .newstore h2 { font-size: .938em; padding: 0; } .foot.ns .newstore .fa-map-marker { margin-left: 0; } .foot.ns .newstore p { font-size: .938rem; text-align: left; } .foot.ns .newstore label { font-size: .813rem; text-align: center; padding-right: 10px; padding-left: 20px; } .foot.ns .newstore button.green { font-size: .813rem; height: 30px; margin: 0 2% 0 0; padding: 0; } .foot.ns .newstore .col3 { display: none; } .foot.ns .newstore .col5 { width: 90%; padding: 20px 1% 0; display: inline-block; top: -19px; position: relative; } .foot.ns .newstore .col4 { top: -20px; width: 100%; border-left: none; border-top: 1px solid #d2d2d2; text-align: left; display: block; } .foot.dark { height:131px; } .foot.dark .bfWrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column; -webkit-flex-flow:column; flex-flow:column; padding:0 2%; } .foot.dark .x { height:16px; } .foot.dark h2 { padding:0; font-size: 14px; margin-top:0;} .foot.dark h3 { font-size:12px; } .foot.dark .col1 { display: none; } .foot.dark .col6 { width:100%; margin-right:0!important; margin-top:-10px; } .foot.dark .col5 { width:100%; margin-right:0!important; } .foot.dark .fa-gift { display: none; } } @media screen and (max-width:640px) { .smartToaster .smartToasterCTA p { font-size: .875rem; line-height: 1; } .smartToaster .smartToasterCTA p span { font-size: 1.15rem; } .smartToaster .holidayGiveaway .col8 { padding-left:5px; } } @media screen and (max-width:500px) { .smartToaster .col5.sweepsImage { width: 75%; margin-right: 0; } .smartToaster .col2 { width: 23%; } .smartToaster .col5.smartToasterCTA { width: 100%; } .smartToaster .col5.smartToasterCTA .col8 { width: 48%; float: left; } .smartToaster .col5.smartToasterCTA .col4 { width: 50%; float: left; } .smartToaster .saleTitle { font-size: 1.125rem; } .smartToaster .holidayGiveaway .saleTitle { font-size: 1.325rem; } .saleToaster .closeButton { padding:2px 2px; } .smartToaster .green { top: 0; } } @media screen and (max-width:480px) { .foot.ns .newstore p a { font-size: .8rem; } .foot.ns .newstore p strong { font-size: .8rem; } .smartToaster .red { padding:8px 18px; } } @media screen and (max-width:460px) { .brickworksBar .brickBtn i { display:block; } .foot h2 { padding: 0 4%; } .closeButton { width: 5%; top: -2px; position: relative; } .foot button { padding: 9px; width: 98px; font-size: 0.750em; } .foot input[type=text]::-webkit-input-placeholder { font-size: 0.750em; } .foot input[type=text]::-moz-placeholder { font-size: 0.750em; } .foot input[type=text]:-ms-input-placeholder { font-size: 0.750em; } .foot.ns .newstore .closeButton { top: 0; } .foot.ns .newstore .col4 { display: -webkit-box; display: -webkit-flex; display: flex; display: -ms-flexbox; padding-top: 15px; } .foot.ns .newstore .green { margin: -5px auto 0; } .smartToaster .smartToasterCTA p { width: 52%; margin: 0 3%; } } @media screen and (max-width:400px) { .foot.ns .newstore h2 { margin-top: 0; } .foot.ns .newstore .col4 { top: -32px; } .foot.ns .newstore .green { font-size: .7rem; padding: 10px 15px; width: initial; line-height: 1.8em; } } @media screen and (max-width:360px) { .foot.ns .newstore label { padding-right: 10px; padding-left: 8px; } .foot.ns .newstore .green { font-size: .63em; padding: 10px 0px; width: 100%; text-align: center; } .smartToaster .holidayGiveaway .col8 { width:52%; } .smartToaster .holidayGiveaway .col4 { width:48%; padding-left:0;} } @media screen and (max-width:320px) { .foot input[type=text] { max-width: 185px; } .foot.ns .newstore .green { line-height: 2em; } } /*END BOTTOM DRAWER*/ @media only screen and (max-width: 960px) and (min-width: 721px) { .plWrap .listDisc .plProdOptions.col3.bottomLine { left: 0; } .mob-only { display: none !important; } .bfsTablet { display: block !important; } .full-only { display: none !important; } } @media screen and (max-width: 870px) { .pbValue { display: none; } .smartHomeVideo .videoBlurb p { font-size: .9em; padding: 30px 0px 15px 20px; } .smartHomeVideo .videoQuote p { font-size: .75em; } .smartHomeVideo .videoQuote { padding: 15px 20px; } .smartHomeVideo .videoBlurb .shPlayBtn { padding: 38px 20px; } } @media screen and (max-width: 882px) { .signupPopImg { display: none; } } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } /* BEGIN:: DESIGNER LISTING PAGE */ .DesignerListing .col3, .DesignerListing .col8 { width: 100%; clear: both; } .DesignerListing .listingGroup .col3 { width: 24.25%; clear: none; } .DesignerListing .col3 { text-align: center; } .DesignerListing .col8 .icon { padding: 0px 0 0; } .DesignerListing .col8 h1 { font-size: 2.8em; margin: 3% 0; } .DesignerListing .col3 .bioImage { text-align: left; } .DesignerListing .dListingIcon { width: 64%; margin: 0 12% 30px 24% !important; border-right: none; } .DesignerListing .dListingIcon img { padding: 0; margin: 0; margin-right: 30px; } .DesignerListing .dListingIcon h1 { margin: 10% 0 0 0; } .DesignerListing .fasDirections, .DesignerListing .fasPhoneIcon { right: 20px; } .DesignerListing .col6 .icon { max-width: 130px; } .DesignerListing .col6.dListingIcon h1 { font-size: 2em; margin: 10% 0 0 0; } /* END:: DESIGNER LISTING PAGE */ /* BEGIN SALE PAGE */ #salePage .saleImageWrapper .button { font-size: .8em; } /* END SALE PAGE */ #home01 .slides .overlay { padding: 20px 0; } #home01 .slides .overlay img { width: 55%; } #home01 .slides .overlay .saleTitle-2 { font-size: 1em; } #home01 .slides .overlay .saleTitle-3 { font-size: 2em; } #home01 .slides .overlay .saleTitle-4 { font-size: 1em; } #home01 .slides .overlay .saleTitle-5 { font-size: .9em; } #home01 .slides .overlay .saleTitle-6 { font-size: .9em; } /*#home01 .slides .overlay .button {margin:5px 0 0}*/ .mattressLanding .mattressSale a.button { width: 30%; } #home01 .slides .overlay.center-center .saleTitle-3 { margin: -5px 0; } #home01 .slides .overlay:not(.flash) .full-only + .saleTitle-1 + .saleTitle-2 { padding-top: 5px; } /*SMART HOME BANNER*/ .smartHomeBannerHeadline { padding: 17px 0px; } .smartHomeBannerHeadline p { font-size: 1.2em; } .smartHomeBannerButton { padding: 17px 0px; } .smartHomeBannerButton a { font-size: .8em; } /*SMART HOME LANDING PAGE*/ .smartHomeLanding .smartHomeLandingBanner p { font-size: 1.5em; } .smartHomeLanding .smartHomeLandingBanner .allCaps { font-size: 2.25em; } /*BOOK CONSULTATION UNAVAILABLE POPUP*/ .popupHeading:before, .popupHeading:after { display: none; } /* QUICKSHIP STYLES */ h4.plProdtitle { margin: 5px 0; font-size: .95em; } .fullListingDetails .moreFabrics { margin-top: 0; font-size: .7em; } .plWrap .fullListingDetails { padding: 5px 15px; } .plSwatch { margin-top: 5px; } .quickShip { font-size: .8rem; } .featuredLanding img.qsImg, .plProdWrap-full img.qsImg { width: 35px; } .qsList > .quickShip:last-child { font-size: .7rem; } .plWrap .bottomLine { font-size: .8em; } } /* END MOBILE STYLING (860px) INTERMEDIATE BREAK POINT */ @media only screen and (max-width: 775px) { /* BEGIN:: HOMEPAGE DESIGN STUDIO */ .hgtvDesignCenter { padding: 30px 2% 55px; } .hgtvDesignCenter .familyIcons { padding: 0; } .hgtvDesignCenter .familyIcons img { width: 75px; } .hgtvDesignCenter a.hgtvStudio { padding-top: 0; } .hgtvDesignCenter .design-center-logo img { width: 40%; min-width: 200px; margin: 0; } /* END:: HOMEPAGE DESIGN STUDIO */ .saleBanner, .clearanceBanner { font-size: 2em; } /* BEGIN:: HOMEPAGE HGTV HOME CUSTOM FURNITURE */ #HomeCustom { padding: 0 2% 25px; } #HomeCustom .icons { margin: -35px 0 10px; } #HomeCustom .icons img { width: 72px; } #HomeCustom .col3 { width: 49.5%; margin-bottom: 20px; } #HomeCustom .col3:nth-child(2n) { margin-right: 0; } #HomeCustom span.LGText-two { padding: 0 0 20px; } #HomeCustom span.LGText-three { padding: 5px 0; } /* END:: HOMEPAGE HGTV HOME CUSTOM FURNITURE */ /* BEGIN:: HOMEPAGE FEATURED BANNERS */ .homeContentMiddle .col6.featured .overlay { top: auto; right: auto; bottom: auto; left: auto; } .homeContentMiddle .col6.featured .overlay.center-center { position: relative; top: 40%; width: 100%; text-align: center; padding: 20px 1%; } .homeContentMiddle .col6.featured .overlay.center-center span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:3.15rem; padding-top:20px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col6.featured .overlay.center-center span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Regular'; font-size: 1.22em; display: block; padding: 0 0 0px; color: #333333; } .homeContentMiddle .col6.featured .overlay.center-center .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); margin: 30px 0; } .homeContentMiddle .col6.featured a .overlay.video-center { position: absolute; top: 25%; width: 80%; margin: 0 10%; text-align: center; } .homeContentMiddle .col6.featured a .overlay.video-center img { margin-bottom: 10px; width: 50px; } .homeContentMiddle .col6.featured a .overlay.video-center span.LGText-one { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium', sans-serif; font-size:3.15rem; padding-top:20px; letter-spacing: -.055rem; display: block; text-transform: uppercase; } .homeContentMiddle .col6.featured a .overlay.video-center span.LGText-two { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Regular'; font-size: 1.200em; display: block; padding: 0 0 14px; } .homeContentMiddle .col6.featured .overlay.bottom-right { position: relative; top: 40%; width: 100%; text-align: center; padding: 20px 1%; top: auto; right: auto; bottom: auto; left: auto; } .homeContentMiddle .col6.featured .overlay.bottom-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:3.15rem; padding-top:20px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col6.featured .overlay.bottom-right span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Regular'; font-size: 1.2em; display: block; color: #333333; } .homeContentMiddle .col6.featured .overlay.bottom-right .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); } .homeContentMiddle .col6.featured .overlay.bottom-left { position: relative; top: 40%; width: 100%; text-align: center; padding: 20px 1%; top: auto; right: auto; bottom: auto; left: auto; } .homeContentMiddle .col6.featured .overlay.bottom-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:3.15rem; padding-top:20px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col6.featured .overlay.bottom-left span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Regular'; font-size: 1.2em; display: block; color: #333333; } .homeContentMiddle .col6.featured .overlay.bottom-left .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); } .homeContentMiddle .col6.featured .overlay.top-right { position: relative; top: 40%; width: 100%; text-align: center; padding: 20px 1%; top: auto; right: auto; bottom: auto; left: auto; } .homeContentMiddle .col6.featured .overlay.top-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:3.15rem; padding-top:20px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col6.featured .overlay.top-right span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Regular'; font-size: 1.2em; display: block; color: #333333; } .homeContentMiddle .col6.featured .overlay.top-right .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); } .homeContentMiddle .col6.featured .overlay.top-left { position: relative; top: 40%; width: 100%; text-align: center; padding: 20px 1%; top: auto; right: auto; bottom: auto; left: auto; } .homeContentMiddle .col6.featured .overlay.top-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:3.15rem; padding-top:20px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col6.featured .overlay.top-left span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Regular'; font-size: 1.2em; display: block; color: #333333; } .homeContentMiddle .col6.featured .overlay.top-left .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); } .homeContentMiddle .col12.featured .overlay.center-center { position: relative; top: 40%; width: 100%; text-align: center; } .homeContentMiddle .col12.featured .overlay.center-center span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:3.15rem; padding-top:20px; letter-spacing: -.055rem;display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col12.featured .overlay.center-center span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium'; font-size: 1.25em; display: block; padding: 0 0 0px; color: #333333; } .homeContentMiddle .col12.featured .overlay.center-center .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); margin: 30px 0; } .homeContentMiddle .col12.featured .overlay.video-center { position: absolute; top: 20%; width: 80%; margin: 0 10%; text-align: center; } .homeContentMiddle .col12.featured .overlay.video-center span.LGText-one { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium', sans-serif; font-size:3.15rem; padding-top:20px; letter-spacing: -.055rem; display: block; text-transform: uppercase; } .homeContentMiddle .col12.featured .overlay.video-center span.LGText-two { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.2500em; display: block; padding: 0 0 50px; } .homeContentMiddle .col12.featured .overlay.bottom-right { position: relative; top: 40%; width: 100%; text-align: center; right: auto; bottom: auto; } .homeContentMiddle .col12.featured .overlay.bottom-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:3.15rem; padding-top:20px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col12.featured .overlay.bottom-right span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium'; font-size: 1.25em; display: block; padding: 0 0 0px; color: #333333; } .homeContentMiddle .col12.featured .overlay.bottom-right .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); } .homeContentMiddle .col12.featured .overlay.bottom-left { position: relative; top: 40%; width: 100%; text-align: center; left: auto; bottom: auto; } .homeContentMiddle .col12.featured .overlay.bottom-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:3.15rem; padding-top:20px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col12.featured .overlay.bottom-left span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium'; font-size: 1.25em; display: block; padding: 0 0 0px; color: #333333; } .homeContentMiddle .col12.featured .overlay.bottom-left .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); } .homeContentMiddle .col12.featured .overlay.top-right { position: relative; top: 40%; width: 100%; text-align: center; right: auto; } .homeContentMiddle .col12.featured .overlay.top-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:3.15rem; padding-top:20px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col12.featured .overlay.top-right span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium'; font-size: 1.25em; display: block; padding: 0 0 0px; color: #333333; } .homeContentMiddle .col12.featured .overlay.top-right .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); } .homeContentMiddle .col12.featured .overlay.top-left { position: relative; top: 40%; width: 100%; text-align: center; left: auto; } .homeContentMiddle .col12.featured .overlay.top-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:3.15rem; padding-top:20px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col12.featured .overlay.top-left span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium'; font-size: 1.25em; display: block; padding: 0 0 0px; color: #333333; } .homeContentMiddle .col12.featured .overlay.top-left .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); } .homeContentMiddle .col6.featured .overlay.top-left a.button-shadow, .homeContentMiddle .col12.featured .overlay.top-right a.button-shadow, .homeContentMiddle .col12.featured .overlay.bottom-left a.button-shadow, .homeContentMiddle .col12.featured .overlay.bottom-right a.button-shadow, .homeContentMiddle .col12.featured .overlay.center-center .button-shadow { border: 0!important;font-family: Sailec-Regular!important;margin: 5px!important;padding: 0!important; } .homeContentMiddle .col12.featured .overlay a.button-shadow:hover{ background:transparent!important;color:#333333!important; } /* END:: HOMEPAGE FEATURED BANNERS */ .whats-new .LGText-one { font-size: 2.7em; } .career { float: none; width: 100% !important; } .col6.career { width: 100%; margin: 0 !important; position: relative; } /* BEGIN VIEW ORDER RPT PAGE */ #viewOrderRpt .viewOrder .itemRow .col6:first-child { width: 100%; } #viewOrderRpt .viewOrder .itemRow .col6:nth-child(2n) { width: 100%; } #viewOrderRpt .viewOrder .itemRow .image.col4 { width: 24%; } #viewOrderRpt .viewOrder .itemRow .image { padding: 0 10px 10px; } #viewOrderRpt .viewOrder .itemRow .col6.details { width: 100%; border-top: 1px solid #d2d2d2; } #viewOrderRpt .viewOrder .col-header { margin: 10px 0 5px; } #viewOrderRpt .viewOrder .checkbox { margin: 0 auto 5px; } #viewOrderRpt .viewOrder-summary { width: 100%; } #viewOrderRpt .viewOrder-summary .col6:first-child { width: 100%; padding: 0; border-right: 0; } /* #viewOrderRpt .viewOrder-summary .Buy-with-Confidence, #viewOrderRpt .viewOrder-summary .protectionPlanPricing { display: none; } */ #viewOrderRpt .viewOrder-summary .accordion { display: block; } #viewOrderRpt .viewOrder-summary .accordion .accordionContent { padding: 0; } #viewOrderRpt .viewOrder-summary .accordion p { padding: 0; } #viewOrderRpt .viewOrder-summary .accordionContent .Buy-with-Confidence, #viewOrderRpt .viewOrder-summary .accordionContent .protectionPlanPricing { display: block; } #viewOrderRpt .viewOrder-summary .orderTotal.col6 { width: 100%; } #viewOrderRpt .viewOrder-summary .orderTotal table tr td { width: auto; } #viewOrderRpt .viewOrder-summary .protectionPlanPricing .col6 { width: 49%; padding-left: 20px; } /* END VIEW ORDER RPT PAGE */ /* BEGIN CUSTOM FURNITURE LANDING */ .customLanding .pageHeading { display: block; clear: both; } .customLanding .hgtvLogos { display: block; clear: both; } .customLanding .hgtvLogos img { display: inline-block; } .customLanding .hgtvLogo-custom.mobileHide { display: none; } .customLanding .hgtvLogo-custom.mobileShow { display: inline-block; float: none; width: 100%; max-width: 120px; } .customLanding .impact .caption { font-size: 1em; } .customLanding .designHelp .col6.colHGTVBlue a.button.makeoverButton { width: 70%; padding: 30px 3px; } .customLanding .designHelp .col6.colHGTVBlue a.button.makeoverButton.brickwork-button { width: 70%; } .hgtvCountBlank { display: none; } .customLanding .col6.colWhite, .customLanding .col6.colHGTVBlue, .customLanding .col6.colGrey { width: 100%; padding: 8% 2% 2% 2%; max-height: 1000px; } .customLanding .col6.colGrey h3 { font-size: 2.5em; } /* END CUSTOM FURNITURE LANDING */ #salePage .saleLandingImages .col12.collectionBar { font-size: 1.5em; } #StoreInfo .col3 { width: 48%; min-height: 300px; } #StoreInfo #locationWrap .col3 { width: 30%; min-height: 0; margin: 0 0 20px 0; } #StoreInfo #locationWrap .col9 { width: 70%; } /* BEGIN HGTV Smart Home Landing Page */ /*.smartHomeLanding .smartHomeCTAButtons .shEnter,.smartHomeLanding .shContent .col8,.smartHomeLanding .shContent .col4{width:100%;margin-right:0%}.smartHomeLanding .shContent{margin-bottom:30px}.smartHomeLanding .shContent img{width:70%;max-width:200px;margin-bottom:20px}.smartHomeLanding .smartHomeCTAButtons .shTour{margin-top:10px;width:100%;margin-left:0%}.smartHomeLanding .featuredHeroImg .heroImageWrapper .caption{font-size:1em} */ /* END HGTV Smart Home Landing Page */ /* BEGIN PARTICIPATING STORE LIST */ .storeListBanner { display: none; } .storeListBannerMobile { display: block; text-align: center; margin: 0 auto 10px !important; } /* END PARTICIPATING STORE LIST */ } @media only screen and (max-width: 960px){ /* BEGIN MOBILE FOOTER */ footer:not(.footer-content) { float: none; padding: 0 !important; } .mobileSocial { margin-top: 30px; display: block; text-align: center; width: 100%; background: #333333; padding: 10px 0; } .mobileSocial i { color: #f0f0f0; font-size: 2em; padding: 10px; } .socialFooter { display: none; } footer:not(.footer-content) .footerCol, footer:not(.footer-content) .footerCol { position: relative; width: 100%; padding: 0 !important; } footer:not(.footer-content) span { color: #333333; font-size: .9em; display: block; width: 100%; border-bottom: 1px solid #d2d2d2; padding: 15px 10px 15px 20px; margin-bottom: 0; } footer:not(.footer-content) span:after { position: absolute; right: 10px; top: 15px; font-family: "FontAwesome"; content: "\f078" !important; float: right; color: #333333; padding-right: 5px; } footer:not(.footer-content) span a { color: #333333; text-decoration: none; text-transform: uppercase; } footer:not(.footer-content) .footerCol:nth-child(4) span, footer:not(.footer-content) .col3:nth-child(5) span { border-bottom: 0; } footer:not(.footer-content) .footerCol:nth-child(4) span:after { content: " " !important; } footer:not(.footer-content) .footerCol:nth-child(5) { padding: 0 0 10px 20px !important; } footer:not(.footer-content) input[type=text] { width: 60%; padding: 14px; border: 0; } footer:not(.footer-content) button, .button2 { margin-left: -5px; padding: 15px 20px; } footer:not(.footer-content) span .fa-map-marker { margin: 0 10px 0 0; } footer:not(.footer-content):after { content: " "; clear: both; } .subMenuFooter { display: none; } .subMenuFooter li { padding: 5px 0px 5px 20px; } .mobileFooterStoreLocator { display: block; } .mobileFooterStoreLocator + ul { display: none; } .tradeLinksMobile { display: block; margin-left: 20px; } .tradeLinksMobile ul { list-style: none; } .tradeLinksMobile ul li { padding-right: 20px; } .tradeLinksMobile ul li a { font-family: 'Sailec-Medium'; } .seoFooter { margin-top: 15px; margin-bottom: 10px; padding-left: 20px; } .seoFooter p { font-size: .8em; font-weight: bold; padding-left: 0; } .subFooter { padding: 5px; } footer:not(.footer-content) .seoFooter .col3:nth-child(4) { padding: 0 !important; } .subFooter span { padding: 0; font-size: .7em; } .legal, .credit { width: 100% !important; float: none; display: block; text-align: center; padding: 3px !important; } /* END MOBILE FOOTER */ } @media only screen and (max-width: 720px) { .col5 { width: 100%; float: none; margin-right: 0; } .col7 { width: 100%; float: none; margin-right: 0; } .mob-only { display: block !important; } .full-only { display: none !important; } .bfsTablet { display: none !important; } .mobHide { display: none !important; } .customLanding .button.full-only { display: none !important; } .customLanding .mob-only.button { display: inline-block !important; width: 100%; } .tabClear { display: block; clear: both; } .fullClear { display: none; clear: none; } .pricing { margin: 20px 0px 5px 0px; } .prodDetailBtns { margin-top: 0px; } .pricing #buyonline, .pricing #findstore { padding-top: 25px; } .mainContent { width: 100% !important; } .pageHeading { margin: 25px 0px 10px 0; } .innerWrapper { padding-left: 5px !important; padding-right: 5px !important; } .col4 { width: 48%; float: left; margin-right: 2%; } .newStorePopCTA button.col4 { width: 100%; } .col4:nth-child(2n) { margin-right: 0 !important; } .col4:nth-child(3n) { margin-right: 0 !important; } .col8 { width: 100%; float: none; } img.col4.trade { width: 32%; margin-right: 2% !important; } .col8.tradeDesc { width: 64.66%; float: left; margin-right: 0 !important; } #productDetailContainer .col8.mainContentDetail { width: 100%; } .largeHeadline { font-size: 6vw; } /* BEGIN MOBILE LEFT COLUMN/NAVIGATION */ .col3.leftColumn { width: 100%; float: none; padding-right: 0; } #productDetailContainer .pricing { width: 100%; text-align: center; float: left; } .leftNav ul li ul { padding: 0; } .leftNav ul li a { font-size: .8em; } .leftNav ul li ul li a { padding-left: 15px; } .leftNav ul li a { font-size: .8em; } .innerWrapper > .mob-only:before { content: " "; display: table; clear: both; } .catalogReq, .leftAd { display: block; width: 60%; margin: 20px 20%; } .mob-only .catalogReq .button { width: 100%; text-align: center; } .mob-only .leftAd { text-align: center; } .leftNav .collapse:after { display: block; } .leftNav span { position: relative; color: #f0f0f0; background: #7e7e81; cursor: pointer; } .leftNav span:after { content: "\f078"; font-family: 'Font Awesome 5 Pro'; position: absolute; right: 15px; top: 15px; font-weight: 300; } .leftNav span.collapse:after { content: "\f077"; font-family: 'Font Awesome 5 Pro'; position: absolute; right: 15px; top: 15px; font-weight: 300; } .leftNav ul { display: none; } /* END MOBILE LEFT COLUMN/NAVIGATION */ /* BEGIN STANDARD PAGE STYLES */ .accordion { width: 100%; } .accordion span { font-size: 1em; } .close:before { font-family: 'Font Awesome 5 Pro'; content: "\f068" !important; margin: 0 15px; font-weight: 300; } .career { float: none; width: 100% !important; } .col6.career p { padding: 10px 20px 10px 20px !important; margin: 0; } .col6.career h2 { margin-left: 20px; } section.group { display: block; width: 100%; } section.group:first-child { margin-top: 0; } section.group:nth-child(n+1) { margin-top: 30px; } .rightColSurvey.col6, .leftColSurvey.col6 { width: 100%; } /* END STANDARD PAGE STYLES */ /* BEGIN LISTING PAGE STYLES */ .listingPage.pageHeading { width: 90%; } .breadcrumbBar { text-align: center; } .breadcrumbBar span { display: inline-block; padding-top: 8px; margin-bottom: 0px; } .listingFilter { float: right; padding: 5px; min-width: 200px; display: inline-block; } .plProdWrap-full img { width: 100%; font-size: 2.1vw; } .fullListingDetails { width: 100% !important; } .sale { font-weight: bold; color: #C0392B; display: inline-block; margin: 0; } .moreFabrics { margin-top: 25px; width: 50%; font-size: .8em; } .swatch { width: 15%; float: left; text-align: center; margin-right: 4%; margin-top: 15px; } .swatch:last-child { margin-right: 0; } .swatch img { width: 100%; } .swatch p { font-size: .9em; } .col4.listWrap { width: 48%; padding-right: 0; margin-right: 4% !important; } .col4.listWrap:nth-child(2n) { margin-right: 0 !important; } .col4.listWrap:nth-child(3n) { margin-right: inherit; } .listBox { position: relative; } .listProd { width: 40%; float: left; } .listDisc { position: static; width: 60%; float: left; padding: 8px; padding-top: 0; } .plWrap .bottomLine { width: 100% !important; margin-top: 10px; position: static; text-align: left; color: #7e7e81; padding-left: 0; } .listWrap .bottomLine { position: absolute; bottom: 6px; width: 60% !important; text-align: center; color: #7e7e81; font-size: .9em; } /* END LISTING PAGE STYLES */ /* BEGIN PRODUCT DETAIL PAGE STYLES */ #productDetailContainer .asShownFabrics p { float: left; padding: 6px 6px 0px 6px; text-transform: uppercase; font-weight: bold; width: 100%; } #productDetailContainer .asShownFabrics .prodSwatch { float: left; width: 100%; } #productDetailContainer .asShownFabrics .swatchWrap { padding: 2px; width: 100%; } #productDetailContainer .asShownWrap { width: 100%; float: left; } #productDetailContainer .swatchWrap { float: right; width: 60%; text-align: right; padding: 20px 10px 20px 0px; } #productDetailContainer .prodSwatch { float: right; width: 20%; margin: 0px 5px; max-width: 40px; text-align: center; } #productDetailContainer .prodSectionDetails img { max-width:inherit; } #productDetailContainer .asShownWrap .col6 {width:49%; float:left;} #productDetailContainer .printBrochure { float: right; text-align: right; display: inline-block; font-size: 1.2em; color: #333333; } #productDetailContainer .col3.listBox { width: 100%; margin-bottom: 10px; } .mobileOnlineBar { margin: 0 auto; width: 300px; text-align: center; } #productDetailContainer .prodDetailRight { width: 100% !important; margin-top: 30px; } .buyOnlineBar .innerWrapper { padding-left: 0 !important; padding-right: 0 !important; } #productDetailContainer .mobProdDetails { display: block; } #productDetailContainer .prodSocialDetailWrap { display: none; } #productDetailContainer .thumbnails { display: none; } #productDetailContainer .prodDetailBtns .buttonLight { width: 49%; text-align: center; padding: 25px 0; font-size: 15px; float: left; margin: 5px 1% 5px 0; } #productDetailContainer .prodDetailBtns .buttonLight.right { margin: 5px 0 5px 1%; } .pbValue { display: none; } .buyOnlineBar .inHomeDelivery { padding-top: 0; } .buyOnlineBar .buyOnline .fa-shopping-cart { float: none; margin-right: 0; padding: 20px; } #productDetailContainer .containerWrapper4 .prodSwatch img { min-height: 40px; } /* END PRODUCT DETAIL PAGE STYLES */ /*BOOK CONSULTATION UNAVAILABLE POPUP*/ .centerParent .center.bookUnavail { margin: 0; } /*SMART HOME BANNER*/ .smartHomeBannerHeadline { height: auto; width: 100%; } .smartHomeBannerButton { width: 100%; } .smartHomeVideo .col6 { width: 100%; margin-right: 0 !important; } .smartHomeVideo .videoBlurb .shPlayBtn img { width: 50%; } .smartHomeVideo .videoBlurb p { font-size: 1.25em; padding: 30px 0px 15px 20px; width: 70%; } .smartHomeVideo .videoBlurb:after { display: none; } .smartHomeVideo .videoQuote { width: 100%; padding: 15px 20px; } .smartHomeVideo .videoBlurb .shPlayBtn { width: 30%; float: left; text-align: right; padding: 25px 15px; } .smartHomeVideo .videoQuote p { font-size: .9em; } .smartHomeWinners .winnersText p { font-size: 1.2em; margin-bottom: 20px; } /* BEGIN MOBILE WISH LIST*/ .col6.wishWrap { width: 100%; padding-right: 0; } .wishWrap { position: relative; min-height: auto; } .wishRemove { position: absolute; right: 1px; top: 1px; z-index: 10; } /*.wishBox { background: #f0f0f0; }*/ /*.wishProd { position: static; width: 40%; float: left; }*/ /*.wishDisc { width: 60%; float: left; padding: 20px; }*/ .hgtvLogo { width: 40px !important; } .wishDesign { width: 40%; } .wishViewProd { margin-left: 15px; width: 25%; float: left; } .wishViewProdFull { margin-left: 15px; width: 25%; float: left; } .wishAddToCart { /*margin-left: 0%;*/ width: 100%; float: left; } .wishAddToCart.inCart { background: #333333 !important; } /*#wishlistrpt { margin-top: -10px; }*/ /*.col4.wishWrap { width: 100%; padding-right: 0; }*/ /* END MOBILE WISH LIST */ /* BEGIN PRODUCT LISTING PAGE STYLES */ .store-loc > .col6 { width: 100%; margin-right: 0 !important; } .storeCell.col6, .lrpCell.col6 { width: 46%; } .lrpCell.col6 { width: 50%; } form .col6 { width: 100%; } .plProdImgLink { width: 100%; } .listProd img { margin: 0 !important; display: block; } .listDisc { position: static; width: 60%; float: left; padding: 8px; padding-top: 0; } .fullListingDetails .bottomLine a { float: none; } .plSwatch { width: 15%; float: left; text-align: center; margin-right: 4%; margin-top: 15px; } .listWrap .plProdImgLink { width: 100%; display: block; float: left; } .plWrap .listWrap .bottomLine { position: absolute; bottom: 6px; width: 96% !important; text-align: left; color: #333333; font-size: .8em; } .listWrap .listDisc { width: 100%; float: left; } /* END PRODUCT LISTING PAGE STYLES */ /*CUSTOMER SURVEY PAGE*/ ul#customer-survey .col3 { width: 100%; } ul#customer-survey li .col3 { margin: 10px auto; } /*END CUSTOMER SERVICE PAGE*/ /* BEGIN VIEW ORDER RPT PAGE */ #viewOrderRpt .viewOrder .itemRow .itemdesc.col6, #viewOrderRpt .viewOrder .itemRow .image.col6 { width: 45%; float: left; } /* END VIEW ORDER RPT PAGE */ /*SUPERFOOTER*/ footer:not(.footer-content) .superFooterWrapper { border-bottom: 1px #fff solid; margin-bottom: 0px; } footer:not(.footer-content) #superfooter { padding-left: 20px; padding-top: 20px; } footer:not(.footer-content) #superfooter span:after { content: "" !important; } footer:not(.footer-content) #superfooter h3 { margin-top: 0; } /* BEGIN:: DESIGNER LISTING PAGE */ .DesignerListing #reviewSlider .reviewsInfo { width: 100%; } .DesignerListing #reviewSlider .flexslider { width: 100%; } /* END:: DESIGNER LISTING PAGE */ .customLanding .impact .caption { display: none; } .customLanding .designHelp .colHGTVBlue { width: 100%; } .customLanding .col6.colHGTVBlue a.button:nth-child(2n) { width: 100% !important; } .customLanding .designHelp .col6 { width: 100%; float: right; } .customLanding .designHelp .makeoverButton, .customLanding .col6.colGrey a.button:nth-child(odd), .customLanding .col6.colHGTVBlue a.button:nth-child(even) { width: 100% !important; } .customLanding .col6.colGrey a.button { width: 100%; } .movers .col4, .movers .col6, .movers .col8, .movers .col12 { width: 100%; float: none; margin: 2% auto; text-align: center; } .movers .col2.hgtvLogos { margin-top: 0; } .movers .col8 { text-align: left; } .movers .col6 p { padding: 0 4%; } /* BEGIN:: CHECKOUT PAGE */ #checkout .col6 { width: 100%; } #checkout .reviewOrder .productRow .col6, #checkout .reviewOrder .protectionPlanPricing .col6 { width: 49%; } #checkout .reviewOrderBottom { display: block; clear: both; } /* END:: CHECKOUT PAGE */ .asShownFabrics .containerWrapper4 .fabricSwatch div, .asShownFabrics #thumbs .thumbhover div { left: 20px !important; top: 20px !important; } .asShownFabrics p { width: 100%; } .buttonLight a { text-decoration: none !important; } .rowItem.col3.listBox { width: 100%; } .customOptionsWrapper { width: 52%; float: left; } .customProdType { text-align: left; } .addToCart-popup { min-width: 80%; } .addToCart-popup .bt-buttonRow { min-width: 80%; } .mainContent > section.group:nth-child(2n+1) > .career:nth-child(2) { display: table-header-group; } .mainContent > section.group:nth-child(2n+1) > .career:nth-child(1) { display: table-footer-group; } .mainContent > section.group:nth-child(2n+2) > .career:nth-child(2) { display: table-footer-group; } .mainContent > section.group:nth-child(2n+2) > .career:nth-child(1) { display: table-header-group; } .mainContent .col3 { width: 24.25%; } /* BEGIN:: HOMEPAGE SALE GAPHICS */ .homeContentMiddle .slides li.flash img, .homeContentMiddle .slides li.countdown img, .homeContentMiddle .slides li.oneday img { display: none; } #home01 .slides li:not(.holidayDD) .innerWrapper { width: 100%; height: 100%; position: relative; display: inline-block; clear: both; padding: 0 !important; margin: 0; } #home01 .slides li { background-image: none !important; padding: 0 !important; } #home01 .slides .overlay { width: 100%; max-width: 100%; position: relative; display: block; clear: both; padding: 15px 0 10px; } /*#home01 .slides .overlay.dark span { color: #fff !important}*/ #home01 .slides li:not(.holidayDD) .overlay.center-center, #home01 .slides li:not(.holidayDD) .overlay.top-left, #home01 .slides li:not(.holidayDD) .overlay.top-right, #home01 .slides li:not(.holidayDD) .overlay.bottom-left, #home01 .slides li:not(.holidayDD) .overlay.bottom-right { background: none; position: relative; display: block; clear: both; top: 0; left: 0; right: 0; bottom: 0; width: 90%; margin: 10px auto 0; } #home01 .slides .overlay .saleTitle-1 { font-family: 'Sailec-Medium'; font-size: 1.6em; text-transform: uppercase; padding-top: 5px; } #home01 .slides .overlay .saleTitle-2 { font-family: 'Sailec-Medium'; font-size: 2em; } #home01 .slides .overlay .saleTitle-3 { font-family: 'Sailec-Medium'; font-size: 2.75em; } #home01 .slides .overlay .saleTitle-4 { font-family: 'Sailec-Regular'; font-size: 1em; } #home01 .slides .overlay .saleTitle-5 { font-family: 'Sailec-Regular'; font-size: .9em; } #home01 .slides .overlay .saleTitle-6 { font-family: 'Sailec-Regular'; font-size: .9em; } #home01 .slides .overlay .saleTitle { text-shadow: none !important; display: block; color: #333333 !important; } #home01 .slides .overlay .button { margin: 15px 0 !important; } #home01 .slides .overlay .button.fill { -webkit-box-shadow: none; box-shadow: none; } #home01 .slides .overlay .button.fill:hover { color: #fff; background-color: #333333 !important; } #home01 .slides .overlay.dark .button.fill { color: #333333 !important; background: #fff !important; } /* #home01 .flex-direction-nav a { top: 25%; } */ /* END:: HOMEPAGE SALE GAPHICS */ /* BEGIN:: MATTRESS SALE GAPHICS */ .mattressLanding .slides .innerWrapper { width: 100%; position: relative; display: inline-block; clear: both; padding: 0 !important; margin: 0; margin-top: -5px; } .mattressLanding .slides .overlay { width: 100%; max-width: 100%; position: relative; display: block; clear: both; padding: 15px 0 10px; } .mattressLanding .slides .overlay.center-center, .mattressLanding .slides .overlay.top-left.standard, .mattressLanding .slides .overlay.top-right, .mattressLanding .slides .overlay.bottom-left, .mattressLanding .slides .overlay.bottom-right { background: none; position: relative; display: block; clear: both; top: 0; left: 0; right: 0; bottom: 0; width: 100%; } .mattressLanding .slides .overlay.center-center .saleTitle-1, .mattressLanding .slides .overlay .saleTitle-1, .mattressLanding .slides .overlay object + .saleTitle-1 { padding-top: 0; font-family: 'Sailec-Medium'; font-size: 2em !important; text-transform: uppercase; display: block; text-shadow: none; } .mattressLanding .slides .overlay.center-center .saleTitle-2, .mattressLanding .slides .overlay .saleTitle-2 { font-family: 'Sailec-Medium'; font-size: 1em !important; display: block; text-shadow: none; } .mattressLanding .slides .overlay.center-center .saleTitle-3, .mattressLanding .slides .overlay .saleTitle-3 { font-family: 'Sailec-Medium'; font-size: 2em !important; display: block; text-shadow: none; } .mattressLanding .slides .overlay.center-center .saleTitle-4, .mattressLanding .slides .overlay .saleTitle-4 { font-family: 'Sailec-Regular'; font-size: 1em !important; display: block; text-shadow: none; } .mattressLanding .slides .overlay .button { margin: 15px 0; } .mattressLanding .slides .overlay .button.fill { -webkit-box-shadow: none; box-shadow: none; } .mattressLanding .flex-direction-nav a { top: 25%; } /* END:: MATTRESS SALE GAPHICS */ /* BEGIN FEATURED LANDING */ .featuredLanding .halfSlide.col6 { width: 100%; } .featuredLanding .benchmadeSwatches { width: 100%; } .featuredLanding .featuredLeatherTypes .plProd.listBox.col6 { width: 100%; } /* END FEATURED LANDING */ #salePage .saleLandingImages .col4 { width: 100%; max-width: 371px; margin: 0 auto 4% !important; float: none; left: 0; right: 0; text-align: center; } #salePage .saleLandingImages .overlay { width: 100%; max-width: 100%; position: relative; display: block; clear: both; padding: 10px 0 10px; } #salePage .saleImageWrapper .overlay.left-center, #salePage .saleImageWrapper .overlay.right-center, #salePage .saleImageWrapper .overlay.center-top { background: none; position: relative; display: block; clear: both; top: 0; left: 0; right: 0; bottom: 0; } #salePage .saleImageWrapper .overlay.right-center .saleTitle { text-align: center !important; } #salePage .saleImageWrapper .overlay .saleTitle-1, #salePage .saleImageWrapper .overlay .saleTitle-2 { color: #333333; text-shadow: none; } #salePage .saleImageWrapper.col12 .button.fill, #salePage .saleImageWrapper.col4 .button.fill { -webkit-box-shadow: none; box-shadow: none; text-decoration: none !important; border: none; width: 100%; margin: 5px 0 0 0; text-shadow: none; } #salePage .saleTitle-1 { font-family: 'Sailec-Medium'; font-size: 2em; display: block; text-shadow: none; } #salePage .saleTitle-2 { font-family: 'Sailec-Medium'; font-size: 1.5em; display: block; text-shadow: none; } #salePage .saleTitle-3 { font-family: 'Sailec-Medium'; font-size: 2em; display: block; text-shadow: none; } #salePage .saleTitle-4 { font-family: 'Sailec-Regular'; font-size: 1em; display: block; text-shadow: none; } #StoreInfo #locationWrap .col4, #StoreInfo #locationWrap .col8 { width: 100%; float: none; } .greatRoomLanding .halfButtons { margin-top: 0; background: #ffffff; } .greatRoomLanding .halfButtons .enterBtn { width: 100%; float: none; } .greatRoomLanding .halfButtons .enterBtn:last-child { border-top: 0; } .greatRoomLanding .sweepsCTABar { margin-top: 0; } .greatRoomLanding .formBlock.main { width: 98%; } .preImpactBanner span, .header-banner a, .header-banner span, .header-banner .locBold, header-banner .locBold a, .header-banner .locReg, .header-banner .locReg a { font-size: .65rem !important; } .header-banner { min-height: 40px; position: -webkit-sticky;} .header-banner .sale-bg { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 40px; padding: 0 10px; position: relative; top: 25%; -webkit-transform: translate(0,1%); -ms-transform: translate(0,1%); transform: translate(0,1%); -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap;} } @media screen and (min-width:641px) and (max-width:720px) { .col6.career { width: 50% !important; float: left !important; } .asShownFabrics .containerWrapper4 .fabricSwatch div, .asShownFabrics #thumbs .thumbhover div { left: 0px; } } @media only screen and (max-width: 670px) { /* BEGIN:: HOMEPAGE DESIGN STUDIO */ .hgtvDesignCenter { padding: 0 2% 55px; } .hgtvDesignCenter .lineBreak { display: none; } .hgtvDesignCenter .familyIcons { width: 100%; margin: 0; padding: 28px 0 0; } .hgtvDesignCenter .design-center-logo { width: 100%; margin: 0; } .hgtvDesignCenter .bigReveal { width: 100%; margin: 0; } .hgtvDesignCenter a { padding-bottom: 15px; } .hgtvDesignCenter .LGText-one { padding: 30px 0 0; } /* END:: HOMEPAGE DESIGN STUDIO */ #HomeCustom .lineBreak { display: block; } } /* BEGIN MOBILE STYLING (640px) */ @media only screen and (max-width: 640px) { .backToWish { width: 100% !important; } #productDetailContainer.prodDetail .moreFabrics { margin-top: -5px; padding: 5px 0px; } .col8.mainContent { width: 100%; } /*#productDetailContainer .col4.rightColumn { display: none; } #productDetailContainer .col4.rightColumn.prodDetailRight { display: block; }*/ #productDetailContainer #productDetailContainer .largeHeadline span { font-size: 6vw; } #productDetailContainer .largeHeadline { font-size: 6vw; } #productDetailContainer .zoomBtn { display: inline-block; background: #fff; padding: 6px 6px 6px 8px; color: #333333; position: absolute; top: 10px; right: 10px; font-size: 1em; } #productDetailContainer .swatchWrap .prodSwatch { margin: 0 2px; width: 15%; } #productDetailContainer .mobProdDetails { width: 100%; } #productDetailContainer .moreFabricsHeadline { margin-top: 20px; } #productDetailContainer .moreFabrics .swatchWrap { padding: 5px; } #productDetailContainer .asShownFabrics p { font-size: 0.750rem; width: 100%; float: left; } #productDetailContainer .asShownFabrics .prodSwatch { float: left; width: 40%; min-width: 0; margin: 0px 2px; } #productDetailContainer .mobProdDetails .pricing { width: 53%; float: left; margin: 0 0 0 5px; } #productDetailContainer .mobProdDetails .pricing:after { content: ""; display: table; clear: both; } #productDetailContainer.prodDetail .moreFabrics i { margin: 11px; } #productDetailContainer .prodAvail { font-size: 0.750em; } #productDetailContainer .originalPrice, .startingAt, .asShownPrice { font-size: 13px; } #productDetailContainer .productSku { margin-bottom: 5px; display: inline-block; } #productDetailContainer .saleIndicator, .percentOff, #productDetailContainer .saleFlag { font-size: 15px; } .listingPrice .startingAt { margin-bottom: 0; } #productDetailContainer .prodSocial { padding: 20px 0px 20px 0px; text-align: center; float: left; width: 100%; } #productDetailContainer .prodSocial > i { margin: 0 7.5%; } #productDetailContainer .wishListBtn:after { content: ""; display: table; clear: both; } #productDetailContainer .mobileSocial i { padding: 2%; } .buyOnline { width: 100%; } .inHomeDelivery { width: 100%; text-align: center; } .col8.buyOnline { width: 100%; float: none; } .mobileOnlineBar { width: 90%; margin: 0 5%; } /* BEGIN:: DESIGNER LISTING PAGE */ .DesignerListing .listingGroup .col3 { width: 49%; clear: none; margin: 0 0 25px 0; } .DesignerListing #reviewSlider .contentSlideWrap { width: 95%; } /* END:: DESIGNER LISTING PAGE */ .mainContent .col3 { width: 48%; } .listBox .listDisc { min-height: 192px; } .col4.rightColumn { padding-left: 0 !important; } .catalogReq, .leftAd { width: 80%; margin: 20px 10%; } /* BEGIN FEATURED LANDING */ .featuredLanding .featuredThreeColumn.traverseSwatches .featuredSwatches.col4 .swatchWrap { width: 32%; } .featuredLanding .featuredThreeColumn .featuredSwatches.col4 { width: 100% !important; } /* END FEATURED LANDING */ /* BEGIN MAKE OVER A DIFFERENCE */ .videoList .col4.colWhite { min-height: 425px; width: 100% !important; margin-right: 0% !important; } /* END MAKE OVER A DIFFERENCE */ /* BEGIN ORDER CONFIRMATION PAGE */ .col6.confirm { width: 100%; float: none; margin-top: 20px; } /* END ORDER CONFIRMATION PAGE */ /*.appLanding { width: 85%; }*/ .appLanding a.col4 { width: 100%; } .appLanding a.col4:first-child { margin-right: 0 !important; } .appLanding a.col4:last-child { margin-left: 0 !important; } .centerParent .center.bookUnavail { margin: 0px; } .smartHomeWinners .winners.col6 { width: 100%; } .smartHomeWinners .winnersText.col6 { width: 100%; } } /* END MOBILE STYLING (640px) */ @media only screen and (max-width: 586px) { /* BEGIN:: HOMEPAGE DESIGN STUDIO */ .homeContentMiddle .col6 { width: 100%; } #HomeCustom { padding: 0 2% 20px; margin: 0 0 20px; } /* END:: HOMEPAGE DESIGN STUDIO */ /* BEGIN:: HOMEPAGE FEATURED BANNERS */ .homeContentMiddle .col6.featured .overlay.center-center { position: relative; top: 40%; width: 98%; padding: 10px 1% 0; text-align: center; } .homeContentMiddle .col6.featured .overlay.center-center span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:2.15rem; padding-top:8px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col6.featured .overlay.center-center span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Regular'; font-size: 1.2em; display: block; padding: 0 0 0px; color: #333333; } .homeContentMiddle .col6.featured .overlay.center-center .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); margin: 15px 0 10px; } .homeContentMiddle .col6.featured .overlay.bottom-right { position: relative; width: 98%; padding: 10px 1% 0; text-align: center; } .homeContentMiddle .col6.featured .overlay.bottom-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:2.15rem; padding-top:8px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col6.featured .overlay.bottom-right span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Regular'; font-size: 1.2em; display: block; color: #333333; } .homeContentMiddle .col6.featured .overlay.bottom-right .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); margin: 15px 0 10px; } .homeContentMiddle .col6.featured .overlay.bottom-left { position: relative; width: 98%; padding: 10px 1% 0; text-align: center; } .homeContentMiddle .col6.featured .overlay.bottom-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:2.15rem; padding-top:8px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col6.featured .overlay.bottom-left span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Regular'; font-size: 1.2em; display: block; color: #333333; } .homeContentMiddle .col6.featured .overlay.bottom-left .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); margin: 15px 0 10px; } .homeContentMiddle .col6.featured .overlay.top-right { position: relative; width: 98%; padding: 10px 1% 0; text-align: center; } .homeContentMiddle .col6.featured .overlay.top-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:2.15rem; padding-top:8px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col6.featured .overlay.top-right span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Regular'; font-size: 1.2em; display: block; color: #333333; } .homeContentMiddle .col6.featured .overlay.top-right .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); margin: 15px 0 10px; } .homeContentMiddle .col6.featured .overlay.top-left { position: relative; width: 98%; padding: 10px 1% 0; text-align: center; } .homeContentMiddle .col6.featured .overlay.top-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:2.15rem; padding-top:8px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col6.featured .overlay.top-left span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Regular'; font-size: 1.2em; display: block; color: #333333; } .homeContentMiddle .col6.featured .overlay.top-left .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); margin: 15px 0 10px; } .homeContentMiddle .col12.featured .overlay.center-center { position: relative; top: 40%; width: 98%; padding: 10px 1% 0; text-align: center; } .homeContentMiddle .col12.featured .overlay.center-center span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:2.15rem; padding-top:8px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col12.featured .overlay.center-center span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Regular'; font-size: 1.2em; display: block; padding: 0 0 0px; color: #333333; } .homeContentMiddle .col12.featured .overlay.center-center .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); margin: 15px 0 10px; } .homeContentMiddle .col12.featured .overlay.video-center { position: absolute; top: 25%; width: 80%; margin: 0 10%; text-align: center; } .homeContentMiddle .col12.featured .overlay.video-center img { width: 50px; } .homeContentMiddle .col12.featured .overlay.video-center span.LGText-one { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium', sans-serif; font-size:2.15rem; padding-top:8px; letter-spacing: -.055rem; display: block; text-transform: uppercase; } .homeContentMiddle .col12.featured .overlay.video-center span.LGText-two { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); font-family: 'Sailec-Medium'; font-size: 1.0em; display: block; padding: 0 0 50px; } .homeContentMiddle .col12.featured .overlay.bottom-right { position: relative; width: 98%; padding: 10px 1% 0; text-align: center; } .homeContentMiddle .col12.featured .overlay.bottom-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:2.15rem; padding-top:8px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col12.featured .overlay.bottom-right span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Regular'; font-size: 1.2em; display: block; color: #333333; } .homeContentMiddle .col12.featured .overlay.bottom-right .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); margin: 15px 0 10px; } .homeContentMiddle .col12.featured .overlay.bottom-left { position: relative; width: 98%; padding: 10px 1% 0; text-align: center; } .homeContentMiddle .col12.featured .overlay.bottom-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:2.15rem; padding-top:8px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col12.featured .overlay.bottom-left span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Regular'; font-size: 1.2em; display: block; color: #333333; } .homeContentMiddle .col12.featured .overlay.bottom-left .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); margin: 15px 0 10px; } .homeContentMiddle .col12.featured .overlay.top-right { position: relative; width: 98%; padding: 10px 1% 0; text-align: center; } .homeContentMiddle .col12.featured .overlay.top-right span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:2.15rem; padding-top:8px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col12.featured .overlay.top-right span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Regular'; font-size: 1.2em; display: block; color: #333333; } .homeContentMiddle .col12.featured .overlay.top-right .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); margin: 15px 0 10px; } .homeContentMiddle .col12.featured .overlay.top-left { position: relative; width: 98%; padding: 10px 1% 0; text-align: center; } .homeContentMiddle .col12.featured .overlay.top-left span.LGText-one { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Medium', sans-serif; font-size:2.15rem; padding-top:8px; letter-spacing: -.055rem; display: block; text-transform: uppercase; color: #333333; } .homeContentMiddle .col12.featured .overlay.top-left span.LGText-two { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0); font-family: 'Sailec-Regular'; font-size: 1.2em; display: block; color: #333333; } .homeContentMiddle .col12.featured .overlay.top-left .button-shadow { border: 1px solid #333333; -webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.0); margin: 15px 0 10px; } /* END:: HOMEPAGE FEATURED BANNERS */ /* BEGIN:: HOMEPAGE REVIEW SLIDER */ #reviewSlider .flexslider { display: none; } section#reviews { height: auto; padding: 0 0 25px; } #reviewSlider .reviewsInfo { width: 100%; } #reviewSlider .reviewsInfo .numberOfReviews { color: #333; font-weight: bold; font-size: 22px; padding-bottom: 8px; } #reviewSlider .reviewsInfo .customerReviewsTitle { color: #000; font-weight: bold; font-size: 18px; color: #565656; text-transform: uppercase; } #reviewSlider .reviewsInfo .stars { width: 100%; margin: 4% 0 3% 0; } #reviewSlider .stars ul { margin: 0; padding: 0; } #reviewSlider .stars li { display: inline-block; } #reviewSlider .stars li img { width: 28px; height: 28px; } #reviewSlider .reviewsInfo .buttonWrap { text-align: center; margin: 0 auto; } #reviewSlider .reviewsInfo a.readAllButton { display: block; color: #fff; text-decoration: none; background: #333; font-size: 0.875em; width: 158px; height: 38px; text-align: center; line-height: 38px; margin: 0 auto; } /* END:: HOMEPAGE REVIEW SLIDER */ } @media screen and (max-width:580px) { .col4 { width: 100%; float: left; margin-right: 0% !important; } .col4:nth-child(2n) { margin-right: 0 !important; } .col4.wishWrap { margin-right: 2% !important; } #reviewsLandingPage .custStars { width: 96%; margin: 0 2%; text-align: center; } #reviewsLandingPage .custComments { width: 90%; margin: 0 5%; } .itemAddedToCart .image { display: none; } .bt-buttonRow .bt-btn { width: 100%; margin-left: 0 !important; margin-right: 0 !important; text-align: center; padding: 10px 20px !important; } .addToCart-popup .bt-buttonRow .bt-btn:first-child { margin-top: 1px !important; margin-bottom: 3px !important; } .addToCart-popup .bt-buttonRow .bt-btn:last-child { margin-top: 3px !important; margin-bottom: 1px !important; } #ckselect { width: 100%; max-width: 100%; } .mattressLanding .mattressSale a.button { width: 75%; } #productDetailContainer .pricing { width: 100%; float: none; } #productDetailContainer .asShownWrap { width: 100%!important; float: left; } .listDisc h4 { font-size: .9em; } .listWrap.col4 .plProdtitle2.listingPrice { font-size: .9em; } .plWrap .listWrap .bottomLine { position: absolute; bottom: 6px; } .listBox .listDisc { min-height: 180px; } .col4.listWrap:nth-child(3n) { margin-right: inherit; } } @media only screen and (min-width: 580px) { .firstColumn { width: 225px; } .covColumn, .exclColumn { width: 250px; } .rwd-table td:before { display: none; } .rwd-table th, .rwd-table td { display: table-cell; padding: .25em .5em; } .rwd-table th, .rwd-table td { padding: 1em !important; } .rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; } .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; } } @media only screen and (max-width:560px) { .DesignerListing .fasDirections, .DesignerListing .fasPhoneIcon { right: 0px; } .DesignerListing .col6 .icon { max-width: 100px; margin-right: 15px; } .DesignerListing .col6.dListingIcon h1 { font-size: 1.5em; margin: 0; padding: 11% 0 0 0; } .DesignerListing .col6.dListingIcon { width: 70%; margin: 0 15% 30px 20% !important; } .DesignerListing .col6.dListingStore { padding: 10px; } .DesignerListing .fasDirections { top: 40px; right: 0px; } .DesignerListing .fasPhoneIcon { top: 105px; right: 0px; } #StoreInfo #locationWrap .col3 { width: 100%; min-height: 0; margin: 0 0 20px 0; } #StoreInfo #locationWrap .col9 { width: 100%; margin: 0 0 20px 0; } .appLanding .button.brickwork-button.col6 { width: 100%; margin-right: 0 !important; margin-bottom: 20px; } .quickShipMsg p { padding: 5px; width: 100%; } .brickworksBar .col8.needHelp, .brickworksBar .col4.brickBtn { width: 100% !important; } } @media (max-width: 530px) { #reviewsLandingPage .grayBarColLeft { width: 100%; text-align: center; padding: 0 4px; } #reviewsLandingPage .grayBarColRight { display: none; } } @media only screen and (max-width:520px) { .smartHomeVideo .videoBlurb p { font-size: .8em; padding: 15px 0px 0px 20px; width: 70%; } } @media (max-width:500px) { .cribButton a { font-size: .8em; } .brickworksBar .col8.needHelp { height: 67px; } .brickworksBar .col8.needHelp span { top: 22px; } .listBox .listDisc { min-height: 138px; } } @media only screen and (max-width: 478px) { .plProdWrap.col4 { width: 100% !important; } .listDisc h4 { font-family: arial,sans-serif; font-weight: bold; font-size: .9em; color: #333333; } .listDisc span { font-size: .9em; } .col6 { width: 100%; float: none; } .col8.tradeDesc { width: 100%; float: none; } /* BEGIN SMALL DEVICE LISTING PAGE */ .listingFilter { width: 100%; } .breadcrumbBar { text-align: center; } .breadcrumbBar span { display: inline-block; padding-top: 0px; margin-bottom: 10px; } .catalogReq, .leftAd { width: 96%; margin: 20px 2%; } /* END SMALL DEVICE LISTING PAGE */ /* BEGIN STORE LOCATOR PAGE STYLES */ .storeCell.col6, .lrpCell.col6 { width: 100%; min-height: 0; } .fasSearchForm select.col4, .fasSearchForm input[type=text].col4 { width: 100% !important; margin-right: 0 !important; } /* END STORE LOCATOR PAGE STYLES */ /* BEGIN VIEW ORDER RPT PAGE */ #viewOrderRpt .viewOrder-summary .protectionPlanPricing .col6 { float: none; width: 100%; } #viewOrderRpt .viewOrder-summary .protectionPlanPricing table { margin: 20px 0 0 0; } #viewOrderRpt .promo-box { width: 100%; } #viewOrderRpt .buttonBack { width: 100%; margin-bottom: 5px; text-align: center; } #viewOrderRpt .buttonCart { width: 100%; margin-bottom: 5px; } #viewOrderRpt .promo-box > label { display: none !important; } /* END VIEW ORDER RPT PAGE */ /* BEGIN SMALL DEVICES WISH LIST*/ .col4.wishWrap { width: 100%; padding-right: 0; } .wishWrap { position: relative; min-height: auto; } /*.wishBox { background: #f0f0f0; }*/ .wishProd { position: relative; width: 100%; float: none; } /*.wishDisc { width: 100%; float: none; padding: 20px; }*/ .hgtvLogo { width: 30px !important; } .wishDesign { width: 100%; } .wishViewProd { margin-left: 0px; width: 50%; float: left; } .wishViewProdFull { margin-left: 0px; width: 100%; float: none; } .myAccountSwatches .swatchListingCell { width: 29%; margin-right: 4%; } .myAccountSwatches .swatchListingCell:nth-child(3n) { margin-right: 0; } .myAccountSwatches .swatchListingCell:nth-child(5n) { margin-right: 4%; } .myAccountSwatches .swatchListingCell:last-child { margin-right: 4%; } .myAccountSwatches .swatchListingCell:nth-child(2n) { margin-right: 4%; } .col4.wishWrap { width: 100%; padding-right: 0; } /* END SMALL DEVICES WISH LIST */ /* BEGIN CUSTOM FURNITURE LANDING */ .customLanding .hgtvLogo-custom.mobileShow { width: 135px; margin: 0; } .customLanding .hgtvLogos img { width: 45px; margin: 0 .5%; } .customLanding .pageHeading h1 { font-size: 1.5em; margin-top: 15px; } .customLanding .pageHeading h2 { font-size: .875rem; } .customLanding .button { width: 95%; clear: both; display: inline-block !important; } /* END CUSTOM FURNITURE LANDING */ .DesignerListing .col6.dListingIcon { width: 86%; margin: 0 7% 50px 7% !important; } /* BEGIN FEATURED LANDING */ .listingPage.pageHeading h1, .featuredLanding .pageHeading h1 { font-size: 2em; } .listingPage.pageHeading .LGText-two, .featuredLanding .pageHeading .LGText-two { font-size: 1em; } .featuredLanding span.featuredTagline { font-size: .9em; padding: 21px 0 15px 0; } .featuredLanding .featuredSwatches .swatchWrap { width: 23%; margin: 10px 5px; } .featuredLanding .featuredSwatches .swatchWrap p { font-size: .8em; } /* END FEATURED LANDING */ /*BEGIN LISTING PAGE STYLES*/ .listWrap .plProdImgLink { width: 100%; float: none; } .plWrap .listWrap .bottomLine { font-size: .675em; width: 92% !important; margin: 0 4%; /* margin-top: 30px; position: relative; */ text-align: left; } .listWrap .listDisc { width: 100%; } /* .salePrice { display: block; } */ /*END LISTING PAGE STYLES*/ /*BEGIN POP UP STYLES*/ .newStorePopCTA span { width: 100% !important; float: none; } .newStorePopCTA p { padding-top: 20px; } .newStorePopCTA button.col4 { width: 100% !important; } /*END POPUP STYLES*/ /*BEGIN PRODUCT DETAIL PAGE STYLES*/ .asShownWrap { width: 48% !important; margin-bottom: 20px !important; } .prodDetailRight { padding-left: 0 !important; } .moreFabricsHeadline { width: 100% !important; } .moreFabricsSwatchWrap { float: left !important; width: 100% !important; } .prodSwatch { float: left !important; } .mainContent .col4 { width: 96% !important; } .mainContent .col4:nth-child(2n) { margin-right: 2%; } .mainContent .col4:nth-child(3n) { margin-right: 2%; } .listWrap.col4:nth-child(3n) { margin-right: inherit; } .col4.wishWrap { width: 48% !important; } .plProdWrap.col4.listWrap { width: 48% !important; } } @media only screen and (max-width:440px) { .cribButton { min-height: 73px; } .cribButton a { font-size: .75em; } #StoreInfo .col3 { width: 90%; margin: auto 5%; min-height: auto; margin-bottom: 40px; } #StoreInfo #locationWrap .col3 { width: 100%; margin: 0 0 20px 0; padding-right: 0; } #StoreInfo .pageHeading h2 { text-align: center; } .mobileMenuTrigger { padding-left: 0px; } .mobileLocator { padding-left: 0px; } .mobileSearch { padding-right: 0px; } .listBox .listDisc { min-height: 185px; } .wishBox .clearance { width: 100%; display: block; font-size: .875rem; } .wishDisc { font-size: .875rem; } .wishDisc h4 { line-height: 1; } } @media only screen and (max-width:420px) { .mobileSocial i { font-size: 1.6em; padding: 6px; } } @media only screen and (max-width:410px) { .DesignerListing .col6.dListingIcon { width: 95%; margin: 0 7% 50px 9% !important; } } @media only screen and (max-width:400px) { .saleBanner, .clearanceBanner { font-size: 1.5em; } .hgtvDesignCenter .lineBreak { display: block; } .hgtvDesignCenter .LGText-one { font-size: 1em; color: #333333; padding: 20px 0 0; display: block; text-transform: uppercase; } .hgtvDesignCenter .LGText-two { font-size: 2em; font-family: 'Sailec-Medium'; padding: 0 0 10px; color: #333333; text-transform: uppercase; display: block; } #HomeCustom span.LGText-one { font-size: 1.5em; } #HomeCustom span.LGText-two { font-size: 1.2em; } #HomeCustom .col3 { width: 100%; } #home01 .slides .overlay { padding: 15px 30px 5px; } #home01 .slides .overlay.center-center .saleTitle-1, #home01 .slides .overlay .saleTitle-1 { font-family: 'Sailec-Medium'; font-size: 1.3em; text-transform: uppercase; display: block; text-shadow: none; } #home01 .slides .overlay.center-center .saleTitle-2, #home01 .slides .overlay .saleTitle-2 { font-family: 'Sailec-Medium'; font-size: 1.5em; display: block; text-shadow: none; } #home01 .slides .overlay.center-center .saleTitle-3, #home01 .slides .overlay .saleTitle-3 { font-size: 1em; display: block; text-shadow: none; } #home01 .slides .overlay.center-center .saleTitle-4, #home01 .slides .overlay .saleTitle-4 { font-family: 'Sailec-Regular'; font-size: .8em; display: block; text-shadow: none; } #home01 .slides .overlay.center-center .saleTitle-5, #home01 .slides .overlay .saleTitle-5 { font-family: 'Sailec-Regular'; font-size: .7em; display: block; text-shadow: none; } #home01 .slides .overlay.center-center .saleTitle-6, #home01 .slides .overlay .saleTitle-6 { font-family: 'Sailec-Regular'; font-size: .7em; display: block; text-shadow: none; } #home01 .slides .overlay .button { font-size: 1em; } #salePage .saleTitle-1 { font-family: 'Sailec-Medium'; font-size: 1.5em; text-transform: uppercase; display: block; text-shadow: none; } #salePage .saleTitle-2 { font-family: 'Sailec-Medium'; font-size: 1em; display: block; text-shadow: none; } #salePage .saleTitle-3 { font-family: 'Sailec-Medium'; font-size: 1.5em; display: block; text-shadow: none; } #salePage .saleTitle-4 { font-family: 'Sailec-Regular'; font-size: .8em; display: block; text-shadow: none; } .whats-new .LGText-one { font-size: 2em; } #StoreInfo .col6 { width: 100%; text-align: left; } .DesignerListing .bioNav { font-size: .7em; text-align: center; padding: 0 0 20px 0; } .DesignerListing .col8 .icon { max-width: 75px; } .DesignerListing .col8 h1 { font-size: 1.7em; margin: 2% 0; } #viewOrderRpt .viewOrder .itemRow .itemdesc.col6 { width: 100%; float: none; padding: 0 10px 10px; } #viewOrderRpt .viewOrder .itemRow .image.col6 { float: none; width: 100%; } #checkout .example { clear: both; display: block; padding: 0 0 10px; } #checkout .reviewOrder .productRow .col6, #checkout .reviewOrder .protectionPlanPricing .col6 { width: 100%; } #checkout .edit { position: inherit; display: block; clear: both; margin: 20px 0 0; } /* #checkout img { width: 100%; } */ #checkout .protectionPlanHeader img {width: 40px;} } @media only screen and (max-width:370px) { .listDisc h4 { font-size: .8em; } .brickworksBar .col8.needHelp span { top: 11px; } } @media only screen and (max-width:340px) { .listDisc h4 { font-size: .7em; } .reqSwatches { } .listWrap.col4 .plProdtitle2.listingPrice, .plWrap .listWrap .bottomLine { font-size: .7em; } .listBox .listDisc { min-height: 175px; } .plWrap .listWrap .bottomLine { margin: 0px 2%; } } /* BEGIN HIDE TRACKING PIXELS */ img[src*='r.turn.com'] { display: none !important; position: fixed !important; top: -10000px !important; left: -10000px !important; } /* END HIDE TRACKING PIXELS */ @media print { header, footer, .col3.leftColumn, p.instructions, .wishViewProdFull, .foot { display: none; } /*.wishDisc { margin-top: -110px; padding-left: 5px; }*/ .wishAddToCart, .wishBox .error { display: none !important; } .wishBox.group, .wishProd { background: none; } footer, .col12 .utilityNav, .search, .homeContentMiddle .flexslider, #reviews, .videoContainer, #topLink { display: none; } #HomeCustom .button, .button-shadow { display: none; } #HomeCustom .icons { margin: 10px auto; } .col9 { width: 100%; } p { line-height: normal; } body { font-family: Verdana, Helvetica, Arial, sans-serif; margin: 0; padding: 0; } a { text-decoration: underline; } a:hover { text-decoration: underline; } img { border: none; } #screenreaderNav { display: none; } br.printBreak { display: none; } .hidden { display: none; } .clear { clear: both; height: 0px; } .left { float: left; } .right { float: right; } #livechat-compact-container, #livechat-full { display: none; } #checkout .section_header, #checkout > * { background: none; border-top: 0 !important; border-bottom: 0 !important; font-size: 12px !important; font-family: "arial" !important; } #checkout .checkout_section { margin: 0 !important; } .form-right.edit, .sticky, .backToTop, .subFooter, #checkout .buttonMedium, #wellsPrint, #checkout .reviewOrder .section_header, #local-retailer, .protectionPlanPricing { display: none !important; } #checkout .image img { max-width: 100px; } .moreItems, .prodSocial, .thumbnails, .zoomBtn, .flex-direction-nav, #zipCart { display: none; } #productDetailContainer #largeimage > .flexslider .slides img { width: 50% !important; } #productDetailContainer #largeimage ul.slides { background: none; } .buyOnlineBlurb { font-size: 28px; } .buyOnlineBlurb span { font-size: 22px; } .buyOnlineBar .buyOnline, .buyOnlineBar .inHomeDelivery, .col6.buyOnline { padding: 10px 0; } .myFavorites .prodFavorite .swatch-favorite { display: none; } } @media print and (orientation:portrait) { #HomeCustom .icons { margin-top: 10px; } .hgtvDesignCenter { padding-bottom: 0; clear: both; } .innerWrapper { margin-top: 20px; } } .videoContainer { margin-top: 30px; } .videoContainer img { width: 100%; margin: 0; display: block; } .videoContainer span { display: block; background: #fff; border: 1px #d2d2d2 solid; font-size: 1.25em; font-family: 'archermedium'; text-align: center; color: #7e7e81; padding: 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* BEGIN NEW HEADER STYLES */ .searchBar { clear: both; } .searchBar > .searchInput { justify-content: center; display: flex; background: #F0F0F0; } .searchTextBoxField { border: 0; background-color: #f0f0f0; padding: 7px; width: 100%; } .searchButton{ float: right; padding: 12px 7px 0 0; width: 25px; position: absolute; top: 0; right: 0; } .searchBar > .searchInput form { width: 100%; } .headerSlide { position: absolute; z-index: 9999; height: 30px; width: 30px; cursor: pointer; top: -9999px; } /* MAIN HEADER STYLES */ .resHeader { width: 100%; display: flex; display: -ms-flexbox; align-items: center; -webkit-box-orient: horizontal; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 0 0 0; background: #fff; flex-wrap: wrap; font-family: 'Sailec-Regular'; font-size: .76rem; } .resHeader .toggleMenu { cursor: pointer; color: #333333; } .resHeader .inspiration-menu strong.mobOnly { padding: 20px 0 0 20px; display: inline-block; } .resHeader .story-menu strong.mobOnly { padding: 0 0 0 20px; display: inline-block; } /* 11/5/21 ZAM - toggleMenu TO BUTTON */ .resHeader button.toggleMenu, .resHeader button.accToggle { background: none; border: 0; padding: 0; margin: 0; } .resHeader button.accToggle span { color: #333333; background-color: #FFFFFF; } .utility-menu .accToggle { display: inline-block; position: relative; left: auto; } .utility-menu a.accToggle { text-decoration: none; } .utility-menu { position: relative; margin: 10px 10px 0 10px; box-sizing: border-box; border-bottom: 4px solid transparent; padding-bottom: 5px; } .utility-menu:not(.open) .flyout { display: none; } .utility-menu.open .flyout { position: absolute; border-radius: 5px; border: 1px solid #d2d2d2; background: #fff; z-index: 99; left: -7em; top: 26px; padding: 30px; } /* MINI CART */ .miniCartTrigger { text-decoration: none; } /*Store assignment styles*/ .utility-menu.storeOption.open .flyout { min-width: 420px; left: -11rem; text-align: left; top: 26px; } /* INPUT STYLES TO MAKE IT HAVE MORE CLICKABLE SPACE */ .logo { width: 33%; text-align: center; /*REMOVES THE STYLES CSS FOR LOGO */ margin: 0 0 0 0 !important; max-width: 660px; /* for zooming */ } /* MY STORE */ .utility-menu.storeOption.open { border-bottom: 4px solid #333333; } .utility-menu.storeOption .flyout .assignedStore div, .utility-menu.storeOption .flyout .assignedStore span { color: #000000; background-color: #FFF; } @media only screen and (max-width: 960px) { .utility-menu.storeOption .flyout .assignedStore div, .utility-menu.storeOption .flyout .assignedStore span { background-color: #F0F0F0; } } .utility-menu.storeOption .flyout .assignedStore .storeName { font-size: 1rem; } .utility-menu.storeOption .flyout .assignedStore .bStoreName { font-family: 'Sailec-Medium'; text-transform: uppercase; margin-bottom: 16px; } .utility-menu.storeOption .flyout .assignedStore .storeHours{ margin: 1rem 0; } .utility-menu.storeOption .flyout .assignedStore .storeHours span{ display: block; } .utility-menu.storeOption .flyout .assignedStore .storeHours span.specialHeading{ font-size: 1.250rem; color: #DC2A2A; } .utility-menu.storeOption .flyout .assignedStore .storeHours span .days{ float: left; width: 115px; color: #000000; } .utility-menu.storeOption .flyout .designHelp{ margin-top:1rem; } .utility-menu.storeOption .flyout .storeDetails, .utility-menu.storeOption .flyout .searchStores, .utility-menu.storeOption .flyout .changeLocation, .utility-menu.storeOption .flyout .zipOnly{ padding: 1rem 0 1rem 2px; border-bottom: 1px solid #D2D2D2; } .utility-menu.storeOption .flyout .storeDetails:hover, .utility-menu.storeOption .flyout .searchStores:hover, .utility-menu.storeOption .flyout .changeLocation:hover, .utility-menu.storeOption .flyout .storePhone:hover { background-color: #F0F0F0; } .utility-menu.storeOption .flyout .storePhone{ padding: 1rem 0; border-bottom: 1px solid #D2D2D2; } .zipDesc{ display: inline-block; } .utility-menu.storeOption .flyout .assignedStore a, .utility-menu.storeOption .flyout .storeDetails a, .utility-menu.storeOption .flyout .searchStores a, .utility-menu.storeOption .flyout .changeLocation a { text-decoration: none; } .utility-menu.storeOption .flyout .designHelp .designHeading { font-size: 1.250rem; } .utility-menu.storeOption .flyout .designHelp .apptLink { border: 1px solid #333333; border-radius: 25px; width: 244px; min-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .utility-menu.storeOption .flyout .designHelp .apptLink i.fa-arrow-right { margin-left: 10px; } .utility-menu.storeOption .flyout .designHelp .apptLink:hover { background: #F0F0F0; } /* MY ACCOUNT */ .utility-menu.open { border-bottom: 4px solid #333333; } .utility-menu.myAccount .loggedOut strong { border-bottom: 1px solid #d2d2d2; padding-bottom: 1rem; /* width: 100%; */ display: block; } .utility-menu.myAccount.open .flyout { padding: 36px 36px 20px 36px; text-align: left; top: 26px; left: -5rem; width: 264px; } .utility-menu.myAccount .flyout div strong { border-bottom: 1px solid #d2d2d2; margin-bottom: 0rem; padding-bottom: 1rem; display: block; color: #000000; } .utility-menu.myAccount li { border-bottom: 1px solid #d2d2d2; padding: 1rem 0 1rem 15px; } .utility-menu.myAccount li:hover{ background-color: #F0F0F0; } .utility-menu.myAccount li a { text-decoration: none; } .utility-menu.myAccount li:last-child a { color: #333; } /* INSPIRTION */ .utility-menu.inspiration-menu.open .flyout{ padding: 0; min-width: 481px; } .utility-menu.inspiration-menu.open .flyout li { border-bottom: 1px solid #d2d2d2; padding-bottom: 10px; padding-top: 10px; } .utility-menu.inspiration-menu.open .flyout li:last-child { border-bottom: none; } .utility-menu.inspiration-menu.open .flyout li:hover{ background-color: #F0F0F0; } .utility-menu.inspiration-menu.open .flyout li a { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 400px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; font-size: 12px; min-height: 52px; } .utility-menu.inspiration-menu.open .flyout li a .col6:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 30px; } .utility-menu.story-menu.open .flyout li .col6:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 30px; } .utility-menu.inspiration-menu.open .flyout li a .col6:last-child, .utility-menu.story-menu.open .flyout li .col6:first-child { margin-right: 30px !important; } .utility-menu.open .flyout li a .col6 { width: 42%; } .inspiration-menu .col6:nth-child(2n) span{ display: block; } .inspiration-menu .inspirIcon { width: 35px; margin-right: 10px; } .inspiration-menu .inspirIcon img { margin: 0 auto; display: block; } .utility-menu.open .flyout li a .col6 p { margin-top: 0; margin-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 55%; flex: 0 55%; line-height: 1; color: #808080; } .utility-menu.open .flyout li .col4 { width: 27%; margin-right: 16px; margin-left: 22px; } .utility-menu.open .flyout li .col8 { margin-right: 0 !important; padding-right: 30px !important; width: 61%; } .utility-menu.open .flyout li .col8 a{ line-height: 1.6rem; } .utility-menu.open .flyout li .col8 span:first-of-type{ font-weight: 700; } /* OUR STORY */ .utility-menu.story-menu.open .flyout{ padding: 0; } .utility-menu.story-menu.open .flyout li { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 400px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; font-size: 13px; margin: 15px 0; padding: 15px 0; } .accToggle{ position: absolute; left: -9999999px; } .srOnly{ position: absolute; left: -9999999px; width: 1px; height: 1px;} .filtering{ position: relative; position: -webkit-sticky; background: #fff; z-index: 1; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .filtering{ z-index: 2; } } .filtering.stick{ position: fixed; top: 0; border-bottom: 1px solid #D2D2D2; left: 0; right: 0; z-index: 2; } .filtering.stick .filter_container{ margin: 10px 0; } .filtering.stick .currentFilters { display: flex; flex-wrap: wrap; max-width: 1165px; margin: 0 auto 10px auto; } /* DESKTOP STUFF */ @media only screen and (min-width: 961px) { .mobOnly { display: none !important; } .mobAccText{ position: absolute; left: -9999999px; width: 1px; height: 1px; } .pnlHdrInspiration { order: 1; } .pnlHdrStory { order: 2; } /* 11/5/21 ZAM - pnlHdrStory TO HREF */ .pnlHdrStory a.toggleMenu { text-decoration: none; } .logo { order: 3; } .pnlHdrStore { order: 4; } .pnlHdrUser { order: 5; } .pnlHdrCart { order: 6; } .topNav, .searchBar { order: 7; flex: 1 0 100%; padding-top: 10px; border-top: 1px solid #D2D2D2; } /* SEARCH BAR DESKTOP */ .headerSearch { width: 100%; margin: 0 auto !important; max-width: 570px; position: relative; } .searchBar { border: none; overflow-y: hidden; } .searchSlider { position: absolute; } .searchInput { max-height: 0; margin-top: 10px; overflow-y: hidden; transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .pnlHdrSearch{ margin-left: 35px; } .pnlHdrSearch .searchMM .search{ color: #000; float: none; } .pnlHdrSearch .searchMM { position: relative; margin: 10px 10px 0 10px; box-sizing: border-box; border-bottom: 4px solid transparent; padding-bottom: 5px; } /* 11/5/21 ZAM - ADDED BUTTON WRAP */ .pnlHdrSearch button { background: none; border: none; padding: 0; margin: 0; pointer-events: none; } /* 1/24/22 ZAM - ADDED BUTTON WRAP */ .miniCartTrigger button { background: none; border: none; pointer-events: none; padding: 0; margin: 0; } /* SLIDE OUT SEARCH */ .searchSlider:checked ~ .searchInput { padding: 15px 0; max-height: 80px; border-top: 1px solid #D2D2D2; margin-top: 20px 0; } .searchSlider:not(:checked) ~ .searchInput .headerSearch .searchButton{ display: none; } .searchTextBoxField { font-size: 1.5rem; } /* LINE UP TEXT AND IMAGES */ .utility-menu .flexCenter img, .search img, .miniCartTrigger img{ margin-right: 5px; margin-bottom: -5px; width: 19px; } .transImg{ width: 1px; height: 19px; margin-bottom: -5px; } .shoppingcontainer { position: relative; } /* 4/1/22 ZAM - SHOPPING CART BUTTON MOVE */ .shoppingcontainer button.accToggle:focus .mobOnly { display: block !important; } } /* MOBILE STYLES */ @media only screen and (max-width: 960px) { header { position: absolute; left: 0; right: 0; /* z-index: 12; */ top: 0; } /* 11/5/21 ZAM - UPDATED and ADDED accToggle SELECTORS */ .topNav .accToggle{ display: none; } .pnlHdrInspiration .accToggle, .pnlHdrStory .accToggle{ pointer-events: none; } .filtering.stick{ border-top: 1px solid #D2D2D2; } .searchSlider{ display: none; } .subMenu .sale{ font-weight: 400; color: #333; display: block; } .resHeader { justify-content: space-between; align-items: center; padding: 15px 0; font-size: 1rem; } .resHeader > div.spacer1 { min-width: 40px; } .resHeader .mobStoreLink img { width: 27px; padding: 0px 3px 0 9px; margin-left: 10px; } .resHeader .svgTextAlt { position: absolute; left: -9999999px; } .resHeader .inspiration-menu button.toggleMenu, .resHeader .story-menu button.toggleMenu { display: none; } .logo { width: auto; text-align: center; /*REMOVES THE STYLES CSS FOR LOGO */ margin: 0 !important; flex: 2 2 28%; } .mobileToggle { margin-left: 5px; } /* 11-5-21 ZAM - ADDING BUTTON TO MOBILE MENU */ #mobileMainButton { background: none; border: none; pointer-events: none; padding: 8px 10px; margin: 0; } /* THE CART */ .pnlHdrCart { margin-right: 20px; } .shoppingcontainer .miniCart { display: none !important; } .menuClose{ display: none; } .cartText, .cartTotal { position: absolute; left: -9999999px; width: 1px; height: 1px; } .menuOp { display: block; } /* LOGO CHANGES */ .logo img { max-width: 110px; } .miniCartTrigger img{ width:19px; } /* 1/24/22 ZAM - ADDED BUTTON WRAP */ .miniCartTrigger button { background: none; border: none; padding: 0; margin: 0; } /* SLIDE OUT */ .searchBar, .pnlHdrStore, .pnlHdrUser, .pnlHdrInspiration, .pnlHdrStory, .topNav { width: 100%; } /* 11-5-21 ZAM - ADDED ORDER */ .searchBar { order: 1; } .topNav { order: 2; } .pnlHdrStore { order: 3; } .pnlHdrUser { order: 4; } .pnlHdrInspiration { order: 5; } .pnlHdrStory { order: 6; } .pnlHdrSearch { display: none; } /* INPUT CHECKS */ .headerSlide:checked ~ header { position: fixed; bottom: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .headerSlide:checked ~ .mainPush, .headerSlide:checked ~ header .resHeader .mobileToggle .menuOp, .headerSlide:checked ~ header .resHeader > .mobStoreLink, .headerSlide:checked ~ header .resHeader > .spacer1, .headerSlide:checked ~ header .header-banner { display: none; } .headerSlide:not(:checked) ~ header .resHeader .searchBar, .headerSlide:not(:checked) ~ header .resHeader .pnlHdrStore, .headerSlide:not(:checked) ~ header .resHeader .pnlHdrUser, .headerSlide:not(:checked) ~ header .resHeader .pnlHdrInspiration, .headerSlide:not(:checked) ~ header .resHeader .pnlHdrStory, .headerSlide:not(:checked) ~ header .resHeader .topNav { display: none; } .headerSlide:checked ~ header .resHeader .mobileToggle .menuClose { display: block; } /* FIXED ON MENU OPEN */ .headerSlide:checked ~ header .resHeader { padding: 58px 0 0 0; } .headerSlide:checked ~ header .resHeader .logo { position: fixed; top: 18px; left: 37%; z-index: 99; } .headerSlide:checked ~ header .resHeader .mobileToggle { padding-left: 5px; position: fixed; top: 0px; background: white; height: 72px; z-index: 99; width: 100%; padding-top: 18px; border-bottom: 2px solid #D2D2D2; margin-left: 0; } .headerSlide:checked ~ header .resHeader .pnlHdrCart { margin-right: 20px; position: fixed; top: 18px; z-index: 99; right: 0; } /* MAKE THE STUFF BELOW IT IN COLUMNS */ .newNav > .innerWrapper > ul { flex-direction: column; } /* SEARCH */ .searchBar { margin-top: 14px; } .searchBar > .searchInput { padding: 0 20px; } .headerSearch { width: 100%; margin: 0 auto !important; position: relative; } .searchBar .searchTextBoxField { padding: 18px 7px; width: 100%; } .searchBar .searchButton { position: absolute; right: 20px; top: 10px; } /* INSPIRATION MOBILE */ .utility-menu { text-align: left; margin: 10px 0 0 0; padding: 0; } .utility-menu.inspiration-menu .flyout { display: block; margin-left: 30px; margin-top: 24px; } .utility-menu.story-menu .flyout { display: block; margin-left: 30px; margin-top: 5px; } .utility-menu.inspiration-menu .toggleMenu, .utility-menu.story-menu .toggleMenu { font-size: 1.250rem; display: block; padding-top: 14px; } .utility-menu.inspiration-menu .flyout li a { text-decoration: none; border-bottom: 1px solid #D2D2D2; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 14px 0; padding-bottom: 14px; } .utility-menu.storeOption .flyout .assignedStore .storeHours span .days{ float: left; } .utility-menu.inspiration-menu .flyout li:last-child a { border-bottom: none; } .utility-menu.inspiration-menu .flyout li a .col6 { display: -webkit-box; display: -ms-flexbox; display: flex; width: inherit; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; font-size: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .utility-menu.inspiration-menu .flyout li a .col6 svg { margin-right: 15px; width: 43px; } .utility-menu.inspiration-menu .flyout a .col6:nth-child(2n) { display: none; } .utility-menu.inspiration-menu .flyout a .col6 span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 5px; } /* MOBILE MY ACCOUNT AND STORE STYLES */ .utility-menu.storeOption .flexCenter { width: 100%; padding-bottom: 25px; display: inline-block; } .utility-menu .flexCenter img { margin-right: 25px; height: 24px; width: 24px; margin-bottom: -8px; } .utility-menu.myAccount .toggleMenu, .utility-menu.storeOption .toggleMenu { margin-left: 40px; } .utility-menu.storeOption .toggleMenu .flexCenter { margin: 14px 0; border-bottom: 1px solid #d2d2d2; } .utility-menu .toggleMenu i { float: right; padding-right: 30px; } .utility-menu.inspiration-menu .toggleMenu { padding: 20px 0 0 20px; display: inline-block; font-size: 1rem; font-weight: bold; } .utility-menu.story-menu .toggleMenu { padding: 0 0 0 20px; display: inline-block; font-size: 1rem; font-weight: bold; } /* OUR STORY MOBILE */ .utility-menu.story-menu .flyout .col4, .utility-menu.story-menu .flyout .col8 span, .utility-menu.story-menu .flyout .col8 p { display: none; } .utility-menu.story-menu .flyout .col8 { width: 100%; } .utility-menu.story-menu .flyout .col8 a { display: block; padding: 20px 0 20px 8px; border-bottom: 1px solid #D2D2D2; text-decoration: none; } .utility-menu.story-menu .flyout .col8 a:last-child { border-bottom: none; padding: 0 0 20px 8px; } .flyout .mmBack { font-size: 1rem; color: #333; background: #fff; border: none; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; display: block; width: 100%; padding: 25px 0 25px 20px; text-align: left; } .utility-menu.storeOption .flyout .assignedStore { margin-bottom: 1rem; margin-top: 1rem; padding-bottom: 1rem; } .resHeader.extraNavSlide.userSlide .utility-menu.myAccount > .flyout, .resHeader.extraNavSlide.storeSlide .utility-menu.storeOption > .flyout { background-color: #F0F0F0; padding-bottom: 20px; } .zipOnly{ margin: 15px 30px 5px 30px; } .assignedStore, .storeDetails, .searchStores, .designHelp, div.changeLocation, .utility-menu.myAccount ul, .utility-menu.myAccount .loggedOut strong, .utility-menu.myAccount .loggedIn strong { margin: 1rem 30px; } .utility-menu.storeOption .storeHours { margin: 8px 0; } .utility-menu.myAccount .loggedOut, .utility-menu.myAccount .loggedIn { margin-top: 20px; padding-bottom: 30px; } .filtering.stick .currentFilters{ flex-wrap: nowrap; margin: 0 20px 10px 20px; } .utility-menu.shoppingcontainer .mobOnly.fa.fa-angle-down, .utility-menu.shoppingcontainer .accToggle { display: none; } } /* NEW TOP NAV */ .newNav { font-family: 'Sailec-Regular'; } .newNav a { text-decoration: none; padding: 3px 0; /*display: inline-block;*/ /*border-bottom: 4px solid transparent; Doesn't matter, it causes problems, so fuck it./ *Is this an accessibility thing? */ } .newNav > .innerWrapper > ul { justify-content: center; display: flex; } .newNav .mmTop { display: inline; } .newNav .saleMMIcon > a, .newNav .saleMMIcon > .subMenu .flexCol .ord3, .newNav .saleMMIcon > .subMenu .flexCol .ord3 ul li a{ color: #DC2A2A; } .newNav .saleMMIcon > a { font-weight: bold; } /* ZAM 5/3/2022 added flex styles */ @media screen and (max-width: 960px) { .newNav ul { position: relative; width: 100%; display: flex; flex-direction: column; } .newNav .mmTop > a:before { content: ''; display: inline-block; } .newNav .livingMMIcon > a:before { background: url("/_global/images/menu/living_icon.svg"); width: 43px; height: 20px; margin-bottom: -5px; margin-right: 17px; } .newNav .diningMMIcon > a:before { background: url("/_global/images/menu/dining_icon.svg"); width: 43px; height: 23px; margin-bottom: -5px; margin-right: 17px; } .newNav .bedroomMMIcon > a:before { background: url("/_global/images/menu/bedroom_icon.svg"); width: 41px; height: 27px; margin-bottom: -8px; margin-left: 1px; margin-right: 18px; } .newNav .customMMIcon > a:before { background: url("/_global/images/menu/custom_icon.svg"); width: 40px; height: 22px; margin-bottom: -7px; margin-left: 1px; margin-right: 19px; } .newNav .rugsMMIcon > a:before { background: url("/_global/images/menu/rugs_icon.svg"); width: 20px; height: 30px; margin-left: 11px; margin-bottom: -10px; margin-right: 29px; } .newNav .beddingMMIcon > a:before { background: url("/_global/images/menu/bedding_icon.svg"); background-repeat: no-repeat; background-position: center center; width: 20px; height: 30px; margin-left: 11px; margin-bottom: -10px; margin-right: 29px; } .newNav .decorMMIcon > a:before { background: url("/_global/images/menu/accessories_icon.svg"); width: 14px; height: 30px; margin-left: 14px; margin-bottom: -9px; margin-right: 32px; } .newNav .outdoorMMIcon > a:before { background: url("/_global/images/menu/outdoor_icon.svg"); width: 25px; height: 23px; margin-bottom: -5px; margin-right: 25px; margin-left: 10px; background-repeat: no-repeat; } .newNav .saleMMIcon > a:before { background: url("/_global/images/menu/sale_tag.svg"); width: 25px; height: 25px; margin-left: 9px; margin-bottom: -7px; margin-right: 26px; } .newNav .subMenu { position: relative; left: 100%; top: 0; } /* ZAM 5/3/2022 - added flex rules */ .newNav .subMenu li:first-child { order: -1; } .newNav .subMenu li:not(:first-child) { background-color: #F0F0F0; } .newNav .subMenu li.mobOnly{ color: #000; } .newNav .mmTop .subMenu:not(.active) { display: none; } .resHeader.subActive .mobHeaderSlide { left: -100%; position: relative; } .newNav ul.subActive { left: -100%; width: 100%; } .resHeader .navLabel { padding: 20px 0 0 20px; display: inline-block; font-size: 1rem; color: #333; } .resHeader.subActive div.topNav { padding-bottom: 150px; background-color: #F0F0F0; } .resHeader.subActive .mobHeaderSlide, .resHeader.storeSlide .pnlHdrStore.mobHeaderSlide .utility-menu.storeOption .toggleMenu, .resHeader.userSlide .pnlHdrUser.mobHeaderSlide .utility-menu.myAccount .toggleMenu, .newNav ul.subActive > li > a, .newNav ul.subActive > li > .mmOpen, .newNav ul.subActive > li > .mmBack { display: none; } .resHeader .utility-menu.storeOption > .toggleMenu, .resHeader .utility-menu.storeOption > .myAccount, .newNav .lev1, .newNav a { display: block; cursor: pointer; } .newNav .mmOpen > i { float: right; padding-right: 30px; } .newNav .mmTop.customMMIcon > .subMenu > ul > li a img { display: none; } /* ZAM 5/3/2022 - added flex rules */ .newNav .mmTop > .subMenu > ul > li.sale-node { width: 100%; display: flex; order: -1; } .newNav .mmTop > .subMenu > ul > li.sale-node a img { display: none; } .newNav .mmTop > .subMenu > ul > li.sale-node a > span { color: #fff; padding: 20px 0 20px 40px; display: inline-block; } .newNav .mmBack { font-size: 1rem; color: #333; background: #fff; border: none; display: block; width: 100%; padding: 25px 0 25px 20px; text-align: left; font-family: 'Sailec-Regular'; } .newNav li:not(.sale-node) > a, .newNav li .lev1 { margin-left: 25px; padding: 20px 0 20px 0; border-bottom: 1px solid #D2D2D2; color: #333; } .resHeader.extraNavSlide { position: relative; } .resHeader.extraNavSlide > .topNav, .resHeader.extraNavSlide > .pnlHdrInspiration, .resHeader.extraNavSlide > .pnlHdrStory, .resHeader.extraNavSlide .navLabel, .resHeader.extraNavSlide.storeSlide > .pnlHdrUser, .resHeader.extraNavSlide.userSlide > .pnlHdrStore { display: none; } .resHeader.extraNavSlide.userSlide .utility-menu.myAccount, .resHeader.extraNavSlide.storeSlide .utility-menu.storeOption { width: 100%; left: -100%; display: inline; } .resHeader.extraNavSlide.userSlide .utility-menu.myAccount > .flyout, .resHeader.extraNavSlide.storeSlide .utility-menu.storeOption > .flyout { position: relative; left: 100%; top: 0; display: block; } } @media screen and (min-width: 961px) { .newNav .saleMMIcon .mmOpen.lev1 ~ .subMenu > ul li { white-space: nowrap; } .newNav { font-size: 0.8385rem; } .newNav .mmTop { padding: 5px 15px 0; } .searchSlider{ opacity: 0; } .newNav .mmTop > a { display: inline-block; padding: 3px 3px 15px 3px; font-size: 1rem; } .newNav .mmTop > .subMenu { display: none; } .newNav .mmTop > a { border-bottom: 4px solid transparent; } .newNav .mmTop.hasSub.open { /*position: relative;*/ } .newNav:not(.js) .mmTop:hover > .subMenu, .newNav .mmTop.open > .subMenu { display: block; } .newNav:not(.js) .mmTop:hover > a, .newNav .mmTop.open > a { border-bottom: 4px solid #333333; } .newNav .mmTop > .subMenu { background: #FFF; position: absolute; left: 0; right: 0; max-width: 1010px; margin: 0 auto; /*overflow: hidden; removed for ADA - ZAM 6/6/2022 */ text-align: left; border-top: 1px solid #D2D2D2; } .newNav .livingMMIcon > .subMenu { width: 906px; height: 460px; } .newNav .diningMMIcon > .subMenu{ width: 691px; height: 420px; } .newNav .bedroomMMIcon > .subMenu { width: 825px; height: 405px; } .newNav .rugsMMIcon > .subMenu { width: 427px; height: 259px; left: 370px; } .newNav .beddingMMIcon > .subMenu { width: 427px; height: 259px; left: 370px; } .newNav .decorMMIcon > .subMenu { width: 656px; height: 285px; left: 200px; } .newNav .outdoorMMIcon > .subMenu{ width: 648px; height: 420px; left: 25%; } .newNav .saleMMIcon > .subMenu { width: 875px; height: 265px; } .newNav .saleMMIcon > .subMenu > ul > li.sale-node { max-width: 515px; } .newNav .saleMMIcon > .subMenu > ul > li.sale-node a { width: 100%; } .newNav .mmTop.customMMIcon > .subMenu > ul > li:not(.mobOnly) { display: inline-block; } .newNav .mmTop.rugsMMIcon > .subMenu > ul > li.pseudoLev2, .newNav .mmTop.beddingMMIcon > .subMenu > ul > li.pseudoLev2 { padding-top: 30px; padding-left: 40px; line-height: 2; } .newNav .mmTop.beddingMMIcon > .subMenu > ul > li.pseudoLev2.hasLink { padding-bottom: 0; } .newNav .mmTop.rugsMMIcon > .subMenu > ul > li.pseudoLev2 ~ li.pseudoLev2, .newNav .mmTop.beddingMMIcon > .subMenu > ul > li.pseudoLev2 ~ li.pseudoLev2 { padding-top: 0px; } .newNav .mmTop > .subMenu .hasSub { padding-top: 30px; padding-left: 40px; padding-bottom: 30px; } .newNav .mmTop > .subMenu .hasLink { padding-top: 30px; padding-left: 40px; padding-bottom: 30px; } .newNav .mmTop > .subMenu .hasLink a{ font-weight: bold; } .newNav .saleMMIcon > .subMenu .hasSub{ padding-left: 30px; } .newNav .mmOpen.lev1 { font-family: 'Sailec-Medium'; line-height: 2; color: #000000; } .newNav .mmOpen.lev1 ~ .subMenu { display: -webkit-box; display: -ms-flexbox; display: flex; } .newNav .mmOpen.lev1 ~ .subMenu > ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; line-height: 2; } .newNav .mmTop > .subMenu > .flexCol { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; flex-flow: column wrap; height: 100%; align-content: flex-start; } .newNav .mmTop > .subMenu > .flexCol .under { padding-bottom: 10px; padding-top: 10px; } .newNav .mmTop > .subMenu > .flexCol .over { padding-bottom: 10px; } .newNav .mmTop.diningMMIcon > .subMenu > .flexCol .ord1:not(.over) { padding-bottom: 90px; } .newNav .mmTop.saleMMIcon > .subMenu > .flexCol { flex-flow: initial; margin-right: 30px; } .newNav .mmTop > .subMenu > .flexCol .ord1 { order: 1; } .newNav .mmTop > .subMenu > .flexCol .ord2 { order: 2; } .newNav .mmTop > .subMenu > .flexCol .ord3 { order: 3; } .newNav .mmTop > .subMenu > .flexCol .ord4 { order: 4; } .newNav .mmTop > .subMenu > .flexCol .ord5 { order: 5; } .newNav .mmTop > .subMenu > ul > li.sale-node { height: 100%; margin-left: 30px; background-color: transparent !important; } .newNav .mmTop > .subMenu > ul > li.sale-node.sale { margin-left: 0; } .newNav .mmTop.customMMIcon > .subMenu > ul > li a, .newNav .mmTop > .subMenu > ul > li.sale-node a, .newNav .mmTop > .subMenu > ul > li.sale-node a img { height: 100%; display: inline-block; padding: 0; } .newNav .mmTop > .subMenu > .flexCol .sale-node.living { order: 4; } .newNav .mmTop > .subMenu > .flexCol .sale-node.dining { order: 4; } .newNav .mmTop > .subMenu > .flexCol .sale-node.bedroom { order: 6; } .newNav .mmTop > .subMenu > .flexCol .sale-node.rugs { order: 2; } .newNav .mmTop > .subMenu > .flexCol .sale-node.decor { order: 3; } .newNav .mmTop > .subMenu > .flexCol .sale-node.outdoor { order: 6; } .newNav .mmTop > .subMenu > .flexCol .sale-node.sale { order: 1; } .newNav .mmTop > .subMenu > .flexCol:after { order: 6; } } @media screen and (min-width: 961px) and (max-width: 1159px){ .newNav .customMMIcon > .subMenu { max-width: 885.5px; height: 258px; left: 30px; } .newNav .customMMIcon > .subMenu > ul > li > a > img { max-width: 145px; } } @media screen and (min-width: 1160px) { .newNav .decorMMIcon > .subMenu{ width: 654px; height: 285px; left: 470px; } .newNav .customMMIcon > .subMenu { max-width: 1205.5px; height: 350px; left: 30px; background-color: #333333; } .newNav .customMMIcon > .subMenu > ul > li > a > img{ max-width: 198px; } } /* PRIMARY FILTERING */ .filter_container { font-family: 'Sailec-Regular'; display: flex; justify-content: center; margin-bottom: 30px; } .filtering .filters { background: #FFF; } .filtering .filters, .resultsSort { position: relative; margin: 0 5px; display: inline-flex; justify-content: space-between; } .filtering .cbFilter{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #D2D2D2; padding: 9px; border-radius: 3px; display: inline-block; position: relative; float:none; margin-top: 2px; margin-right: 8px; height: 20px; width: 20px; color: #333; } .filtering .slideout-filters .cbFilter{ margin-top: 5px; } .filtering .cbFilter:checked { background-color: #fff; border: 1px solid #D2D2D2; color: #333; } .filtering .cbFilter:checked:before { content: '\02143'; font-size: 14px; position: absolute; left: 5px; top: 0; transform: rotate(40deg); } .dropdownContainer .buttonDropdown{ border: none; width: 100%; position: relative; text-align:center; margin: 5px 0 10px 0; } .dropdownContainer .showResults{ border: none; background: #333; padding: 5px; color: #fff; border-radius: 3px; width: 90%; } .dropdownContainer .checkboxLink label{ display:inline-block; width: 100%; } .dropdownContainer .checkboxLink input[type=checkbox][disabled] + label { color: #eee; } .listingsWrapper .plLoading{ height: 70px; margin: 0 auto 20px auto; } .filtering .filters:after { content: ""; width: 0; height: 0; position: absolute; right: 16px; top: 50%; margin-top: -3px; background: white; transition: all 0.3s ease-out; list-style: none; opacity: 0; pointer-events: none; } .listingsWrapper div.plLoading{ position: relative; width: 100%; height: 100%; z-index: 99999; text-align: center; background: transparent; } div.plLoading{ background: rgba(0, 0, 0, .8); position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 99999; opacity: 1; text-align: center; } .plLoading > img { height: 70px; position: relative; top: 50%;; margin-top: -50px; margin-left: 0; } .pageLoad .imgWrapper{ margin-bottom: 15px; } .pageLoad .listingWrap .listingDesc .listingTitle .colName, .pageLoad .listingWrap .listingDesc .listingTitle .prodName, .pageLoad .listingWrap .listingDesc .listingSaleTitle{ display: block; margin: 5px auto; background: #f0f0f0; height: 25px; } .pageLoad .listingWrap .listingDesc .listingSaleTitle{ max-width: 70%; } .pageLoad .listingWrap .listingDesc .listingTitle .colName{ max-width: 80%; } .pageLoad .listingWrap .listingDesc .listingTitle .prodName{ max-width: 55%; } .dropdownContainer ul { list-style: none; margin: 0; } .dropdownContainer ul li { min-width: 150px; } /* Fix for unbalanced top alignment in Chrome */ .dropdownContainer ul > * { -webkit-column-break-inside: avoid; column-break-inside: avoid; } .filters .dropdownContainer a { /*display: block;*/ text-decoration: none; color: #333; padding: 10px 15px; transition: all 0.3s ease-out; display: inline-block; font-family: 'Sailec-Regular'; width: 100%; font-size: .876rem; } .filters .dropdownContainer a:hover { text-decoration: underline; } .dropdownContainer { display: none; } .filters .dropdownContainer, .resultsSort .dropdownContainer { width: max-content; height: auto; top: 2em; left: 0; text-align: left; background: #fff; position: absolute; opacity: 0; z-index: 10; border: 1px solid #DCDCDC; font-size: .85rem; } .see-all { margin: 0 5px; } /* .filters .dropdownContainer ul li { width: 150px; } */ .filters .dropdownContainer ul li .checkboxLink{ padding: 12px 10px; display: flex; flex-direction: row; } .dropdownContainer .markupOnly .checkboxLink{ display: flex; flex-direction: row; } .all-filters-drawer { order: 1; } .filter_container .see-all { order: 2; } .searchResults_filter_sort.resultsSort { order: 3; } .all-filters-drawer .slideOutHeaderMobile { display: none; } /* TWO COLUMNS ONLY FOR DROP DOWNS*/ .filters .dropdownContainer.twoCol ul { columns: 2; } .filters .dropdownContainer.threeCol ul { columns: 3; } .filters .dropdownContainer.fourCol ul { columns: 4; } .filters .dropdownContainer.fiveCol ul { columns: 5; } .levHelpButton, .embeddedServiceHelpButton{ z-index: 0 !important; } .levHelpButton .helpButton iframe { border: none; position: fixed; bottom: 0; right: 12px; border-radius: 8px 8px 0 0; -webkit-font-smoothing: subpixel-antialiased; } .levHelpButton .helpButton .contract { height: 46px; width: 174px; } .levHelpButton .helpButton .expand { height: 75.5%; max-height: 450px; } /* RESULTS SORT DROPDOWN */ .resultsSort .dropdownContainer ul li { border-bottom: 1px solid #DCDCDC; } .resultsSort .dropdownContainer ul li button { text-decoration: none; font-size: .876rem; padding: 10px 15px; display: inline-block; font-family: 'Sailec-Regular'; background: transparent; border: none; text-align: left; width: 100%; } .resultsSort .dropdownContainer ul li button:hover { text-decoration: underline; } /* PRIMARY DROPDOWN TOGGLES */ .toggle-dropdown:active + label, .toggle-dropdown:focus + label, #seeAll:active + .see-all label, #seeAll:focus + .see-all label { border-color: #333 !important; } .toggle-dropdown:checked ~ .dropdownContainer { display: block; opacity: 1; z-index: 1; transition: opacity .25s ease-in-out; } .filteringField .filters .primaryRefine, .resultsSort label { cursor: pointer; border: 1px #949494 solid; padding: 5px 10px; border-radius: 3px; display: block; font-size: .8rem; color: #333; } .filters label .arrow, .resultsSort label .arrow { float: right; margin-left: 25px; } label .arrow .fa-angle-down{ transition-duration: .5s; transition-property: transform; } .toggle-dropdown:checked + label .arrow .fa-angle-down{ transform: rotateZ(180deg) translate(2px, 0); } /* TOGGLE INPUTS */ #seeAll, .toggle-dropdown { position: absolute; opacity: 0; z-index: -1; } /* APPLIED FILTERS */ .currentFilters { display: flex; flex-wrap: wrap; margin-bottom: 35px; } .currentFilters a { font-family: 'Sailec-Regular'; font-size: .876rem; text-decoration: none; margin: 8px 5px 0 5px; } a.clearAll { color: #808080; text-decoration: underline; margin-top: 25px; } .appliedFilter { background: #FDF7ED; border: #D2D2D2 1px solid; border-radius: 45px; padding: 8px 14px; } .removeFilter{ background: transparent; border:none; display: inline-flex; margin: 0 3px 8px 3px; padding: 0; } .filterRemove{ display:inline-block; margin-left:5px } .filterRemove i{ color: #808080; } .appliedFilter a { text-decoration: none; } /* SECONDARY SLIDEOUT FILTERING */ .see-all .see-all-filters-drawer { cursor: pointer; border: 1px #949494 solid; padding: 5px 25px; border-radius: 3px; font-size: .8rem; color: #000; } #seeAll:checked ~ .all-filters-drawer .desktop-drawer { margin-right: 0; min-width: 250px; } .desktop-drawer { top: 0; right: 0; max-width: 350px; margin-right: -441px; width: 100%; height: 100%; flex-direction: column; position: fixed; z-index: 104; display: flex; transition: all 0.5s ease-in-out; background-color: #F0F0F0; border: 1px solid #DCDCDC; } .see-all span.desktop-only { display: inline-block; } /* SLIDE OUT HEADER AND CLOSE */ #seeAll:not(:checked) ~ .all-filters-drawer > .slideOutHeader, #seeAll:not(:checked) ~ .all-filters-drawer > .slideField, #seeAll:not(:checked) ~ .all-filters-drawer > .slideOutFooter { display: none; } .slideOutHeader { background-color: #fff; padding: 20px; border-bottom: 1px solid #DCDCDC; width: 350px; z-index: 999; text-align: center; flex-shrink: 0; color: #333; } .slideOutHeader label { float: left; } .slideOutFooter { background-color: #fff; padding: 20px; border-top: 1px solid #DCDCDC; Width: 350px; flex-shrink: 0; } .slideOutFooter .showResults{ background: #333; color: #fff; width: 100%; padding: 10px; border: none; border-radius: 3px; } .dropdownContainer .moreOptions{ border: none; background: transparent; color: #808080; text-decoration: underline; } .currentFilters .clearAll, .slideOutFooter .clearAll { border: none; background: white; color: #333333; text-align: left; font-size: .8rem; text-decoration: underline; } .slideOutFooter .clearAll{ padding: 10px 0 0 0; } .slideField{ border:none; text-align: left; overflow-x: auto; padding: 0; } .listingsWrapper div.plMessage{ padding: 10px 30px; margin-bottom: 20px; width: 100%; background-color: #644052; border: none; text-align: center; } .listingsWrapper div.plMessage p{ display: inline-block; color: #fff; letter-spacing: 0.33px; font-family: 'Sailec-Regular'; font-size: .8rem; } div.plMessage{ width: 100%; color: #7e7e81; text-align: center; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 15px 0; margin-bottom: 20px; position: relative; } .listingsWrapper div.plMessage button{ border: none; display: inline-block; float: right; background: none; position: absolute; right: 0; } .listingsWrapper div.plMessage .dismiss{ display:none; } .listingsWrapper div.plMessage i{ color: #fff; } .plMessage p, .listingsWrapper div.plMessage p{ margin: 0; padding: 0; } button.plMessage { background: #f0f0f0; color: #333; padding: 10px; border: 1px solid #d2d2d2; border-radius: 3px; margin-bottom: 15px; margin: 0 auto 15px auto; } /* SLIDE OUT ACCORDIONS*/ .all-filters-drawer .slideout-filters { margin: 10px; display: block; background-color: #fff; } .all-filters-drawer .slideout-filters ul li { margin: 20px 10px; } .all-filters-drawer .slideout-filters ul li a { text-decoration: none; width: 100%; text-decoration: none; width: 100%; display: inline-block; font-family: 'Sailec-Regular'; padding: 10px 15px; } .all-filters-drawer .slideout-filters ul li a:hover { text-decoration: underline; } .all-filters-drawer .slideout-filters .arrow { float: right; } .all-filters-drawer .slideout-filters label { cursor: pointer; border: 1px solid #949494; padding: 15px; border-radius: 3px; display: block; color: #333; } .all-filters-drawer .slideout-filters .checkboxLink label{ border: none; padding: 2px 0 0 0; display: inline-block; } .all-filters-drawer .slideout-filters .dropdownContainer { max-height: 0; overflow: hidden; transition: all 0.3s; border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; } .all-filters-drawer .desktop-drawer .toggle-dropdown:checked ~ .dropdownContainer { max-height: 100%; border-bottom: 1px solid #DCDCDC; } /* SLIDE OUT DIMMER */ #seeAll:checked ~ .all-filters-drawer .dim { background: rgba(0, 0, 0, .8); position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 103; opacity: 1; } /* PAGINATION */ .paging-band { display: flex; justify-content: flex-end; font-family: 'Sailec-Regular'; color: #333333; font-size: .846em; width: 100%; } .prev, .next { position: absolute; left: -9999999px; width: 1px; height: 1px; } .pagination { background: #F0F0F0; width: 30px; height: 30px; text-align: center; margin: 15px 5px; border: none; } .pagination.jsPrev, .pagination.jsNext { padding: 0px 0px 1px 3px; border-radius: 3px; } .pagination.jsAll{ background: none; color: #333333; font-weight: 400; padding-left: 5px; font-size: 12px; padding-bottom: 0; text-decoration: underline; width: 60px; background-color: #fff; } .products_pagination_viewing, .total { padding: 5px 0; margin: 15px 0; background-color: #fff; } /* MOBILE */ @media only screen and (max-width: 960px) { .see-all span.desktop-only { display: none; } .filters label, .resultsSort label, .see-all .see-all-filters-drawer { padding: 5px 15px; } .currentFilters { display: flex; flex-wrap: nowrap; overflow-x: scroll; white-space: nowrap; padding: 10px 0; } .all-filters-drawer {top: 0; right: 0; max-width: 350px; max-width: 100%; margin-right: -100%; width: 100%; height: 100%; flex-direction: column; position: fixed; z-index: 104; display: flex; transition: all 0.5s ease-in-out; background-color: #F0F0F0; border: 1px solid #DCDCDC; } .mobile-drawer { overflow-x: auto; } #seeAll:checked ~ .all-filters-drawer { margin-right: 0; } .desktop-drawer { top: auto; right: auto; max-width: none; margin-right: 0; width: auto; height: auto; flex-direction: column; position: relative; z-index: 104; display: block; border: 0; } .mobile-drawer { z-index: 104; background-color: #F0F0F0; } .all-filters-drawer .slideOutHeaderMobile { display: block; } .all-filters-drawer .slideOutHeaderDesktop { display: none; } #primaryRefines { margin: 0 2px; } .filtering .filters { margin: 10px; display: block; background-color: #fff; } .filtering .filters:last-child { margin-bottom: 0; } .filteringField .filters .primaryRefine { cursor: pointer; border: 1px solid #DCDCDC; padding: 15px; border-radius: 3px; display: block; font-size: 1em; } .filtering .filters .dropdownContainer { max-height: 0; overflow: hidden; transition: all 0.3s; border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; } .filters .dropdownContainer { width: auto; top: auto; left: auto; position: relative; } .dropdownContainer .buttonDropdown { display: none; } .all-filters-drawer .toggle-dropdown:checked ~ .dropdownContainer { max-height: 100%; border-bottom: 1px solid #DCDCDC; } .slideOutHeader, .slideOutFooter{ width: 100%; } .listingsWrapper div.plMessage{ padding: 10px 45px; } .resultsSort .dropdownContainer{ right: 0; left: unset; } } /* PRODUCT LISTING */ .listingsWrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-evenly; -ms-flex-pack: distribute; justify-content: space-evenly; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @supports (-ms-ime-align: auto) { .listingsWrapper { justify-content: space-around; } } .listingWrap { width: 32%; } .listingsWrapper hr { float: left; display: block; width: 100%; margin: 5px 0 20px 0; border: 1px solid #D2D2D2; } .listingInfo, .imgWrapper { position: relative; } .imgWrapper, .plProdImgLink{ display: block; position: relative; } .plProdImgLink{ width: 100%; padding-bottom: 100%; height: 0; } .prodImg { width: 100%; position: absolute; top: 0; left: 0; width: 100%; } .prodImgTrans{ width: 100%; position: absolute; left: 0; top: 0; } .salePrice { color: #c0392b !important; font-weight: 600; } .hgtvLogoListing { position: absolute; bottom: 0; left: 8px; height: 30px; } .plpSaleImgOverlay { position: absolute; width: 60%; bottom: 0px; right: 0px; } .listingInfo { font-size: 1rem; } /* LISTING DESCRIPTION AND TEXT ~ make some spans display:block for styling reasons ~*/ .listingDesc { display: block; margin-bottom: 25px; text-align: left; } .listingDesc a{ text-decoration: none; } .listingDesc .listingTitle h2, .listingDesc .listingTitle .listingTitleLink { margin: 5px 0; } .listingDesc .listingTitle h2, .listingDesc .listingSaleTitle .orgPrice, .listingDesc .listingSaleTitle .percentOff, .listingDesc .dispPrice, .listingDesc .startingAt, .listingDesc .listingTitle .listingTitleLink { font-size: .875rem; font-family: 'Sailec-Regular'; font-weight: 400; text-align: left; color: #2B2B2B; background-color: #FFF; } .listingDesc .listingTitle h2 a, .listingDesc .listingTitle .listingTitleLink a{ font-size: .875rem; font-family: 'Sailec-Medium'; text-align: left; color: #2B2B2B; } .listingDesc .pdpColors { display: block; min-height:20px; } .listingDesc .listingSaleTitle .percentOff{ white-space: nowrap; } .listingDesc .listingSaleTitle .orgPrice { margin-right: 10px; } .listingDesc .listingSaleTitle .orgPrice, .listingDesc .listingSaleTitle .percentOff, .listingDesc .dispPrice, .listingDesc .startingAt{ font-size: .75rem; } .listingDesc .listingSaleTitle .orgPricePercent { display: block; margin-bottom: 3px; } .listingDesc .dispPrice { margin-right: 5px; background-color: #fff; } .listingDesc .listingPrice .strikeThrough{ text-decoration: line-through; } .listingDesc .listingSaleTitle { margin-bottom: 10px; } .listingDesc .listingSaleTitle .red, .listingDesc .couponMessage { color: #A12B31; font-family: 'Sailec-Regular'; font-size: .875rem; width: 100%; margin-top: 3px; } .listingDesc .couponMessage{ display:block; } .listingDesc .swatches + .listingOptions { margin-left: 5px; } .listingDesc .listingOptions { font-size: .75rem; text-align: left; font-style: italic; font-family: 'Sailec-Regular'; font-style: italic; color: #383838; background-color: #FFF; } /* SWATCHES CSS */ .listingInfo .swatches { height: 25px; } .listingInfo .swatches .swatch { height: 20px; width: 20px; margin: 0 1px !important; border-radius: 50%; vertical-align: middle; float: none; border: 1px solid #4b4b4b; } /* No More Results */ .noMoreResults { width: 100%; text-align: center; color: #333333; margin-bottom: 50px; } .noMoreResults .noResults { font-family: 'archer'; font-style: italic; font-size: 1.8rem; display:block; } .noMoreResults .chatConsult { font-family: 'Sailec-Regular'; display:block; letter-spacing: 0.4px; } .noMoreResults .btnApp{ font-family: 'Sailec-Regular'; border: 2px solid #333333; border-radius: 50px; letter-spacing: 0.4px; padding:15px 35px; display: inline-block; margin: 30px 0 15px 0; text-decoration: none; } .noMoreResults .visitLink{ display: block; } @media only screen and (max-width: 720px) { .searchResults_grid .listingWrap { width: 48% !important; } .listingsWrapper hr { display: none; } .listingsWrapper { -webkit-justify-content: space-between; justify-content: space-between; } .plpSaleImgOverlay { width: 70%; } } /* BLOG HEADER */ .blogHeader .newNav { padding-top: 10px; border-top: 1px solid #D2D2D2; } @media only screen and (min-width:961px){ .blogHeader .newNav { order: 7; flex: 1 0 100%; } .blogHeader .logo{ text-align: left; width: 50%; padding-bottom: 10px; } } @media only screen and (max-width:960px){ .headerSlide:not(:checked) ~ header .blogHeader .newNav{ display: none; } .blogHeader .newNav{ width: 100%; } .blogHeader .newNav li:not(.sale-node) > a{ padding: 20px 0 20px 15px; } } .strike { display: block; width: 100%; padding: 25px 0px; } .strike span { width: 100%; display: block; text-align: center; position: relative; font-weight: bold; color: #333; } .strike span::before { content: ''; border-bottom: 1px solid #d2d2d2; position: absolute; display: inline-block; left: 0px; top: 50%; width: 47%; } .strike span::after { content: ''; border-bottom: 1px solid #d2d2d2; position: absolute; display: inline-block; right: 0px; top: 50%; width: 47%; } @media only screen and (max-width:450px){ .strike span::before { width: 45%; } .strike span::after { width: 45%; } } /* FLOATING LABELS */ .floatedLabelForm .form-left, .floatedLabelForm .inputWrap { position: relative; margin-bottom: .5rem; } .floatedLabelForm .field { font-size: .95em; font-weight: bold; padding: 15px 6px 6px 16px !important; } .form-left .floatingSelect.floatLeft {display: inline-block; width: 100%;} .form-left .field, .form-left .floatingSelect{ width: 50%; } .inputWrap .field, .inputWrap .floatingSelect{ width: 40%; } .form-left .floatingSelect, .inputWrap .floatingSelect{ font-size: .95em; font-weight: bold; padding-top: 10px; } .form-left .selectLabel, .inputWrap .selectLabel { position: absolute !important; top: 0; bottom: 0; pointer-events:none; transition: all 200ms; opacity: 0.5; width: auto; z-index: 2; font-family: sans-serif; font-weight: bold; color: #6c6c6c; font-size: .875rem; top: 12px; } .floatingLabel{ position: absolute !important; top: 0; bottom: 0; pointer-events:none; padding: 6px 16px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; opacity: 0.5; width: auto; z-index: 2; font-family: sans-serif; font-weight: bold; color: #6c6c6c; font-size: .875rem; top: 12px; } input:not(:placeholder-shown).field ~ .floatingLabel, input:focus.field + .floatingLabel, input[type=password]:valid + .floatingLabel, input[type=text]:valid + .floatingLabel, .floatingSelect:not([value=""]):valid ~ label{ font-size: .750em; top:0; padding: 7px 0 0 5px; opacity: 1; position: absolute !important; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; color: #6c6c6c; font-family: sans-serif; font-weight: bold; } @supports (-ms-ime-align:auto) and (not (-ms-accelerator:true)) { .floatingLabel, .form-left .selectLabel, .inputWrap .selectLabel{ font-size: .750em; top:0; padding: 7px 0 0 5px; opacity: 1; position: absolute !important; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; color: #6c6c6c; font-family: sans-serif; font-weight: bold; } } @media all and (-ms-high-contrast:none){ .floatingLabel, .form-left .selectLabel, .inputWrap .selectLabel{ font-size: .750em; top:0; padding: 7px 0 0 5px; opacity: 1; position: absolute !important; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; color: #6c6c6c; font-family: sans-serif; font-weight: bold; } } .checkbox .checkoutInput, .instructions .checkoutInput, .form-left .checkoutInput{ /* -webkit-appearance: none; */ -moz-appearance: none; appearance: none; background-color: #fff; border: 1px solid #D2D2D2; padding: 9px; border-radius: 3px; display: inline-block; position: relative; height: 20px; width: 20px; color: #333; } .checkout_section .accordionTrigger:not(.unstyled):before , #idMe .accordionTrigger:not(.unstyled):before{ display: inline-block; width: 1%; vertical-align: top; } .accordionTrigger span.idMeHeader { display: inline-block; width: 85%; } .checkbox .checkoutInput:checked:before, .instructions .checkoutInput:checked:before, .form-left .checkoutInput:checked:before { content: '\02143'; font-size: 14px; position: absolute; left: 5px; top: 0; transform: rotate(40deg); } /* UPDATE STYLING ON CHECKOUT */ .section_content .creditCard { display: inline-block; width: 50%; float: left; margin-bottom: 15px; } .section_content .creditCard span.label {margin-left:27px; display: block;} .section_content .creditCard span.label, .section_content .creditCard label.secondLabel { margin-bottom:8px; } .checkout_section #idMe .accordionTrigger:not(.unstyled){ padding: 0 0 10px 0; } .checkout_section .expDate{ width: 25%; display: inline-block; } .section_content p.instructions{ text-align: justify !important; } .checkOutGuest { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; width: 100%; padding: 25px 20px; } .checkOutGuest .buttonMedium { padding: 10px 60px; height: 40px; margin: 5px 0px 9px 0px; border-radius: 3px; font-family: 'Sailec-Regular'; background: #dc2a2a; } .checkOutGuest .form-left{ display: inline-block; width: 20%; } .checkOutGuest .form-left .field{ width: 100%; } #checkout #local-retailer, #checkout #local-retailer p, #checkout #local-retailer strong { background-color: #fff; } @media only screen and (max-width:960px) { .form-left .field, .form-left .floatingSelect{ width: 100%; } .checkout_section .expDate { width: 49%; } .checkOutGuest .form-left{ display: inline-block; width: 100%; } .checkOutGuest { padding: 25px 5px; } #checkout .edit { position: static; } } /* NEW HOMEPAGE SLIDER STUFF */ .sliderWrapper { max-width: 1400px; margin: 0 auto;} .homeSpecialMessage { margin-bottom: 20px; } .homeSlider .flexslider {margin: 0 !important;} .homeSlider .flex-control-nav {display:none;} @media all and (-ms-high-contrast:none) { .col5.homeCTA { display:block !important;} } .sideSlider {width: 100%; max-height: 600px; display: flex; } .col5.homeCTA { flex: 1 1 38%; float: none; display:flex;} .col5.homeCTA img { min-height: 100%; } .homeSlider { display: flex; flex: 1 1 62%; margin-right: 0; float: none; z-index:0;} .homeSlider .slides li { max-height: 600px !important; } @media only screen and (max-width:720px){ .col5.homeCTA { width: 100%; } .homeSlider { width: 100%; } .sideSlider { display: block; max-height: 100%;} } /* HOMEPAGE && MAKERS REDESIGN*/ .homepageImpact { font-family: "archer";} .homepageImpact .impactImg { margin-right: 0 !important; position: relative; text-align: center; max-width:50%; float:left;} .homepageImpact .impactImg .centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 6rem; font-weight: 700; color:#fff;} .homepageImpact .impactImg .centered span.italics{ display: block; font-style: italic; } .homepageImpact .impactImg img.opt-lazy { display: block !important; } .homepageImpact .impactMessage { font-size: 1rem; font-family:"Sailec-Regular"; display: inline-block;} .homepageImpact .impactMessage p { margin: 10px auto; background: rgba(255, 255, 255, 1); padding: 10px 55px; font-size: 1.2rem;} .homepageImpact .impactImg .centered span.sliderText{ position: absolute;left: 0;width: 100%; } .homepageImpact .impactImg .centered .fader { position: relative; } .homepageImpact .impactWrap { text-align: center; } a.btn-red { display: inline-block; text-decoration:none; margin-top: 5px;color: #fff; background-color: #a22c35; border: none; padding: 10px 15px; font-size: .8rem; font-family:"Sailec-Regular"; text-transform: uppercase; max-width: 205px; } .secondNav { padding-bottom: 30px; margin-bottom: 0; } .secondNav ul {list-style: none;text-align: center;flex-flow: row wrap;display: flex;justify-content: space-around; font-family:"Sailec-Regular"; font-size: .8rem; text-transform: uppercase;} .secondNav ul li { border-bottom: 4px solid #fff; padding-bottom: 5px; margin: 0 5px;} .secondNav ul li a { text-decoration: none; font-weight: 800; background-color: #FFF; } .secondNav ul li:hover { border-bottom: 1px solid #333333; } .imageDisplay { padding-bottom: 30px; margin-bottom: 0; } .imageDisplay, .appointmentsCta { text-align: center; display: flex; justify-content: center; flex-wrap:wrap;} .imageDisplay > div:first-child { padding-top: 0; margin-top: 0; } .imageDisplay > div:last-child { padding-bottom: 0; margin-bottom: 0; } @media screen and (min-width: 961px) { .imageDisplay > div:nth-last-of-type(-n+2) { padding-bottom: 0; margin-bottom: 0; } } .imageDisplay .imageSmall { padding: 25px 30px; position: relative; display:flex; justify-content: center; align-items:center; -ms-flex-direction: row;} .imageDisplay .imageFull, .appointmentsCta .imageFull { position: relative; display:flex; align-items:center; -ms-flex-direction: row;} .imgOverlay { position: absolute; } .imgOverlay .centered { margin-bottom: 20px; } .imgOverlay .centered h3 { font-family:"archer"; font-size: 2.5rem; font-weight: 700; color:#A22D32;} .appointmentsCta .centered, .imageDisplay .centered h3 { margin: 0; position: relative; } .appointmentsCta .centered { margin-bottom: 20px; padding: 15px; } .imgOverlay .centered * { position: relative; } .appointmentsCta .centered .backdrop, .imageDisplay .centered .backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; opacity: 0.7; } .imageDisplay .centered h3 .heading { padding: 15px 30px; display: block; } .imageDisplay .centered h3 .heading .text { margin: 10px 0; display: block; } .appointmentsCta .btn-red { margin-top: 20px; } .banner { width: 100%; margin: 0 auto; text-align: center; padding: 0 0 30px; } .banner a { text-decoration: none; display: block; } .categoryCarousel { background-color:transparent; padding: 0 0 30px 0; } .categoryCarousel .visual-nav { display:flex; flex-direction: column;} .categoryCarousel .categoryHeader { text-align: center; text-transform: uppercase;} .categoryCarousel .categoryHeader span { font-style: italic; } .categoryCarousel .mobCatList { column-count: 3; font-family: 'archer'; text-transform: uppercase; font-size: .8rem; text-decoration: none; margin: 20px 0; } .categoryCarousel .mobCatList li { margin-bottom: 10px; } .categoryCarousel .flex-direction-nav .flex-prev {left: 0 !important; margin-left: -40px;} .categoryCarousel .flex-direction-nav .flex-next {right: 0 !important; margin-right: -40px;} .categoryCarousel .flex-direction-nav a:before { font-size: 1rem; color: #707070; margin-top: 10px; margin-bottom: 10px; } .categoryCarousel .flex-direction-nav a.flex-prev:before { margin-left: 12px; } .categoryCarousel .flex-direction-nav a.flex-next:before { margin-right: 12px; } .categoryCarousel .categoryHeader h2 { font-family:"Sailec-Regular"; color: #a22c35; font-size: 1.5rem; text-align: center; margin: 0 0 30px; background-color: #fff;} .categoryCarousel .flexslider { background: none; border: none; margin: 0 auto; width: 90%;} .categoryCarousel .flexslider .flex-viewport li { position: relative; } .categoryCarousel .visual-nav .flex-control-nav { display: none; } .categoryCarousel .visual-nav .flexslider .slides .noArrow { font-size: 1.3rem; font-family: 'archer'; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-52%, -50%); color:#fff; text-decoration: none; max-width: 232px; display: flex; margin: auto; background-color: rgba(0,0,0,.55); align-items: center; justify-content: center; margin: 0 5px;} .categoryCarousel .visual-nav .visualNavSlider.flexslider .slides img { max-width: 232px; height: auto; margin: 0 auto; } .categoryCarousel .visual-nav .visualNavSlider.flexslider .slides .carouselLink span { padding: 18px 20px; display: block; } .categoryCarousel .flex-direction-nav a{ height: 40px; margin: 0; top: 50%; } .categoryCarousel .flex-direction-nav a.flex-prev:focus, .categoryCarousel .flex-direction-nav a.flex-next:focus { outline: none; opacity: .5; } .categoryCarousel .flex-direction-nav a:focus::before { color: #ffffff; } /* if using slider buttons instead of links */ .categoryCarousel .innerWrapper { position: relative; } .categoryCarousel .flex-direction-nav { display: inline-flex; justify-content: space-between; width: 100%; position: absolute; left: 0; top: calc(50% - 23px); } .categoryCarousel .flex-direction-nav button:before { font-family: "Font Awesome 5 Pro"; font-size: 1.750em; display: inline-block; content: '\f053'; color: #fff; font-weight: 300;} .categoryCarousel .flex-direction-nav button.flex-next:before { content: '\f054'; } .categoryCarousel .flex-direction-nav button:before { font-size: 1rem; color: #707070; } .categoryCarousel .flex-direction-nav button { padding:14px; top: 50%; background-color: transparent; outline: none; border: none; } .categoryCarousel button:focus { outline: 2px solid #ffffff; background-color: #474747; outline-offset: 0; } .categoryCarousel .flex-direction-nav button.flex-prev:focus, .categoryCarousel .flex-direction-nav button.flex-next:focus { outline: none; opacity: .5; } .categoryCarousel .flex-direction-nav button:focus::before { color: #ffffff; } .reviews{ text-align: center; margin: 40px 0;} .reviews .reviewsHeader span { display: block; margin: 2px 0; color: #333; } .reviews span.author { display: block; font-family: "archer"; font-size:1.2rem; margin-top: 10px; text-transform: uppercase;} .reviews span.italics{font-style:italic; margin-bottom: 20px; } .reviews em { margin: 2px 0 20px 0; display: block; color: #333; } .reviews .reviewsContent { display: flex; flex-wrap:wrap;} .reviews .reviewsContent a { flex: 1 1 33.33%; text-decoration: none; background-color: #fff; } .reviews h2 { flex: 1 1 100%; } .reviews h2 a { font-family:"Sailec-Regular"; color: #a22c35; font-size: 1.2rem; text-transform:uppercase; flex: 1 1 100%; display:block;} .reviews a .truncReview { padding: 0 35px; font-style:italic; font-family:"Sailec-Regular"; display:block; text-decoration:none;} .reviews .reviewsContent .reviews1 .truncReview{font-style: normal;} /* BEGIN MAKERS */ .makersImpact { font-family: "archer"; margin-bottom: 25px;} .makersImpact .impactImg { margin-right: 0 !important; position: relative; text-align: center;} .makersImpact .makersVideo { min-width: 100%; min-height: 100%; width: 100%; height: 100%; object-fit: cover;} .makersImpact .impactImg .imgOverlay {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .makersImpact .impactImg .imgOverlay.homepageImpactVideo { top: 77%; } .makersImpact .impactImg .centered h2{ font-size: 5rem; font-weight: 700; color:#fff; font-family:'archer';} .makersImpact .impactImg .centered p {font-size: 1rem;color:#fff;text-align: justify; font-family:"Sailec-Regular";} .makersImpact .impactImg .centered span{ display: block; font-style: italic; } .makersImpact .impactMessage { text-align: center; } .makersImpact .impactMessage p {font-size: 1rem;color:#fff;text-align: justify; font-family:"Sailec-Regular";} .makersImpact a.btn-red { margin-top: 25px; } .flexContent .makersContent {padding: 0 10px; margin: 0 auto;} .flexContent .makersContent p {text-align: justify;} .flexContent .makersContent h3 { font-family:"archer"; font-size: 1.5rem; text-align: center; margin: 25px 0 0 0;} .flexContent .makersContent h3 .red-line { display: block; border-top: 4px solid #a22c35; width: 60%; margin: 5px auto 20px; } /*.flexContent .makersContent h3:after { content: ''; display: block; border-top: 4px solid #a22c35; width: 60%; margin: 5px auto 20px; }*/ .flexContent .makersFull { margin: 25px auto; } .flexContent { display: flex; flex-flow: row wrap; font-family:"Sailec-Regular"; font-size: .8rem; display: -ms-flexbox;} .flexContent .makersPrd { flex: 1 1 50%; width: 50%; align-self: center; text-align: center; margin: 15px 0; padding: 0 20px;} .flexContent .makersPrdFull { flex: 1 1 100%; align-self: center; text-align: center; margin: 15px 0; padding: 0 20px; width:100%;} .flexContent .desktopGroup {display: flex; flex-flow: row wrap; order: 11; width: 60%; align-items:center; justify-content: center;} .flexContent span.text { float:right;display: block;width: 100%;text-align: right;} .flexContent span.text:after { content: "\f061"; font-family: "Font Awesome 5 Pro"; margin: 0 5px; font-size: 1rem; font-weight: 300;} @media screen and (min-width: 961px) { .homepageImpact { font-family: "archer"; position:relative; display: inline-block; width: 100%;} /* display:flex; justify-content: center; flex-direction:row; */ .homepageImpact .impactImg .centered { min-height: 315px; min-width: 420px;} .homepageImpact .impactWrap { position: absolute; bottom: 3%; left: 0; right: 0; } .infoCarousel { background-color: #ECD5D6; padding: 20px; margin: 0 20px 30px; font-family:"Sailec-Regular"; display:flex; } .infoCarousel .infoImg { font-size: .7rem; display:flex; flex: 1 1 25%; max-width: 25%;} .infoCarousel .infoImg .infoLink {text-decoration: none; } .infoCarousel .infoImg .infoContent {margin: 0 5px 0 5px;} .infoCarousel .infoImg .infoTitle { font-size: .8rem; text-transform: uppercase; text-align:center; text-decoration: none; margin-bottom: 5px;} .infoCarousel .infoImg img {max-width: 45px; max-height:45px;} .infoCarousel .infoImg span { vertical-align: top; display: inline-block;} .infoCarousel .infoImg .infoLink { display: flex; padding: 0 20px; } a.btn-red { font-size: 1.1rem; } .imageDisplay .imageSmall, .imageDisplay .imageFull { flex: 1 1 50%; max-width: 50%;} .imageDisplay .textCenter .centered { background-color: transparent; } .imageDisplay .textRight img {padding-right: 74px;} .imageDisplay .textRight .imgOverlay { right: -2%; } .imageDisplay .textLeft img {padding-left: 50px; margin-top:50px;} .imageDisplay .textLeft .imgOverlay { left: -2%; } .imageDisplay .textCenter { margin-top: -75px; justify-content:center;} .imageDisplay .textCenter h3 { background-color: transparent; color:#fff;} .appointmentsCta .imgFull {position: relative;} .appointmentsCta .imgOverlay { left: 5%; max-width: 500px;} .makersFull p{ font-family: "archer"; font-style: italic; font-weight: 700; text-align: center; margin-top:0;} /*Makers Page*/ .flexContent .ord1 { order: 1; flex: 1 1 40%; max-width: 40%;} .flexContent .makersContent h3 { text-align: left; margin: 25px 0 0 0; font-size: 2rem;} .flexContent .makersContent h3 .red-line { margin: 5px 0; } /*.flexContent .makersContent h3:after { margin: 5px 0; }*/ .flexContent .makersContent p { font-size: 1rem; } .flexContent .ord2 { order: 2; flex: 60%; max-width:60%;} .flexContent .ord3 { order: 3; flex: 40%; max-width:40%;} .flexContent .ord4 { order: 4; flex: 1 1 60%; max-width:60%; text-align:center;} .flexContent .ord5 { order: 5; flex: 1 1 60%; max-width:60%; text-align: center;} .flexContent .ord6 { order: 6; flex: 1 1 40%;max-width:40%;} .flexContent .ord7 { order: 7; flex: 1 1 20%; max-width:20%; padding-bottom: 150px;} .flexContent .ord8 { order: 8; flex: 1 1 50%; max-width:50%;} .flexContent .ord9 { order: 9; flex: 1 1 30%; max-width:30%; padding: 0 25px;} .flexContent .ord10 { order: 10; flex: 1 1 40%; max-width:40%;} .flexContent .ord11 { order: 11; flex: 1 1 50%; max-width:50%; } .flexContent .ord12 { order: 12; flex: 1 1 50%; max-width:50%; } .flexContent .ord13 { order: 13; flex: 1 1 60%; max-width:60%;} } @media all and (-ms-high-contrast:none) and (min-width: 961px) { .imageDisplay .textCenter .imgOverlay{top: 35%; left: 30%; } .appointmentsCta .imgOverlay { top: 20%; } .imageDisplay .textLeft .imgOverlay, .imageDisplay .textRight .imgOverlay { top: 30%; } .imageDisplay .imageFull, .appointmentsCta .imageFull, .imageDisplay .imageSmall { display: block; } } @media only screen and (max-width:960px) { .homepageImpact .impactImg {flex: 1 1 100%; max-width: 100%;} .homepageImpact .impactImg .centered, .makersImpact .impactImg .centered h2{font-size: 3.8rem;} .homepageImpact .impactImg .centered {min-height: 170px; min-width: 420px;} .imageDisplay { text-align: center; overflow: hidden;} .imageDisplay .imageFull, .appointmentsCta .imageFull { justify-content: center;} .secondNav ul li a { font-size: .65rem; } .flexContent .makersPrd img, .flexContent .makersFull img { margin: 0 auto; } .categoryCarousel .visual-nav .visualNavSlider.flexslider .slides img { margin: 0 auto; } .reviews .reviewsContent a:nth-child(3), .reviews .reviewsContent a:nth-child(4) {display:none;} .appointmentsCta .imageFull { display: block; } .appointmentsCta .centered {top: 50%; left: 48%; transform: translate(-45%, -65%); position: absolute;} .appointmentsCta .centered h3 { font-size: 1.8rem; } .appointmentsCta .imgOverlay { position: static; top: 0; left:0; transform:none; } .makersImpact .impactImg .centered {position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); min-width: 310px;} .makersImpact .impactMessage p {font-size:.8rem; color:#333333; text-align:justify; margin: 15px 15px;} .flexContent .desktopGroup { width: 100%;} .flexContent .makersPrd.ord6 img, .flexContent .makersPrdFull img { margin: 0 auto; } .categoryCarousel .categoryHeader h2 span { display: none; } .homepageImpact .impactMessage p { font-size: 1rem;} .makersContent { text-align: center; } } @media only screen and (max-width:720px) { .infoCarousel .infoImg {padding: 0 5px;} .infoCarousel .infoImg .infoTitle {display:block; font-size: .58rem; } .infoCarousel .infoImg img {max-width: 35px; max-height:35px; } .categoryCarousel .visual-nav .visualNavSlider.flexslider .slides .button { font-size: .875rem; } .makersImpact .impactImg .imgOverlay.homepageImpactVideo { top: 55%; } } /* ============================ Alert * ============================*/ /* Alert */ .alert{color:#fff;width:100%;position:relative;background-color:#dfc3c0;font-family:'Sailec-Regular'; margin-bottom:20px;} input.alertToggle[type="checkbox"]{position:absolute;height:100%;cursor:pointer;z-index:1;opacity:0;padding:0;margin:0;} .alert:not(.js) input.alertToggle[type="checkbox"]:checked ~ .alertMessage{display:none;height:0;opacity:0;} .alert .alertIcon{display:inline-block;width:20px;height:18px;margin-top:4px;} input.alertToggle[type="checkbox"] + div .plusToggle{float:right;display:inline-block;padding:8px 22px;width:15px;height:15px;margin-top:5px;} .alert input.alertToggle + .toggleRow span.text{padding:2px 5px;/*vertical-align:top;*/} .alert input.alertToggle + .toggleRow span.closeAlert{display:inline-block;} .alert input.alertToggle + .toggleRow span.read{display:none;} .alert input.alertToggle:checked + .toggleRow span.closeAlert{display:none;} .alert input.alertToggle:checked + .toggleRow span.read{display:inline-block;} .alert .toggleRow {max-width:1170px;width:100%;margin:0 auto;padding:10px;} .alertMessage .wrapper{max-width:1170px;width:100%;margin:0 auto;padding:0 10px 5px;} .alert .wrapper:after{content:"";clear:both;display:block;} .alert .title{font-size:.9rem;display:inline-block;color:#333;letter-spacing:.09em;} .alert .summary{text-align:center;} .alert .summary .alrtTitle{color:#333;font-size:1.45rem;font-weight:900;font-family:'Sailec-Medium';} .alert .container:after{content:'';clear:both;display:block;} .alertMessage{position:relative;width:100%;background:none;color:#fff; padding:0 10px;} .alertMessage span.headline{display:block;font-size:2em;} .alertMessage p{margin-bottom:13px;margin-top:5px;} /* NEW FINANCE PAGE */ .noRule {border-bottom: none;} .financeNew {color: #333333; font-family: 'Sailec-Regular';} .financeFlex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; margin: 25px 0;} .financeButton { text-align:center; margin-bottom: 25px;} .financeButton .bannerText .financing {font-size: 3rem; display:block; font-family:'archerbold'} .financeButton .bannerText .indented {font-size: 2.5rem; font-weight: 400; display:block; margin-left:100px; font-family: 'Sailec-Light';} .financeButton .btnRed{ color: #fff; background-color: #8c3b39; padding: 12px 25px; text-decoration: none; display:inline-block; margin-top: 10px; border-radius: 25px; } .financeList a.financeRed { color: #8c3b39; font-size: 1.1rem; } .financeList ul { list-style: disc; margin: 0 0 10px 0; font-size: .85rem; } .financeList ul li { margin-bottom: 10px; font-family: 'Sailec-Regular'; font-size: .7rem;} .financeList .normalFont { font-size: 1.1rem;} .financeList .smallerFont { font-size: .7rem; display: block; margin-left: 12px;} .financeOptions span { font-size: 1.1rem; } .financeOptions table { border-collapse: collapse; width: 100%; } .financeOptions th { font-size: .96rem; font-family: 'Sailec-Medium'; } .financeOptions th, .financeOptions td { text-align: center; padding: 8px; } .financeOptions tr:nth-child(even) {background-color: #f2f2f2;} .cardOptions { text-align: center; margin-right:30px; width: 100%; margin-top: 15px; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; padding: 20px 0;} .cardOptions .bold { font-size: 1.6rem; } .cardOptions .options { display: flex; flex-wrap: wrap; justify-content: center; } .cardOptions .optionsImg { margin: 0 35px; } .cardOptions .options span { display:block; font-size: .6rem;} .financeNewFlex{margin: 25px 0; display: flex; flex-flow: row wrap; } .financeNewFlex .financeOptions { flex: 1; margin-right: 30px; float:left; width: 60%} .financeNewFlex h2 { color: #333; font-size: 1.6rem; font-weight: 800; margin: 0; } .financeNewFlex .calculator .payments{ font-family: 'Sailec-Medium'; font-size: 1.2rem; } .financeNewFlex .calculator input { width: 38%; } .financeNewFlex .calculator label { display: inline-block; } .financeNewFlex .calculator span.details { font-size: 1rem; margin-top: 25px; } .financeNewFlex .calculator { width: 40%; text-align:center;} .financeNewFlex .calculator .calculatorBox { background-color: #F2F2F2; padding: 21px 25px; } .financeNewFlex .calculator .btnRed.applyNow { margin-top:25px; padding: 12px 25px;} .financeNewFlex .calculator .minLess { margin-top: 0; } .financeNewFlex .calculator .maxLess { margin-bottom: 0; } .financeNewFlex a.btnRed{ color: #fff; background-color: #8c3b39; padding: 12px 22px; text-decoration: none; display:inline-block; margin-top: 9px; border-radius: 25px;} .financeNewFlex .calculator p > span { display: block; font-size: 1.1rem; } .buttonSmall { display: block; padding: 15px 20px; background: #333333; color: #fff; text-align: center; font-size: 1em; border: 0; text-transform: capitalize; margin: 5px 0px 14px 0; text-decoration: none !important; width:170px; margin:10px 25px; } .buttonSmall a { color: #fff; text-transform: capitalize; text-decoration: none; } .buttonSmall:hover { cursor: pointer; background: #333333; color: #ffffff; } .modalBox { display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 100; opacity:0; pointer-events: none; } .modalBox:target { display: block; opacity:1; pointer-events: auto; } .modalBox > .modalContent { position: relative; margin: 3% auto; display: block; width: 90%; max-width: 500px; height: 90%; padding: 10px 20px 20px; overflow-y: auto; background: #fff} .modalClose { height: 50px; float:right; margin-right: 10px;} .closeWindow { position: fixed; } .closeWindow:after {content:"\f00d"; font-family:"Font Awesome 5 Pro"; color: #333; float: right; font-size: 1.5rem; font-weight: 300;} .closeWindow span { display: none; } @media only screen and (min-width:1021px) and (max-width: 1240px) { .financeNewFlex .financeOptions { width: 55%;} } @media only screen and (max-width:1020px) { .financeNewFlex { max-height: 100%; } .financeNewFlex .financeOptions { margin-right: 0; width: 100%; margin-bottom: 25px;} .financeNewFlex .calculator { width: 100%; order:1; margin-bottom: 10px;} .cardOptions {width:100%; order: 2;} .buttonSmall { margin:10px 0; } } /* ============================ BENCHMADE LANDING PAGE * ============================*/ /* MOBILE COLUMNS WIDTH */ @media only screen and (max-width:960px) { .benchmadeLanding .col3, .benchmadeLanding .col4, .benchmadeLanding .col5, .benchmadeLanding .col6, .benchmadeLanding .col7, .benchmadeLanding .col8, .benchmadeLanding .col12 { width: 100%; flex: 1 1 100%; } .threeFloat .col4 { margin: 0 50px 40px 50px !important; } } /* Benchmade Impact */ .benchmadeImpct .impact { position: relative; text-align: center; margin:0 ;} .benchmadeImpct .impact .imgOverlay { position: absolute;top: 10%; left: 50%;transform: translate(-50%, -50%); } /* Benchmade Mobile Margin and Global */ .benchmadeLanding { max-width: 1180px; width: 100%; padding: 0 25px; color: #707070; font-family: 'archer'; } .benchmadeOne { font-family: 'archer'; } .benchmadeOne p { line-height: 2.5rem; font-family: 'archer'; color: #474747; font-size: 1rem; margin: 0; } .benchmadeLanding p { line-height: 1.875rem; font-family:'Sailec-Light'; color: #474747; font-size: .875rem; margin: 0; background-color: #fff;} .benchmadeLanding p span { background-color: #fff; } .benchmadeRule { margin: 30px 0; border-top: 3px solid #A12B31; width: 100%; } .benchmadeSection { margin: 50px 0; text-align: center; } /* Benchmade Section One - Elevate */ .benchmadeOne { display: flex; flex-flow: row wrap; align-content: center; } .benchmadeOne .col7, .benchmadeOne .col5 { margin-bottom: 15px; text-align: center; } .benchmadeOne .mobOne { order: 0; margin: 0 0 45px 0; } .benchmadeOne .mobOne img { display: block; margin: 0 auto; } .benchmadeOne .mobTwo { order: 1; } .benchmadeOne .col7 .benchRom, .benchmadeOne .col6 .benchRom { border-left: #A12B31 3px solid; padding-left: 50px; margin: 0 5px; } .benchRom p, .benchNorm p { text-align: left; line-height: 2.5rem; font-size: 1rem; font-family: 'Sailec-Light'; } .benchmadeOne .videoContainer { margin: 35px 0 5px 0; } /* Image Left */ .imageLeft.borderBottom { border-bottom: #A12B31 4px solid; padding-bottom: 35px; } .imageLeft .extraMargin { display: flex; flex-flow: row wrap; } .imageLeft .col6 { align-self: center; } /*.imageLeft .col6:first-of-type { margin: 30px 0; }*/ .imageLeft .col6 p { line-height: 2.45rem; margin: 0 25px; font-size: 1.25rem; } /* Benchmade 3 Column Layout 1 */ .benchmadeThreeCol h2.center, .imageLeft h2.center { margin-bottom: 45px; } .benchmadeThreeCol .col4 img { max-height: 315px; } .benchmadeThreeCol .col12 p { font-size: 1rem; margin-bottom: 25px; } .benchmadeThreeCol .col4 p { margin: 5px 45px 25px; color: #474747; font-family: 'Sailec-Light'; font-size: 1em; } /* Benchmade Floating Images */ .benchmadeSection.productFloat { display: flex; flex-flow: row wrap; align-content: center; } .benchmadeSection.productFloat .productFloatIntro { font-family: 'Sailec-Light'; font-size: 1.25rem; line-height: 1.875rem; } .productFloat .col12 { flex: 1 1 100%; } .threeFloat .colLeft p, .threeFloat .colRight p, .fiveFloat .colRight p, .fiveFloat .colLeft p, .twoFloat .colLeft p, .twoFloat .colRight p { font-size: 1rem; } .threeFloat .col4, .threeFloat .col12, .fiveFloat .col4,.fiveFloat .col6, .fiveFloat .col12, .fourFloat .col12, .twoFloat col4, .twoFloat .col12, .twoFloat .col6 { margin-bottom: 40px; } .fiveFloat .colLeft .floatText, .twoFloat .colLeft .floatText {margin-right: 60px !important; text-align: left; } .fiveFloat .colLeft .imageContainer, .twoFloat .colLeft .imageContainer {margin-right: 150px !important;} .fiveFloat .colRight .floatText, .twoFloat .colRight .floatText { margin-left: 80px; text-align: right; } .fiveFloat .colRight.centerText .floatText { text-align: center; } .fiveFloat .colRight .imageContainer, .twoFloat .colRight .imageContainer { margin-left: 150px; } .threeFloat .floatText p, .fiveFloat .floatText p, .twoFloat .floatText p { margin-bottom: 20px; } /* PEGBOARD SECTION */ .fiveBoard { text-align: center; margin: 40px 0; } .fiveBoard .boardFloat img, .fiveBoard .col12 { margin-bottom: 32px; clear: both; } .fiveBoard .boardFloat img.mobileShrink { max-width: 242px; } /* THREE COLUMN WITH OFFSET */ .benchmadeThreeCol.largeHeader { margin: 40px 0; } .benchmadeThreeCol.largeHeader img { margin: 0 auto; } .benchmadeThreeCol.largeHeader .col4, .benchmadeThreeCol.largeHeader .col12 { margin-bottom: 32px; text-align: center; } /* BENCHMADE PRODUCT SLIDES */ .productSlide .col12 { margin-bottom: 32px; } .productSlide .benchmadeProdSlider .flex-viewport {overflow: visible !important;} .productSlide .benchmadeProdSlider .slides .slides { text-align: center } .productSlide .benchmadeProdSlider .slides li { display:block; float:left; } .productSlide .benchmadeProdSlider .slides li .hoverWrapper { position: relative; } .productSlide .benchmadeProdSlider .slides li h3 { font-size: 1rem; color: #474747; font-family: 'Sailec-Regular'; font-size: .95rem; } .productSlide .benchmadeProdSlider .slides li p { font-size: 1rem; } .productSlide .benchmadeProdSlider .slides li img { margin: 0 auto; padding: 0 5px; max-width:258px; opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; } .productSlide .benchHover { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .productSlide .benchmadeProdSlider .slides li:hover img { opacity: 0.3; } .productSlide .benchmadeProdSlider .slides li:hover .benchHover { opacity: 1; } /* BENCHMADE APPOINTMENTS */ .benchmadeEndWrapper { margin: 40px 0 0; } .benchmadeEndWrapper .impact { position: relative; text-align: center; margin:0 ;} .benchmadeEndWrapper .impact .textOverlay { width: 100%; position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%); } .benchmadeEndWrapper .impact .textOverlay .centered .centeredContent { color: #fff; text-shadow: 0px 3px 6px #0000008C; font-family:'archer'; font-size: 1.56rem; font-style: italic; } .bookApp { text-align: center; margin: 40px 0; } .bookApp h2 { color: #474747; font-family: 'archerlightitalic'; font-size: 2.125rem; background-color: #fff; } /*NEW BENCHMADE CHANGES*/ a.saliecLink { font-family: 'archerbook'; font-size: 1rem; display:block; margin: 10px 0; font-style:italic; } a.archerLink { font-family: 'archeritalic'; color: #474747; font-size: 1rem; display:block; margin: 20px 0; } a.archerLink.uppercase { text-transform: uppercase; } .sailecParagraph { font-family: 'Sailec-Light' !important; } .benchNorm .btn-red.btn-small { margin-top: 20px; } .mobOneOrder{ margin: 0 35px 45px; order: 0; } .mobTwoOrder { order: 1; text-align:center; } .benchmadeSection.full { margin-bottom: 10px; } .benchmadeOne .redRule { order: 6; } .benchmadeLanding .fiveBoard .col12 h1 em { background-color: #fff; } .benchmadeLanding .col6 p a { background-color: #fff; } .influencers.threeColumn .slideContainer a { display: inline-block;} /*DESKTOP STYLES*/ @media screen and (min-width: 961px) { /* Global */ .benchmadeLanding {margin: 0 auto; padding: 0;} .benchmadeImpct h1.center { font-size: 2.125rem; margin: 50px 0; } .benchmadeOne p { font-size: 1.25rem; } .benchmadeLanding .col12 p { font-size: 1.25rem; } /* Benchmade Section One - Elevate */ .benchmadeOne h2.center, h2.center.archerH2 { font-size: 1.875rem; margin: 5px 0 45px 0; } .benchmadeOne .mobOne { order: 1; margin: 0 0 5px; align-self:center; } .benchmadeOne .mobTwo { order: 0; align-self:center; text-align: left;} .benchmadeOne .mobOneOrder { order:unset; margin: 0 0 5px; align-self:center; } .benchmadeOne .mobTwoOrder { order:unset; align-self:center;} .benchmadeOne .col7 .benchRom { margin: 0; } /* Benchmade 3 Column Layout 1 */ .benchmadeThreeCol h2 br { display: none; } .benchmadeThreeCol .col4 { margin-right: 2%; } .benchmadeThreeCol .col4:nth-child(3n) { margin-right: 0;} /* Image Left */ .imageLeft .extraMargin { margin: 0 100px; } .imageLeft .col6 p { text-align: justify; line-height: 2.45rem; margin: 0; font-size:1.25rem;font-family: 'Sailec-Light'; font-weight: 200; } /* Benchmade Floating Images */ .productFloat .col4 { display: flex; flex-flow: wrap; width: 28%; } .productFloat .col6.wrap { flex-flow: wrap; } .productFloat .col6.wrap .imageContainer { width: 60%; margin: 0 auto; } .productFloat .col6 { display: flex; } .fiveFloat .col6, .fourFloat .col6.flexRow { display: flex; flex-flow: row; } .twoFloat .col6 { display: flex; flex-flow: wrap; width: 45%;} .productFloat .col4.textLeft, .productFloat .col4.centerText { margin-right: 7% !important; } .productFloat .col4.invertedImage .floatText, .productFloat .col6.invertedImage .floatText { order: 3; } .productFloat .textLeft { text-align: left !important; } .productFloat .centerText { text-align: center !important; } .productFloat .textRight { text-align: right !important; } .threeFloat .col4.lastcol4, .fiveFloat .col4.lastcol, .fiveFloat .col6.textRight, .twoFloat .col6.lastcol, .fiveFloat .colLeft .imageContainer, .twoFloat .colLeft .imageContainer, .fiveFloat .colLeft .floatText, .twoFloat .colLeft .floatText { margin-right: 0 !important; } .fourFloat .colRight.textLeft .imageContainer { order: 0; } .fiveFloat .colRight .imageContainer, .twoFloat .colRight .imageContainer, .fiveFloat .colRight .floatText, .twoFloat .colRight .floatText { margin-left: 0; } .productFloat .col6.textRight .floatText { order: 2; } .fiveFloat .col6 .floatText, .twoFloat .col6 .floatText, .fourFloat .col6 .floatText {flex: 1 1 60%; align-self : center; } .threeFloat img, .fiveFloat img, .twoFloat img, .fourFloat img { flex-shrink: 0; } /* BENCHMADE APPOINTMENTS */ .benchmadeEndWrapper .impact .textOverlay .centered .centeredContent { font-size: 3.56rem; } .bookApp h3 { font-size: 1.875rem; } /*NEW BENCHMADE CHANGES */ a.saliecLink { font-family: 'Sailec-Light'; color: #474747; font-size: 1.25rem; margin-top: 12px; font-style: normal; } .benchmadeThreeCol { font-size: 1rem; display: flex; flex-flow: row wrap;} .benchmadeThreeCol .col12 + div { width: 100%; } .benchmadeThreeCol .colFlex { display:flex; align-items: stretch; flex-direction: column;} .benchmadeThreeCol .colFlex a.archerLink { margin-top:auto; } .benchmadeThreeCol .colFlex p { margin-bottom: 17px} .benchmadeSection.full { margin-bottom: 50px; } .benchmadeThreeCol .col4 p { margin: 5px auto 0; } } /* THREE COLUMN SLIDER */ /* APPOINTMENTS TEMPLATE */ .appointmentSection { font-family: 'Sailec-Regular'; display: block; } .appointmentSection:after { clear: both; height: 0; width: 100%; content: ''; display: block; } .appointmentSection p { font-size: 1.2em; color: #000000; } .appointmentSection .videoContainer { height: auto; padding-bottom: 0; margin: 0 auto; max-width: 414px; } .appointmentSection .btn-black { width: 100%; max-width: 201px; min-height: 60px; text-align: center; border-radius: 34px; background-color: #333333; color: #fff; padding: 11px 15px; margin: 24px auto 35px; display: block; text-transform: uppercase; text-decoration: none; font-size: 0.875em; line-height: 1.429em; display: flex; flex-direction: row; align-items: center; justify-content: center; } .appointmentSection .red-line {display: block; border-top: 3px solid #a22c35; width: 100%; max-width: 360px; } hr.red-line { max-width: 1170px; margin: auto; border-bottom: solid #A22D32; border-width: 0 0 3px 0; } hr.red-line.desktopOnly { display: none; } /* Impact */ .appointmentSection.appointmentsCta.impact h1, .appointmentSection.appointmentsCta h3 { font-family: 'archer'; font-weight: 700; font-size: 1.250em; color: #FFF; } .appointmentSection.appointmentsCta.impact .imageFull { display: flex; flex-flow: row nowrap; } .appointmentSection.appointmentsCta.impact .imageFull .mob-respGrph, .appointmentSection.appointmentsCta.impact .imageFull .imgOverlay { box-sizing: border-box; width: 100%; float: none; } .appointmentSection.appointmentsCta.impact .imageFull .imgOverlay { margin-left: -100%; position: relative; max-width: none; left: auto; } /* Intro paragraph */ .appointmentSection.intro { text-align: center; margin: 32px 100px 70px; } .appointmentSection.intro p { font-family: "archer"; font-size: 1.250em; font-weight: bold; color: #474747; } /* Image/Video Columns */ .appointmentSection.imageLeft { max-width: 1120px; margin: 25px 100px 25px; } .appointmentSection.imageLeft .col6 { width: 100%; float: none; } .appointmentSection.imageLeft .col6:first-of-type { margin: 0 0 25px; } .appointmentSection.imageLeft .col6 img { max-width: 414px; margin: 0 auto; width: 100%; } .appointmentSection .col6 h2 { font-family: 'Sailec-Regular'; font-size: 1.125em!important; margin-bottom: 0; color: #333333; text-transform: uppercase; display: block; line-height: 1.25em; font-weight: 700; } .appointmentSection .col6 .subhead { font-family: "archer"; font-size: 1.063em!important; display: block; margin-bottom: 15px; font-weight: 600; } .appointmentSection .col6 p { font-family: "archer"; line-height: 2.143em; text-align: center; margin: 0; font-size: 0.875em; } .appointmentSection .col6 .colContent { position: relative; } .appointmentSection .col6 .colContent .colHeader { position: relative; max-width: 180px; margin: auto; } .appointmentSection.imageLeft .col6 .colContent .colText > .appointmentBorder { border-bottom: #A12B31 3px solid; width: 37%; height: auto; display: block; margin: auto; } .appointmentSection .col6 .colContent > .appointmentBorder { display: none; } /* Asymmetrical Columns */ .appointmentSection.asymColumns {margin: 45px 80px; } .appointmentSection.asymColumns:last-of-type { margin-bottom: 200px; } .appointmentSection.asymColumns > div[class^="col"] { width: 100%; float: none;} .appointmentSection.asymColumns h2 { font-family: 'Sailec-Medium'; margin: 0px 0 18px 0; font-size: 1.563em; color: #333333; text-transform: uppercase; } .appointmentSection.asymColumns h3 { font-family: 'Sailec-Medium'; font-size: 1.250em; color: #000000; margin: 0; text-transform: uppercase; } .appointmentSection.asymColumns p { font-family: "archer"; line-height: 2.000em; font-size: 0.875em; } .appointmentSection.asymColumns .col5 { align-self: center; } .appointmentSection.asymColumns .mob-respGrph { display: block; } .appointmentSection.asymColumns .imageGrid .imageGridSrc:last-child { text-align: center; font-family: "archer"; } .appointmentSection.asymColumns .imageGrid .imageGridSrc:not(:last-child) { display: none; } .appointmentSection.asymColumns .imageGrid .imageGridSrc span.text { display: block; margin-top: 5px; font-size: 1.125em; font-weight: 600; } /* CTA Banner */ .appointmentSection.appointmentsCta:not(.impact) .imgOverlay { margin: auto; /*top: 60px; left: 0; right: 0; */ max-width: 535px; top: 20%; left: 0; right: 0; position: absolute; padding: 0 31px; } .appointmentSection.appointmentsCta .imgOverlay .centered { top: 10%; right: 0; left: 0; transform: none; max-width: 600px; margin: auto; position: relative; padding: 0; } .appointmentSection.appointmentsCta.impact .imgOverlay .centered { position: static; } .appointmentSection.appointmentsCta .imgOverlay .centered h3 { color: #FFF; } @media screen and (max-width: 960px ) { .appointmentSection .col6 .colContent .colText { text-align: center; padding: 0 15px; } .appointmentSection.asymColumns .colContent { margin: 0 15px; text-align: center; } .appointmentSection.asymColumns .imageGrid .imageGridSrc, .appointmentSection.asymColumns .imageGrid .imageGridSrc img { width: 100%; } } @media screen and (max-width: 720px ) { .appointmentSection .videoContainer { max-width: none; } .appointmentSection.intro { text-align: center; margin: 25px 20px 20px; } .appointmentSection.imageLeft { margin: 40px 0; } .appointmentSection.imageLeft .col6 img {max-width: none; margin: 0 auto!important; width: 100%;} .appointmentSection.asymColumns {margin: 45px 0; } .appointmentSection.appointmentsCta.impact .imgOverlay .centered { padding: 0 55px; } .appointmentSection.appointmentsCta:not(.impact) .imgOverlay { top: 5%; } } /* Desktop Styles */ @media screen and (min-width: 961px) { .appointmentSection .videoContainer { max-width: 550px; } hr.red-line.desktopOnly { display: block; } .appointmentSection.intro { max-width: 1100px; text-align: center; margin: 45px auto 50px; } .appointmentSection.intro p { font-size: 2.125em; } /* Image/Video Columns */ .appointmentSection.imageLeft { margin: 25px auto 37px; flex-direction: row; flex-wrap: wrap; width: 100%; display: flex; } .appointmentSection.imageLeft .col6 { width: 49%; float: left; } .appointmentSection.imageLeft .col6 img { max-width: 550px; } .appointmentSection.imageLeft .col6:first-of-type { padding: 0; } .appointmentSection .col6 h2 { margin-bottom: 0; display: block; font-size: 1.250em!important; line-height: 1.25em; } .appointmentSection .col6 .subhead { font-family: "archer"; display: block; font-size: 1.063!important; margin-bottom: 8px; } .appointmentSection .col6 p { font-size: 1.063em; text-align: left; line-height: 2.059em; } .appointmentSection .col6 .colContent { padding-left: 10px; } .appointmentSection .col6 .colContent .colText { position: relative; padding-left: 46px; } .appointmentSection .col6 .colContent .colHeader { max-width: none; } .appointmentSection.imageLeft .col6 .colContent .colText > .appointmentBorder { display: block; border-left: #A12B31 3px solid; border-bottom: 0; height: 90%; width: auto; position: absolute; left: 0; } .appointmentSection.imageLeft .btn-black { margin-left: 44px; } /* .appointmentSection.imageLeft > div[class^="col"]:first-child { padding-left: 30px; } */ .appointmentSection.imageLeft > div[class^="col"]:nth-child(2n) { padding-right: 30px; } /* Asymmetrical Columns */ .appointmentSection.asymColumns { max-width: 1180px; margin: 50px auto 51px; } .appointmentSection.asymColumns h2 { font-size: 2.175em; } .appointmentSection.asymColumns.first { display: flex; flex-flow: row wrap; } .appointmentSection.asymColumns div[class^="col5"] { width: 40%; float: left; margin-right: 0 } .appointmentSection.asymColumns div[class^="col7"] { width: 60%; float: left; margin-right: 0% } .appointmentSection.asymColumns .colContent { margin: 0 31px 0 0; } .appointmentSection.asymColumns p { font-size: 1.063em; line-height: 2.059em; } /* Image Grid */ .appointmentSection.asymColumns .imageGrid .imageGridSrc:not(:last-child) { display: block; } .appointmentSection.asymColumns div[class^="col"]:first-child { align-self: center; padding-left: 10px; } .appointmentSection.asymColumns div[class^="col"]:nth-child(2n) { padding-left: 47px; } .appointmentSection.asymColumns .imageGrid { display: flex; flex-flow: row wrap; margin-top: 6px; margin-right: 0; } .appointmentSection.asymColumns .imageGrid .imageGridSrc { margin: 5px 0; } .appointmentSection.asymColumns .imageGrid .imageGridSrc:last-child { padding-left: 15px; margin-right: 0; } /* CTA Banner */ .appointmentSection.appointmentsCta.impact h1 { font-family: 'archer'; font-size: 2.500em; font-weight: 700; } .appointmentSection.appointmentsCta .btn-black { display: block; margin: 35px auto; } .appointmentSection.appointmentsCta:not(.impact) .imgOverlay { margin: auto; top: 50px; right: 0; left: 0; padding: 0; max-width: 815px; } .appointmentSection.appointmentsCta:not(.impact) .imgOverlay .centered { padding: 0 35px; max-width: none; } .appointmentSection.appointmentsCta.impact .imgOverlay .centered h3 { font-size: 2.50em; } .appointmentSection.appointmentsCta:not(.impact) .imgOverlay .centered h3 { font-size: 1.875em; } } /* ============================ BEGIN NEW GLOBAL STYLES * ============================*/ .redRule { margin: 40px 0 0; border-top: 3px solid #A12B31; width: 100% !important; } h1.archerH1 { margin: 10px 0 25px; color: #474747; font-family: 'archerlightitalic'; font-size: 1.25rem; font-weight: 400; background-color: #fff; } h1.center, h2.center, h3.center { text-align: center; flex: 1 1 100%; } h2.archerH2 { margin: 10px 0 25px; color: #474747; font-family: 'archerlightitalic'; font-size: 1.25rem; font-weight: 400; background-color: #fff; } h3.archerH3 { text-transform: uppercase; font-family: 'archerlight'; font-size: 1.125rem; color: #474747; letter-spacing: 0.3px; line-height: 1.5rem; } h2.sailecH2 { font-size: 1.5625rem; color: #474747; font-family: 'Sailec-Medium'; text-transform: uppercase; background-color: #fff;} h3.sailecH3 { text-transform: uppercase; font-family: 'Sailec-Medium'; font-size: 1.125rem; color: #474747; letter-spacing: 0.3px; line-height: 1.5rem; background-color: #fff;} h4.sailecH4 { font-size: 1.125rem; font-family:'archerbook'; font-style:italic; color: #474747; } .btn-red.red-round{ min-width: 170px; max-width: 275px; font-size: 0.9375em; border-radius: 34px; padding:15px 15px; font-family: "Sailec-Regular"; background-color: #A12B31; text-align:center; line-height: 18px; } @media screen and (min-width: 961px) { /* Global */ h1.archerH1 { font-size: 2.125rem; margin: 50px 0; } h2.archerH2 { font-size: 1.875rem; margin: 5px 0 45px 0; } h2.sailecH2 { font-size: 2.1875rem !important; margin-bottom: 45px; } /* h3.sailecH3 { font-size: 1.25rem; } */ h4.sailecH4 { font-size: 1.25rem; } } /* ============================ BEGIN INFLUENCERS STYLES * ============================*/ .influencers .row { max-width: 1180px; margin: 0 auto; padding: 0; } .influencers p { line-height: 1.875em; font-family: 'archerbook'; color: #707070; font-size: 1rem; margin: 0; } /* Influencers Landing Impact */ .influencersImpact .imageFull { display: flex; flex-flow: row nowrap; align-items: center; position: relative;} .influencersImpact .imageFull img { width: 100%; } .influencersImpact .imageFull .mob-respGrph, .influencersImpact .imageFull .imgOverlay { box-sizing: border-box; width: 100%; float: none; } .influencersImpact .imageFull .imageFull .imgOverlay { margin-left: -100%; position: relative; } .influencersImpact .imageFull .imgOverlay .centered span { font-family:'archer'; text-transform: uppercase; color: #555555; } .influencersImpact .imageFull .imgOverlay .centered span.italic { font-size: 1.75rem; letter-spacing: 0.48px; font-weight: 600; } .influencersImpact .imageFull .imgOverlay .centered span.bold { font-size: 2rem; letter-spacing: 0.65px; font-weight: 700; } .influencersImpact .imageFull .imgOverlay .centered p { font-family:'archer'; color: #474747; font-size: 1.25rem;} .influencersImpact h1.archerH1 { font-size: 2.125rem; margin: 0; font-family: 'archerlightitalic'; font-weight: 400; } .influencersImpact .imageFull .imgOverlay .centered { top: 10%; right: 0; left: 0; transform: none; max-width: 816px; margin: 0 0 0 auto; text-align: right;} .influencersImpact .imageFull .imgOverlay .centered .marginRight { margin-right: 10%; } /* Influencers Columns */ .influencers .row { display: flex; flex-wrap: wrap; width: 100%; padding: 0 25px; color: #707070; margin: 50px auto; } .influencers .row .col7 { display: flex; flex-direction: column; flex-flow: wrap; justify-content: center; margin-right: 0; } .influencers.rightText .row .col7 { align-items: flex-end; } .influencers.rightText .col7 { width: 60%; } .influencers.leftText .col7 { width: 53%; } .influencers.leftText .col5 { width: 47%; text-align: right; } .influencers .row .influencersImageH { align-items: flex-end; display: flex; flex-flow: wrap; margin-bottom: 4px; } .influencers.influencersColumns row { padding: 0; } .influencers.influencersColumns .row > div[class^="col"]:nth-child(2n) { padding-left: 30px; } .influencers .influencersText { text-align: center; } .influencers.rightText .influencersText { max-width: 450px; } .influencers.leftText .influencersText { max-width: 330px; } .influencers .influencersText h2 { font-family: 'archeritalic'; font-size: 1.625em; font-style: italic; color: #707070; line-height: 1.538em; margin: 0 0 30px; } .influencers .influencersText h3 { font-family: 'Sailec-Medium'; font-size: 1.250em!important; margin-bottom: 0; color: #707070; text-transform: uppercase; display: block; line-height: 1.25em; } .influencers .influencersText .subhead { font-family: 'archeritalic'; font-size: 1.125em!important; display: block; margin: 7px 0 15px; } .influencers .influencersText .btn-red { margin-bottom: 0; } .influencers .col12.style .col3 .textRight p, .influencers .col12.style .col3.colRight .textLeft p { font-size: 1rem; } /* Influencers Callout */ .influencers.influencersCallout .row { margin: 20px auto; } .influencers.influencersCallout .calloutText { text-align: center; } .influencers.influencersCallout .calloutText p { font-family: 'archeritalic'; font-size: 1.625em; font-style: italic; color: #707070; line-height: 1.538em; } .influencers.influencersCallout .redRule { margin: 20px 0 !important;} .influencersImpact .imageFull .imgOverlay.influencersMain { top: 10px; } .influencersImpact .imageFull .imgOverlay.influencersMain .centered { margin: 0 auto; text-align: center; max-width: 150px; } .influencersImpact .imageFull .imgOverlay.influencersMain .centered .backgroundWhite { background-color: rgba(255, 255, 255, 0.6); padding: 5px 0; } .influencersImpact .imageFull .imgOverlay.influencersMain .centered span.bold { font-size: .7375rem; font-family: 'archerbold'; font-weight: 400; } .influencersImpact .imageFull .imgOverlay.influencersMain .centered span.italic { font-size: .64rem; } .influencers .twoCol .textRight { text-align: right; border-right: #A12B31 4px solid; padding-right: 15px; order: 1; } .influencers .twoCol .textLeft { text-align: left; border-left: #A12B31 4px solid; padding-left: 15px; margin: 0 35px; order: 1 } .influencers .textRight p { font-family: 'archerbook'; font-size: 1.25rem; } .influencers .centerText { text-align: center; } .influencers .twoCol .textRight.col5 { width: 100%; } .influencers .col12.twoCol { display: flex; flex-flow: row wrap; } .influencers .col12.twoCol > .col7 { flex: 1 1 100%; margin-bottom: 30px; flex-flow: row nowrap; } .influencers .col12.twoCol .colImgTop { order: 0; display:flex; } .influencers .quote { text-align: center; } .influencers .quote .fullQuote { font-family: 'archerbook'; font-style: italic; font-size: 1.25rem; color: #707070; line-height: 1.875rem;} .influencers .quote .redRule { margin: 50px 0 0 0;} .influencers .twoCol .col6 img { margin: 0 auto; display: block; } .influencers .twoCol .sailecText { text-align: center; margin-top: 30px; } .influencers .sailecText p { font-family: 'Sailec-Light'; font-size: 1rem; border-left: #A12B31 4px solid; padding-left: 15px; margin: 0 35px; text-align: left; margin-bottom: 30px; } .influencers .oneCol.textOnly { text-align: center; } .influencers .oneCol.textOnly p{ margin-bottom:45px; font-size: 1.25rem; } .influencers .threeCol h3 { text-align: center; margin: 10px 30px; } .influencers .threeCol .col4 p { color: #474747; font-size: 1rem; margin: 5px; } .influencers .threeCol { display: flex; flex-flow: row wrap; align-content: space-between;} .influencers .threeCol .col4 { flex: 1 1 100%;} .influencers .threeCol h2 { flex: 1 1 100%; text-align: center; } .influencers .col12.style .col6 { margin: 0 auto !important; order: 0; } .influencers .style .col3 .textLeft { text-align: left; margin: 25px 0; } .influencers .style .col3 .textRight { text-align: right; margin: 25px 0;} .influencers .col12.style .col3 { width: 100%; order: 1; margin: 0 5px; } .influencers .col12.style { display:flex; flex-flow: row wrap; } .influencers .col12.style h2 { flex: 1 1 100%; } .influencers .influencerCarousel { position: relative; margin: 0 auto; width: 90%; } .influencers.threeColumn .influencerCarousel { width: 100%; } .influencers.threeColumn .influencerCarousel.contentBlocks { width: 90%; } .influencers .influencerCarousel span { display: block; font-family: 'Sailec-Light'; margin-top: 5px; line-height: 1.875em; color: #474747; background-color: #fff; } .influencers .influencerCarousel ul li .slideContainer { padding: 5px 20px 0 20px; } .influencers .influencerCarousel .flex-direction-nav a { height: 33px; } .influencers .influencerCarousel .flex-direction-nav a:before { color: #474747; } .influencers .influencerCarousel .flex-direction-nav .flex-next { right: 0 !important; margin-right: -20px; } .influencers .influencerCarousel .flex-direction-nav .flex-prev { left: 0 !important; margin-left: -30px; } /* if using slider buttons instead of links */ .influencers .influencerCarousel .innerWrapper { position: relative; } .influencers .influencerCarousel .flex-direction-nav { display: inline-flex; justify-content: space-between; width: 100%; position: absolute; left: 0; top: calc(50% - 23px); } .influencers .influencerCarousel .flex-direction-nav button:before { font-family: "Font Awesome 5 Pro"; font-size: 1.750em; display: inline-block; content: '\f053'; color: #fff; font-weight: 300;} .influencers .influencerCarousel .flex-direction-nav button.flex-next:before { content: '\f054'; } .influencers .influencerCarousel .flex-direction-nav button:before { font-size: 1rem; color: #707070; } .influencers .influencerCarousel .flex-direction-nav button { padding:14px; top: 50%; background-color: transparent; outline: none; border: none; } .influencers .influencerCarousel button:focus { outline: 2px solid #ffffff; background-color: #474747; outline-offset: 0; } .influencers .influencerCarousel .flex-direction-nav button.flex-prev:focus, .categoryCarousel .flex-direction-nav button.flex-next:focus { outline: none; opacity: .5; } .influencers .influencerCarousel .flex-direction-nav button:focus::before { color: #ffffff; } @media screen and (min-width: 961px) { .influencersImpact .imageFull .imgOverlay.influencersMain { top: 20px; } .influencersImpact .imageFull .imgOverlay.influencersMain .centered { max-width: 350px; } .influencersImpact .imageFull .imgOverlay.influencersMain .centered span.bold { font-size: 1.9375rem; } .influencersImpact .imageFull .imgOverlay.influencersMain .centered span.italic { font-size: 1.44rem; } .influencersImpact .imageFull .imgOverlay.influencersMain .centered .backgroundWhite { padding: 25px 0; } .influencers .twoCol .textRight { line-height: 2.5rem; } .influencers .col12.twoCol .colImgTop { order: 2; margin-left: 20px;} .influencers .col12.twoCol .col5 { width: 39%;} .influencers .col12.twoCol .col7 { flex: 1 1 58%; } .influencers .col12.twoCol > .col6 { flex: 1 1 49%; align-self: cent er; } .influencers .col12.twoCol .col7, .influencers .col12.twoCol .col5 { align-self: center; } .influencers .twoCol .col10 { display: flex; flex-flow: row wrap; } .influencers .twoCol .sailecText { text-align: left; align-self: center; padding-right: 85px; } .influencers .quote .fullQuote { font-size: 2.25rem; line-height: 3.125rem; } .influencers .oneCol.textOnly { margin: 0 100px; } .influencers .oneCol.textOnly p { margin-bottom: 45px; line-height: 2.5rem; } .influencers .sailecText p { font-size: 1.25rem; border-left: none; padding-left: 0; margin: 0 0 25px; line-height: 2.5rem; } .influencers .threeCol .col4 { flex: 1 1 30%; margin-right: 4%; } .influencers .threeCol .col4:nth-child(4n) { margin-right: 0; } .infleuncers .col12.style .col6 { order: 1; margin-right: 0 !important; } .influencers .col12.style .col3 { width: 24.25%; text-align: left; margin: 0 5px 0;} .influencers .col12.style .col3.colLeft { order: 0; text-align: right; } .influencers .col12.style .col3.colLeft .textLeft { text-align: right; } .influencers .col12.style .col3.colLeft .textRight, .influencers .col12.style .col3.colRight .textRight { margin: 0 0 140px 0; } .influencers .col12.style .col3.colRight .textRight { text-align: left; } .influencers .col12.style .col3.colRight .textRight, .influencers .col12.style .col3.colRight .textLeft { margin-left: 20px;} .influencers .col12.style .col3.colLeft .textRight, .influencers .col12.style .col3.colLeft .textLeft { margin-right: 20px; } } @media only screen and (max-width: 960px) { .influencers .row { margin: 20px auto; } /* Influencers Columns */ .influencers .influencersText { order: 2; } .influencers.influencersColumns.innerWrapper { padding: 0!important; } .influencers.influencersColumns .row { padding: 0; margin-bottom: 0; } .influencers.influencersColumns .row div[class^="col"] { width: 100%; float: none; padding: 0!important; } .influencers.influencersColumns .row .influencersImage { padding: 0 20px; text-align: center; } .influencers .influencersText { max-width: none; padding: 20px; } .influencers .col7 { order: 1; } .influencers .col5 { order: 2; } /* Influencers Columns */ .influencers .influencersText .subhead { font-size: 1em; } .influencers .row .influencersImageH { margin-bottom: 0; } /* Influencers Callouts */ .influencers.influencersCallout .calloutText p { font-size: 1.063em; line-height: 1.875em; } .influencers.influencersEmail .influencersText .subhead { font-family: "archer"; display: block; font-size: 1.250em!important; } .influencers.influencersEmail .influencersText h2 { margin-bottom: 0; display: block; font-size: 1.250em!important; line-height: 1.25em; } } /* NEW EMAIL SIGN UP STYLES */ .emailWrapper{ text-align: center; max-width: 710px; margin: 60px auto; } .emailWrapper .row { display: flex; flex-flow: row wrap; width: 100%; padding: 0 25px; color: #707070; margin: 50px auto;align-items: center; justify-content: center; } .emailWrapper .row .emailSignup { width: 100%; } .emailWrapper .row .center { flex: 1 1 100%; } .emailWrapper .emailHeading { padding-bottom:15px; display:block; flex: 1 1 100%; font-family:'archer'; font-size: 1.625em; font-style: italic; color: #707070; line-height: 1.538em; background-color: #fff;} .emailWrapper p { flex: 1 1 100%; display:block; background-color: #fff;} .emailWrapper input[type=text], .emailWrapper input[type=email] { max-width: 450px; height: 55px; width: 100%; border: 1px solid #D2D2D2; padding: 0 20px; } .emailWrapper .btn-red { max-width: 201px; min-height: 55px; width: 100%; text-align: center; border-radius: 34px; background-color: #A12B31; color: #fff; padding: 8px 30px; margin: 5px auto 5px; text-transform: uppercase; text-decoration: none; font-family: 'Sailec-Regular'; border: 0; font-size: 0.875em;} .emailWrapper img { max-width: 123px; height:auto; margin:10px 0; display: block; flex: 1 1 100%;} .emailWrapper input[type=submit]:focus { border: 2px solid white; } /* Email Signup */ .influencers.influencersEmail { text-align: center; max-width: 710px; margin: 60px auto; } .influencers.influencersEmail h2 { font-family:'archer'; font-size: 1.625em; font-style: italic; color: #707070; line-height: 1.538em;} .influencers .emailSignup input[type=text] { max-width: 471px; height: 55px; width: 100%; border: 1px solid #D2D2D2; padding: 0 20px; } .influencers.influencersEmail .btn-red { max-width: 201px; margin-top: 5px; min-height: 55px; font-size: 1.125em; font-family: 'Sailec-Regular'; } @media only screen and (max-width: 960px) { .emailWrapper .emailHeading { font-size: 1.063em; font-style: italic; color: #707070; line-height: 1.538em;} .emailWrapper input[type=text] { max-width: 226px; height: 32px; margin-top: 15px;} .emailWrapper .btn-red { margin: 5px; } /* Influencers Email */ .influencers.influencersEmail h2 { font-size: 1.063em; font-style: italic; color: #707070; line-height: 1.538em;} .influencers.influencersEmail .emailSignup input[type=text] { max-width: 226px; height: 32px; } .influencers.influencersEmail { text-align: center; } .influencers.influencersEmail .btn-red { max-width: 91px; margin-top: 5px; min-height: 27px; font-size: 0.625em; } } /* ONE TIME HOMEPAGE VIDEO CHANGES */ .makersImpact .impactImg .homepageImpactVideo .centered h2 { font-size: 4rem; } .makersImpact .impactImg .homepageImpactVideo .centeredButton .button { border-radius: 34px; font-family: 'Sailec-Regular'; } @media only screen and (max-width: 960px) { .makersImpact .impactImg .homepageImpactVideo .centered { top: 20%; } .makersImpact .impactImg .homepageImpactVideo .centered h2 { font-size: 2rem;} .makersImpact .impactImg .homepageImpactVideo .centeredButton { position:relative; margin-top: 15px;} .makersImpact .impactImg .homepageImpactVideo .centeredButton .button { padding: 5px 15px; } } /* ROOMS WE LOVE PAGE */ section.rwlHeading { border-bottom: 0; text-align: center; } .rwlHeading h1 { font-size: 2.125rem !important; margin: 45px auto; color: #474747; font-family: 'archerlightitalic'; } h2.rwlHeading { font-size: 2.125rem !important; text-align: center; text-transform: none; margin: 35px auto 45px; font-family: 'archerlightitalic'; color: #474747; max-width: 1180px; } .rwlContent { margin-bottom: 115px; } .rwlContent:not(:first-child) h2.rwlHeading { margin-bottom: 55px; } @media screen and (max-width: 960px) { .rwlHeading h1 { margin: 50px auto 40px; } .rwlContent { margin-bottom: 35px; } .rwlContent:not(:first-child) h2.rwlHeading, .rwlContent h2.rwlHeading { margin-bottom: 0; } } /*FINANCING*/ .financeNew h1 { font-family: 'Sailec-Regular'; font-size: 1em; text-transform: uppercase; } .financeNew hr { max-width: 540px; margin: auto; display: block; } .financeNew .right { text-align: right; } .financeTwoCol { max-width: 956px; margin: 30px auto 50px; font-family: 'Sailec-Light'; font-size: 1.063em; display: flex; align-items: center; justify-content: space-between; background-color: #f0f0f0; } .financeTwoCol .financeFlex { align-items: center; margin: 0; padding: 0 5% 0 1%; border: 2px solid #f0f0f0; background-color: #fff; } .financeTwoCol .colLeft { flex: 1; margin-right: 5px; } .financeTwoCol .colRight { flex: 2; margin-left: 5px; } .financeTwoCol:after { clear: both; content: ""; display: block; } .financeColLinks { max-width: 980px; margin: 30px auto; } .financeColLinks span { font-family: 'Sailec-Regular'; text-transform: uppercase; font-size: 0.941em;} .financeThreeCol { max-width: 1180px; margin: 40px auto 60px; } .financeThreeCol h2 { font-size: 1.500em; margin-bottom: 20px; font-family: 'Sailec-Regular'; } .financeThreeCol p { font-size: 1em; font-family: 'Sailec-Regular'; } .financeOffers { padding: 0 10px; max-width: 956px; margin: auto; } .financeOffers h2 { font-size: 1.438em; margin-bottom: 20px; display: inline-block; } .financeOffers h3 { font-size: 1.188em; font-family: 'Sailec-Medium'; text-transform: uppercase; margin: 50px auto 50px; } .financeOffers p.financeOfferText { font-size: 2.188em; font-family: 'Sailec-Light'; margin-bottom: 0; margin-top: 20px; } .financeOffers p.financeOfferSubtext { font-size: 1.188em; margin-bottom: 40px; } .financeFAQs { max-width: 715px; margin: 50px auto 100px; } .financeFAQs h2 { font-family: 'Sailec-Light'; font-size: 1.750em; } .financeFAQs h3 { font-family: 'Sailec-Medium'; font-size: 1.063em; } .financeTerms { max-width: 1039px; margin: 50px auto; } ul.dashed { list-style-type: none; } ul.dashed > li { text-indent: 15px; } ul.dashed > li:before { content: "-"; text-indent: 15px; } @media screen and (max-width: 720px) { .financeTwoCol { display: block; background-color: transparent; } .financeTwoCol .col5.greyBar { background-color: #f0f0f0; padding: 10px 0; } .financeColLinks, .financeThreeCol, .financeTwoCol, .financeOffers, .financeFAQs, .financeTerms { padding: 0 20px; } .financeColLinks .col4, .financeThreeCol .col4, .financeTerms .financeBtns .col4, .FinanceTwoCol .col5 { float: none; display: block; width: 100%; } } /* ACCORDION ACCESSIBILITY */ .accDropdown { margin: 0; padding: 0; } .accDropdown h3 { margin: 0; padding: 0; } .accDropdown:focus-within { border-color: hsl(216deg 94% 43%); } .accDropdown:focus-within h3 { background-color: #f7f7f7; } .accDropdown .accDropdownTrigger { background: none; display: block; font-size: 1rem; font-weight: normal; margin: 0; padding: 1em 1.5em; position: relative; text-align: left; width: 100%;/* outline: none; */ border: 1px solid #d2d2d2; border-width: 0 0 1px 0; } .accDropdown .accDropdownTrigger[aria-expanded="true"]:before {font-family: 'Font Awesome 5 Pro'; content: "\f068" !important; margin: 0 15px 0 9px;font-weight: 300; } .accDropdown .accDropdownTrigger[aria-expanded="false"]:before {font-family: 'Font Awesome 5 Pro'; content: "\f067" !important; margin: 0 15px 0 9px;font-weight: 300; } /* .accDropdown .accDropdownTrigger:focus, .accDropdownTrigger:hover { background: hsl(216deg 94% 94%); } .accDropdown .accDropdownTrigger:focus { outline: 4px solid transparent; }*/ .accDropdown button::-moz-focus-inner { border: 0; } .accDropdown .accDropdownTitle { display: block; pointer-events: none; border: transparent 2px solid; border-radius: 5px; padding: 0.25em; outline: none; } .accDropdown .accDropdownTrigger:focus .accDropdownTitle { border-color: hsl(216deg 94% 43%); } .accDropdown .accDropdownIcon { border: solid currentcolor; border-width: 0 2px 2px 0; height: 0.5rem; pointer-events: none; position: absolute; right: 2em; top: 50%; transform: translateY(-60%) rotate(45deg); width: 0.5rem; } .accDropdown .accDropdownTrigger:focus .accDropdownicon, .accDropdownTrigger:hover .accordion-icon { border-color: hsl(216deg 94% 43%); } .accDropdown .accDropdownTrigger[aria-expanded="true"] .accDropdownIcon { transform: translateY(-50%) rotate(-135deg); } .accDropdown .accDropdownPanel { margin: 0; padding: 1em 1.5em; } /* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */ .accDropdown .accDropdownPanel[hidden] { display: none; } /* Templates */ .filter_container .resultsSort.accDropdown .accDropdownTrigger { padding: 5px 10px; border-radius: 3px; border: 1px #949494 solid; font-size: .8rem; color: #000; } .filter_container .accDropdown .accDropdownTrigger { border: cursor: pointer; border: 1px solid #949494; padding: 15px; border-radius: 3px; display: block; color: #333; font-family: 'Sailec-Regular'; } .filter_container .accDropdown .accDropdownPanel { padding: 0; } .filter_container .accDropdown .accDropdownTrigger[aria-expanded="true"]:before { content: "\f106"!important; float: right; margin: 0 0 0 20px; } .filter_container .accDropdown .accDropdownTrigger[aria-expanded="false"]:before{ content: "\f107"!important; float: right; margin: 0 0 0 20px; } @media screen and (min-width: 720px) { #primaryRefines .accDropdown .accDropdownTrigger { padding: 5px 10px; border-radius: 3px; border: 1px #949494 solid; font-size: .8rem; color: #000; } } /*CONTACT US FORM*/ #contactForm, #contactForm label, #contactForm span, #contactForm strong { background: #ffffff; color: #333333; } #contactResponse { background: #ffffff; color: #333333; }