.whyKraftmaidHero { background: url(https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/why-km-test.jpg) no-repeat; height: 525px; width: 1170px; text-align: center; padding-top:17%; } .heroCopy {color: #fff; font-weight: 900; font-family: "campton_bookbold", Helvetica, Arial, sans-serif; font-size: 70px !important; } .fa-wishlist { font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #552e5f !important; border: 1px solid #000; margin-top:2%; height: 40px !important; letter-spacing: normal; font-weight: normal; line-height: 40px; padding: 0 20px; margin-right: 5px; background-color: #fff; } .fa-wishlist:hover, .fa-wishlist:focus{ border-color: #552d5f !important; background-color: #552d5f !important; color: #fff !important; } .hideCompare {max-height:300px;} .close { float:none !important } button.close { float:right !important; } .radio {float:left; margin-right: 30px !important; margin-top: 2px !important;} .clear .CategoryPagination .BloggingPagination {list-style-type: none !important;} .ExpressCheckoutContent .clear {overflow:visible;} .ActivePage { color: #9fa0a1; } #QuickViewProductDetails .addToCart { margin-top:2%; } #QuickViewProductDetails #ProductDetails h1 { line-height: 1; } .quickProductDetails { margin: 2% 0; } /*****************************************************************************/ /************************* BEGIN CONTENT PAGE STYLES *************************/ /*****************************************************************************/ .SearchContainer .ProductList.List li { padding: 10px; } ::-webkit-scrollbar { // display: none; } /*** update on coalition file ***/ /* line 1249 */ .ProductList.owl-carousel .pname { height: 100% !important; } .facet-container .facet-option { font-size: 13px !important; } #disclaimer { font-size:12px; width:80%; margin:auto; } a, a:link,p a, .BlockContent.PageContent a {text-decoration: underline;} a:hover,p a:hover, .BlockContent.PageContent a:hover {text-decoration: none;} .btn,.btn2, .header p a, .BlockContent.PageContent h4 a, .landing-section h4 a, #accordion a, .DetailRow a, .pname a, .ProductDetails a, .facet-label a, #DrawerMenu a, .YourAccount a, .AccountMenu a {text-decoration: none !important;} .Left { width: 260px; } owl-wrapper .productPage .ProductList li { width:100% !important; } .PrimaryProductDetails .ProductMain { margin-top: 20px; } .ProductListDoors li{ width: 100% !important; } .FeaturedGalleryContainer { background-color:#f1f1f2; padding: 10px; } #home .FeaturedGalleryItem li, .productPage .FeaturedGalleryItem li { width: 33%; } .PrimaryProductDetails .btn.wishTrigger { color: #552E5F; } .kmLogos {padding-bottom:50px;} span#fancy_left_ico, span#fancy_right_ico {display: none; } a#fancy_left, a#fancy_right {height: 0 !important; width: 0 !important;} /************** LANDING PAGES **************/ .support-landing-1 { background: url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/touchup-landing.jpg) no-repeat; height:141px; } .support-landing-2 { background: url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/adjustmenttips-landing.jpg) no-repeat; height:141px; } .support-landing-3 { background: url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/careandcleaning-landing.jpg) no-repeat; height:141px; } .support-landing-4 { background: url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/replacement-parts-landing.jpg) no-repeat; height:141px; } .landing-top-all .btn { position: absolute; top: 12%; left: 7%; } .landing-all-spacing { margin-bottom:5px; } .bottomBorder { border-bottom: none; } .landing-top { padding:2px !important; } .landing-top-all { margin-bottom: 45px; } .landing-section { border-bottom: 1px solid rgba(0, 0, 0, 0.19); padding: 2% 0; } .landing-section h4 { padding:0; font-weight:700; margin-top:0; } .landing-section p { margin-top:7%; } .landing-section h4 a { color: #000 !important; } .landing-section h4 a:hover { text-decoration: none !important; } .fadeOnHover:hover{ opacity: .7; } .fadeOnHover{ opacity: 0.4; } .squareText { position: relative; top: -220px; margin: 10px; max-width: 225px; } .flex-direction-nav .flex-prev { background: url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/arrowleft.png) no-repeat center left; top: 0; left: 0 !important; bottom: 0; margin-top: -45px; margin-left: .5%; } .flex-direction-nav .flex-next { background: url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/arrowright.png) no-repeat center right; top: 0; right: 0 !important; bottom: 0; margin-top: -45px; margin-right: .5%; } .noNav .flex-direction-nav {display:none;} .flex-control-nav { display: none; display:block !important; } .flex-control-paging li a { box-shadow: inset 0 0 3px rgba(14, 13, 13, 0.86); } .flex-control-nav { bottom: -30px !important; } .flex-control-paging li a {width: 20px; height: 20px; display: block; background: rgba(255, 255, 255, 0.5) !important;cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a.flex-active { background: #552e5f !important; cursor: default; } .slide-show { margin-bottom: 50px !important; } ul.tabs li{ border:none; float: left; background: #110011; text-align:center; width:27px; height:30px; padding:7px 5px 5px; margin-right: 10px; } ul.tabs li.active, ul.tabs li:hover{border: 1px solid #000;background: #dddddd;} ul.tabs li a { text-transform:uppercase; color :#fff !important; font-size:12px; font-weight:bold; display:block; } ul.tabs{ position :relative; margin:0 0 30px 16px; } ul.tabs li.active a, ul.tabs li a:hover{ color:#000!important; text-decoration:none; } .tab-content h4{ padding: 0 0 6px 0; margin-bottom:0; } .tab-content p { margin-bottom:25px; } ul.tabs li.active div.active-arrow { background: url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/board-arrow.png) no-repeat bottom center; height: 10px; position: absolute; display: block; top: 29px; width:20px; margin-left:-2px; } .tab-content{ margin-top:30px; } .headerImg {text-align:center;} .content {margin:20px 0 0;} .panel-group a, .panel-group a:focus, .panel-group a:hover {text-decoration:none; color:#333!important; font-weight:bold;} .panel-default>.panel-heading { background-color:#fff !important; border-radius: 0 !important; } .panel{border-bottom:0 !important; border-left:0 !important; border-right:0 !important; -webkit-box-shadow:0 0 0!important; box-shadow:0 0 0!important;} .panel-default{border-color:#000 !important;} .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#fff !important;} .content .button{margin-bottom:16px; display:block;} /************** START HOVER BLOCKS *******************/ .home_blocks_wrapper .block1, .home_blocks_wrapper .block2, .home_blocks_wrapper .bathCollections1, .home_blocks_wrapper .bathCollections2, .home_blocks_wrapper .naturalWarm1, .home_blocks_wrapper .naturalWarm2, .home_blocks_wrapper .luxeTransitional1, .home_blocks_wrapper .luxeTransitional2, .home_blocks_wrapper .lightTimeless1, .home_blocks_wrapper .lightTimeless2, .home_blocks_wrapper .classicallyTraditional1, .home_blocks_wrapper .classicallyTraditional2, .home_blocks_wrapper .contemporaryDynamic1, .home_blocks_wrapper .contemporaryDynamic2, .home_blocks_wrapper .blockPressRoom, .home_blocks_wrapper .extremeMakeover, .home_blocks_wrapper .krafyMyStyleApp{ width:265px; height:250px; float:left; position:relative; margin-top:20px; cursor: pointer; } .home_blocks_wrapper .block1 .text:hover,.home_blocks_wrapper .block2 .text:hover,.home_blocks_wrapper .bathCollections1 .text:hover, .home_blocks_wrapper .bathCollections2 .text:hover, .home_blocks_wrapper .naturalWarm1 .text:hover, .home_blocks_wrapper .naturalWarm2 .text:hover, .home_blocks_wrapper .luxeTransitional1 .text:hover, .home_blocks_wrapper .luxeTransitional2 .text:hover, .home_blocks_wrapper .lightTimeless1 .text:hover, .home_blocks_wrapper .lightTimeless2 .text:hover, .home_blocks_wrapper .classicallyTraditional1 .text:hover, .home_blocks_wrapper .classicallyTraditional2 .text:hover, .home_blocks_wrapper .contemporaryDynamic1 .text:hover, .home_blocks_wrapper .contemporaryDynamic2 .text:hover, .home_blocks_wrapper .blockPressRoom .text:hover, .home_blocks_wrapper .extremeMakeover .text:hover, .home_blocks_wrapper .krafyMyStyleApp .text:hover{ background: rgba(255, 252, 255, 0.55); } .home_blocks_wrapper .text h4{ font-size: 18px; line-height: 20px; padding: 0; color: #000 !important; } .home_blocks_wrapper .block1 .text, .home_blocks_wrapper .block2 .text, .home_blocks_wrapper .bathCollections1 .text, .home_blocks_wrapper .bathCollections2 .text, .home_blocks_wrapper .naturalWarm1 .text, .home_blocks_wrapper .naturalWarm2 .text, .home_blocks_wrapper .luxeTransitional1 .text, .home_blocks_wrapper .luxeTransitional2 .text, .home_blocks_wrapper .lightTimeless1 .text, .home_blocks_wrapper .lightTimeless2 .text, .home_blocks_wrapper .classicallyTraditional1 .text, .home_blocks_wrapper .classicallyTraditional2 .text, .home_blocks_wrapper .contemporaryDynamic1 .text, .home_blocks_wrapper .contemporaryDynamic2 .text, .home_blocks_wrapper .blockPressRoom .text, .home_blocks_wrapper .extremeMakeover .text, .home_blocks_wrapper .krafyMyStyleApp .text { position: absolute; bottom:15; padding: 10px; width:295px; color: #000 !important; background: rgba(255, 252, 255, 0.80); padding-bottom:195px; } /*Support*/ .home_blocks_wrapper .block1{background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-support.jpg") no-repeat;} .home_blocks_wrapper .block2{background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-product-specs.jpg") no-repeat;} /*Bath Collections*/ .home_blocks_wrapper .bathCollections1 {background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-bathtips.jpg") no-repeat;} .home_blocks_wrapper .bathCollections2 {background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-mystyle-studio.jpg") no-repeat;} /*Design Styles*/ .home_blocks_wrapper .naturalWarm1{background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-photo-gallery-nw.jpg") no-repeat;} .home_blocks_wrapper .naturalWarm2{background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-cabinet-doors-nw.jpg") no-repeat;} .home_blocks_wrapper .luxeTransitional1{background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-photo-gallery.jpg") no-repeat;} .home_blocks_wrapper .luxeTransitional2{background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-cabinet-doors.jpg") no-repeat;} .home_blocks_wrapper .lightTimeless1{background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-photo-gallery-lt.jpg") no-repeat;} .home_blocks_wrapper .lightTimeless2{background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-cabinet-doors-lt.jpg") no-repeat;} .home_blocks_wrapper .classicallyTraditional1{background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-photo-gallery-ct.jpg") no-repeat;} .home_blocks_wrapper .classicallyTraditional2{background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-cabinet-doors-ct.jpg") no-repeat;} .home_blocks_wrapper .contemporaryDynamic1{background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-photo-gallery-cd.jpg") no-repeat;} .home_blocks_wrapper .contemporaryDynamic2{background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-cabinet-doors-cd.jpg") no-repeat;} /*Company*/ .home_blocks_wrapper .blockPressRoom {background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/hoverbox-pressroom.jpg") no-repeat;} .home_blocks_wrapper .extremeMakeover {background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-extreme-makeover.jpg") no-repeat;} /*Plan*/ .home_blocks_wrapper .krafyMyStyleApp {background: url("//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/bg/hoverbox-kraftmystyle-app.jpg") no-repeat;} /*** MODAL WINDOWS ***/ .modalPopup {overflow:hidden;box-shadow: 0 0 20px #000;padding:20px;} /*** SUPPORT SECTION ******/ .bq_2014_guide{background:url(//cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/bg-2014-guide.png?t=1475788334) no-repeat 0 0;} .bq_2012_guide{background:url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/bg-2012-guide.png) no-repeat 0 0;} .iconNew{ vertical-align: middle; display: inline-block; background: url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/icon-new.png) no-repeat top left; width: 45px; height: 22px; padding-right: 8px;} /*** GLASS INSERTS ******/ .camed_insert{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-it-camed.jpg) no-repeat 0 0;} .classic_insert{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-it-classic.jpg) no-repeat 0 0;} .etched_insert{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-it-etched.jpg) no-repeat 0 0;} .layered_insert{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-it-layered.jpg) no-repeat 0 0;} .metallicAccents_insert{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-it-metallic-accents.jpg) no-repeat 0 0;} .mullion_insert{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-it-mullion.jpg) no-repeat 0 0;} .textured_insert{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-it-textured.jpg) no-repeat 0 0;} .metalGrille_insert{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-it-metal-grille.jpg) no-repeat 0 0;} .camed_insert h3 {margin-top: 0;} .classic_insert h3 {margin-top: 0;} .etched_insert h3 {margin-top: 0;} .layered_insert h3 {margin-top: 0;} .metallicAccents_insert h3 {margin-top: 0;} .mullion_insert h3 {margin-top: 0;} .textured_insert h3 {margin-top: 0;} .metalGrille_insert h3 {margin-top: 0;} /*** DESIGN STYLES ******/ .modal_luxe_transitional{background:url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/modalwidow-luxe-transitional.jpg) no-repeat 0 0;} .modal_natural_warm{background:url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/modalwidow-natural-and-warm.jpg) no-repeat 0 0;} .modal_light_timeless{background:url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/modalwidow-light-and-timeless.jpg) no-repeat 0 0;} .modal_classically_traditional{background:url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/modalwidow-classically-traditional.jpg) no-repeat 0 0;} .modal_contemporary_dynamic{background:url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/modalwidow-contemporary-and-dynamic.jpg) no-repeat 0 0;} .modal_luxe_transitional h3 {margin-top: 0;} .modal_natural_warm h3 {margin-top: 0;} .modal_light_timeless h3 {margin-top: 0;} .modal_classically_traditional h3 {margin-top: 0;} .modal_contemporary_dynamic h3 {margin-top: 0;} /*** MOLDING AND ACCENTS - APPLICATIONS TYPES ******/ .above_cabinet_treatments{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-ma-above-cabinet.jpg) no-repeat 0 0;} .at_ceiling_treatments{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-ma-at-ceiling.jpg) no-repeat 0 0;} .base_cabinet_treatments{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-ma-base-cabinet.jpg) no-repeat 0 0;} .below_wall_cabinet_treatments{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-ma-below-wall-cabinet.jpg) no-repeat 0 0;} .decorative_legs_and_feet{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-ma-decorative-legs-and-feet.jpg) no-repeat 0 0;} .onlays_ornaments_corbels{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-ma-onlays-ornaments-and-corbels.jpg) no-repeat 0 0;} .pediments{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-ma-pediments.jpg) no-repeat 0 0;} .special_use_applications{background:url(//kraftmaid.s3.amazonaws.com/content/images/graphics/ui/help/help-ma-special-use-applications.jpg) no-repeat 0 0;} .above_cabinet_treatments h3 {margin-top: 0;} .at_ceiling_treatments h3 {margin-top: 0;} .base_cabinet_treatments h3 {margin-top: 0;} .below_wall_cabinet_treatments h3 {margin-top: 0;} .decorative_legs_and_feet h3 {margin-top: 0;} .onlays_ornaments_corbels h3 {margin-top: 0;} .pediments h3 {margin-top: 0;} .special_use_applications h3 {margin-top: 0;} .aside { border: 10px solid #999999; padding: 10px 15px; } .aside h2{margin:10px 0 0 0;} .aside ul.horz-nav.icon-list { margin: 0 0 5px 0; padding: 0; } .aside ul.horz-nav.icon-list li { display: inline-block; float: left; margin: 0 3px 0 0; padding: 0; } #ModalContent .btn, .ModalContent .btn, #ModalContent .btn:hover, .ModalContent .btn:hover { color: #333; } /*** END MODAL WINDOWS ***/ .socialIcon { background: url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/icons.jpg) ; overflow: hidden; text-indent: -9000em; } .socialIcon.facebook, .socialIcon.twitter, .socialIcon.youtube, .socialIcon.pinterest,.socialIcon.rss{ height: 30px; width: 30px; display:block; } .socialIcon.facebook{ background-position: -2px -13px; } .socialIcon.twitter { background-position: -40px -13px; } .socialIcon.youtube { background-position: -79px -13px; } .socialIcon.pinterest { background-position: -118px -13px; } .socialIcon.rss { background-position: -155px -13px; } .superscript { font-size: 75%; vertical-align: super; } /* .sampleOrder img{ margin-top:20px; } */ p.disclaimer { font-size: 11px !important; margin-top:18px; } .separator{ border-top: 1px solid #ddd; margin-top:9px; padding-bottom:9px; } .req{ color:#ff0000; } .facet-container .btn-facet-more-options { border: none !important; background: none !important; } label { font-weight: 500 !important; } .ProductList li .ProductCompareButton { color: #333 !important; } .side-section .phone{ font-size: 28px; font-weight: bold; } .side-section .phone a, .phone a{ text-decoration: none !important; color: #000 !important; } /************** SUPPORT SECTION **************/ .white-content-block h3 { border-top: 0; padding: 4px 0 0 35px; background: url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/q.png) no-repeat left 0; } .white-content-block p { padding: 0px 0 0 35px; background: url(//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/a.png) no-repeat left 0; min-height: 28px; color: #666;} .white-content-block p.none{background:none;} /************** LEARN SECTION **************/ .finishes img{margin-bottom: 10px;} .finishes a {display: block; text-align:center;} .cleaning-care-guide{ display:inline-block;} .modal-dialog{background:#fff;/* width:60% !important;*/ padding: 2% 4% 2%;} .modal-dialog h2{margin-top:0;} a[data-toggle] {cursor:pointer;} .close{opacity:1 !important;} p.finish-technique-availability { font-style: italic; } .finish-techniques-callout { float: right; margin-bottom: 20px; margin-left: 20px; position: relative; } .finishes span{ display:block; margin-bottom:8px; } /*********** WHY CHOOSE KRAFTMAID ***********/ .durakraft-callout { height: 150px; box-shadow:0px 0px 5px #CCC; } /*.finishes img { width:138px; height:138px; }*/ /* #prodAccordion .subtitle:before{ content: "\002b"; padding-right:3px; } #prodAccordion .current .subtitle:before{ content: "\2212"; padding-right:3px; } #prodAccordion .Block{border-bottom:0 !important; border-top:1px solid #000;} */ /*div.checker input{ opacity: 1;}*/ /************** COMPANY SECTION **************/ .company-landing h3 { margin-top: 10px !important; text-transform: uppercase; font-size: 20px; } /************** IMAGINE **************/ /*************** EXPLORE YOUR STYLE **************/ .exploreSections { border-top: 1px solid rgba(0, 0, 0, 0.19); border-bottom: 1px solid rgba(0, 0, 0, 0.19); } /*************** DESIGN STYLES **************/ .luxetransitional { background-color: #7B6B52; } .naturalWarm{ background-color: #AD9573; } .lightTimeless{ background-color: #8DA4B5; } .classicTraditional { background-color: #B56B4B; } .contemporaryDynamic { background-color: #BDA659; } .contemporaryDynamic, .classicTraditional,.lightTimeless, .naturalWarm, .luxetransitional { color:#fff !important; border: 10px solid #DDDDDD; min-height: 275px !important; margin-top: 2%; padding-left:15px; padding-right:15px; } .luxetransitional p, .naturalWarm p, .lightTimeless p, .classicTraditional p, .contemporaryDynamic p{ line-height:1.5 !important; color:#fff !important; } .classicTraditionalImg, .luxetransitionalImg, .naturalWarmImg, .lightTimelessImg, .contemporaryDynamicImg{ border: 10px solid rgb(221, 221, 221); margin-top: 1.5%; } .classicTraditionalImg img, .luxetransitionalImg img, .naturalWarmImg img, .lightTimelessImg img, .contemporaryDynamicImg img { padding: 0px !important; width: 100%; } /************** VIEW AND SHARE and ASK A DESIGNER FORM STYLING *******************/ .askDesignerText { width:300px !important; } .askADesignerCheck { float: none !important; } input.Textbox, textarea, input[type="text"], input[type="password"], input[type="email"], input[type="file"], input[type="number"] { height: 35px !important; background: #ffffff !important; font-size: 13px !important; vertical-align: middle !important; border: 1px solid #000 !important; padding: 0 1em !important; width:230px; } input[type='number'] { -moz-appearance:textfield; } div.uploader, div.selector { border: 1px solid #000 !important; padding: 0 1em !important; height:32px !important; } div.uploader span.filename { color: #333; font-size: 11px; } input.text, input.email, input.password, textarea.uniform { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #Field23, #Field24, #Field14 { cursor:pointer !important; } #form13 span.action, #form14 span.action { border-left: 2px solid #000; padding: 0 1em !important; background-color: #e6e6e6; } div.uploader { padding: 0 !important; } .SortBox div.selector span, .SearchSorting div.selector span { height: 30px !important; } div.selector { width: 230px; } #FormField_13, #FormField_23 { width: 230px !important; } /**************** PHOTO GALLERY DETAILS *******************/ .contemporary-and-dynamic-Text{ background: #949154; padding:10px; } .natural-and-warm-Text{ background: #ac9472; padding:10px; } .luxe-transitional-Text{ background: #7c6b51; padding:10px; } .classically-traditional-Text{ background: #b56b4b; padding:10px; } .light-and-timeless-Text{ background: #8da4b5; padding:10px; } .contemporary-and-dynamic, .light-and-timeless, .classically-traditional, .luxe-transitional, .natural-and-warm { margin-bottom:0; } .contemporary-and-dynamic-container h5, .light-and-timeless-container h5, .classically-traditional-container h5, .luxe-transitional-container h5, .natural-and-warm-container h5{ margin:0; padding: 0; } .btn360{ border:2px solid #333; } .modal360 { display:block; } .modal.fade .modal-dialog{transform:none !important;} /**************** PLAN SECTION *******************/ .video-container { width:75%; margin:auto; } .video-container-lg { width:100%; margin:auto; } .universal-design-mobile {display:none;} .universalDesignBullets li {margin-bottom:15px;} .universalDesignBullets ul li {margin-bottom:15px;} #allFeaturesWall {margin-top:30px;} .whisperTouch {margin-left:20px !important;} /************** START LEARN ABOUT FILTERS HOVER BOX *******************/ .learn_about_filters_container { width:100%; } .learn_about_filters .door_styles, .learn_about_filters .application_types, .learn_about_filters .insert_types, .learn_about_filters .design_styles, .learn_about_filters .finish_techniques, .learn_about_filters .overlays, .learn_about_filters .wood_types, .learn_about_filters .evercore, .learn_about_filters .distressed, .learn_about_filters .suede{ width:140px; height:140px; float:left; position:relative; margin-top:20px; cursor: pointer; } .learn_about_filters .learn_about { width:140px; height:140px; float:left; position:relative; margin-top:20px; cursor:default; } .learn_about_filters .door_styles .text:hover, .learn_about_filters .application_types .text:hover, .learn_about_filters .insert_types .text:hover, .learn_about_filters .design_styles .text:hover, .learn_about_filters .finish_techniques .text:hover, .learn_about_filters .overlays .text:hover, .learn_about_filters .wood_types .text:hover, .learn_about_filters .evercore .text:hover, .learn_about_filters .distressed .text:hover, .learn_about_filters .suede .text:hover{ background: rgba(255, 252, 255, 0.55); } .learn_about_filters .text h4, .learn_about_filters .text h5 { font-size: 18px; line-height: 20px; padding: 0; color: #000 !important; } .learn_about_filters .learn_about .text, .learn_about_filters .application_types .text, .learn_about_filters .insert_types .text, .learn_about_filters .door_styles .text, .learn_about_filters .design_styles .text, .learn_about_filters .finish_techniques .text, .learn_about_filters .overlays .text, .learn_about_filters .wood_types .text, .learn_about_filters .evercore .text, .learn_about_filters .distressed .text, .learn_about_filters .suede .text { position: absolute; bottom:15; padding: 10px; width:140px; height:140px; color: #000 !important; background: rgba(255, 252, 255, 0.80); /*padding-bottom:70px; */ } .learn_about_filters .learn_about{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/learn-about-filters.jpg") no-repeat;} .learn_about_filters .door_styles{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/door-styles-learn-about.jpg") no-repeat;} .learn_about_filters .finish_techniques{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/learnabout-finish-techniques.png") no-repeat;} .learn_about_filters .overlays {background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/learn-about-overlays.png") no-repeat;} .learn_about_filters .wood_types {background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/learn-about-wood-types.jpg") no-repeat;} .learn_about_filters .evercore{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/learn-about-evercore.jpg") no-repeat;} .learn_about_filters .distressed{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/learn-about-distressed.jpg") no-repeat;} .learn_about_filters .suede{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/learn-about-suedefinishes.jpg") no-repeat;} .learn_about_filters .design_styles{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/learn-about-design-styles.png") no-repeat;} .learn_about_filters .insert_types{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/learnabout-inserttypes.jpg") no-repeat;} /*** MOLDING AND ACCENTS ******/ .learn_about_filters .application_types{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/learnabout-applicationtypes.jpg") no-repeat;} .application_types h3 {margin-top: 0;} /************** END LEARN ABOUT FILTERS HOVER BOX *******************/ /****** START CATEGORY FILTER SWATCHES *******/ .facet-container .facet-option label { min-height: 45px; } .facet-container .text{ margin-top: 12px; display: inline-block; } .facet-container .hasPreview .text{ width: 110px; } .facet-container .checker{ float: right; margin-top: 10px; } .facet-container .previewcontent{ margin-right: 6px; display: none; width: 40px; height: 40px; float: left; } /* Where to Shop */ label[for=where-to-shop-home-depot-1385323443] .previewcontent{ display: inline-block; background: url('//cdn5.bigcommerce.com/s-4cbyt/product_images/uploaded_images/fs-homedepot.jpg'); } label[for=where-to-shop-local-dealer-1741179054] .previewcontent{ display: inline-block; background: url('//cdn5.bigcommerce.com/s-4cbyt/product_images/uploaded_images/fs-localdealer.jpg'); } label[for=where-to-shop-lowes-2012997475] .previewcontent{ display: inline-block; background: url('//cdn5.bigcommerce.com/s-4cbyt/product_images/uploaded_images/fs-lowes.jpg'); } label[for=where-to-shop-not-sure-1582036354] .previewcontent{ display: inline-block; background: url('//cdn5.bigcommerce.com/s-4cbyt/product_images/uploaded_images/questionmark.gif'); } /* Door Shape */ label[for=style-arch-2049142] .previewcontent{ display: inline-block; background: url('//cdn5.bigcommerce.com/s-4cbyt/product_images/uploaded_images/fs-arch.jpg'); } label[for=style-slab-2579546] .previewcontent{ display: inline-block; background: url('//cdn5.bigcommerce.com/s-4cbyt/product_images/uploaded_images/fs-slab.jpg'); } label[for=style-square-1810807491] .previewcontent{ display: inline-block; background: url('//cdn5.bigcommerce.com/s-4cbyt/product_images/uploaded_images/fs-square.jpg'); } label[for=style-beaded-1985788645] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/beaded.jpg'); } label[for=style-raised-1854553576] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/raised.jpg'); } label[for=style-recessed-743780748] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/recessed.jpg'); } label[for=style-v-groove-396672687] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/vgroove.jpg'); } /* Wood Type */ label[for=wood-type-birch-64193168] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/materials-birch.jpg'); } label[for=wood-type-cherry-2017321401] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/materials-cherry.jpg'); } label[for=wood-type-evercore-345966045] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/evercore-canvas.jpg'); } label[for=wood-type-foils-68057639] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/hi-gloss-greyloft.jpg'); } label[for=wood-type-hickory-1718424307] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/materials-hickory.jpg'); } label[for=wood-type-maple-74111925] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/materials-maple.jpg'); } label[for=wood-type-oak-79033] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/materials-oak.jpg'); } label[for=wood-type-rustic-alder-1171078812] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/alder-natural.jpg'); } label[for=wood-type-rustic-birch-1170231282] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/materials-rustic-birch.jpg'); } label[for=wood-type-rustic-cherry-1890098181] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/materials-rustic-cherry.jpg'); } label[for=wood-type-rustic-hickory-1705620235] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/materials-rustic-hickory.jpg'); } label[for=wood-type-rustic-maple-1160312525] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/materials-rustic-maple.jpg'); } label[for=wood-type-crafted-hardwood-454401383] .previewcontent{ display: inline-block; background: url('//cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/craftedhardwood.jpg'); } /* Overlay */ label[for=overlay-full-overlay-515510337] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/full-overlay.jpg'); } label[for=overlay-half-overlay-718231197] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/half-overlay.jpg'); } /* Finish Technique */ label[for=finish-technique-antique-817772543] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/antique.jpg'); } label[for=finish-technique-burnished-63378702] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-technique-burnished.jpg'); } label[for=finish-technique-distressed-paint-1278879978] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/distressed-paint.jpg'); } label[for=finish-technique-distressed-stain-1275551235] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-technique-distressed.jpg'); } label[for=finish-technique-foils-68057639] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/hi-gloss-greyloft.jpg'); } label[for=finish-technique-paint-76875838] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-technique-painted.jpg'); } label[for=finish-technique-paint-glaze-1121481275] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-technique-paint-with-glaze.jpg'); } label[for=finish-technique-paint-highlight-458498866] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-technique-paint-with-glaze.jpg'); } label[for=finish-technique-paint-suede-1110127742] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/paint-suede.jpg'); } label[for=finish-technique-stain-80204581] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-technique-stained.jpg'); } label[for=finish-technique-stain-glaze-1235595412] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-technique-stain-with-glaze.jpg'); } label[for=finish-technique-stain-suede-1224241879] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-technique-husk-suede.jpg'); } label[for=finish-technique-vintage-2127105670] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-technique-vintage.jpg'); } label[for=finish-technique-wood-grain-foils-2109372081] .previewcontent{ display: inline-block; background: url('//cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/woodfoil.jpg'); } label[for=finish-technique-aged-2038629] .previewcontent{ display: inline-block; background: url('//cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/agedswatch.jpg'); } /* Molding and Accents */ label[for=type-above-cabinet-1462961003] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/swatch-above-cabinet.jpg'); } label[for=type-at-ceiling-1134367280] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/swatch-at-ceiling.jpg'); } label[for=type-base-cabinet-569741321] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/swatch-base-cabinet.jpg'); } label[for=type-below-wall-cabinet-1842599503] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/swatch-below-wall-cabinet.jpg'); } label[for=type-decorative-legs-feet-1863110845] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/swatch-decorative-legs-and-feet.jpg'); } label[for=type-onlays-ornaments-corbels-633004749] .previewcontent{ display: inline-block; background: url('//cdn10.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/decorative-corbel-accent.png?t=1548865690&_ga=2.92270237.640866935.1548776166-1128576358.1501707189'); } label[for=type-special-use-applications-2136852483] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/swatch-special-use-applications.jpg'); } /* Color Range */ label[for=color-range-white-83549193] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-color-white.jpg'); } label[for=color-range-cream-65372258] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-color-cream.jpg'); } label[for=color-range-rich-browns-2127312447] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-color-rich-browns.jpg'); } label[for=color-range-rich-reds-1102159558] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-color-rich-reds.jpg'); } label[for=color-range-warm-neutrals-640778951] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-color-warm-neutrals.jpg'); } label[for=color-range-mid-tones-796776764] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-color-mid-tones.jpg'); } label[for=color-range-green-69066467] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-color-green.jpg'); } label[for=color-range-cool-neutrals-1018462851] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-color-neutrals.jpg'); } label[for=color-range-black-64266207] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-color-black.jpg'); } label[for=color-range-blue-2073722] .previewcontent{ display: inline-block; background: url('//kraftmaid.s3.amazonaws.com/content/images/products/swatches/filters/finish-color-blue.jpg'); } /* Hardware */ label[for=type-collection-252152510] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/c-century.png'); } label[for=type-knobs-72650909] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/c-casual.png'); } label[for=type-pulls-77474478] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/c-barpull.png'); } /* Hardware Finish */ label[for=finish-aluminum-2133183776] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/aluminum.png'); } label[for=finish-bronze-1998221754] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/bronze.png'); } label[for=finish-chrome-2017705626] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/chrome.png'); } label[for=finish-distressed-509302008] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/distressed.png'); } label[for=finish-nickel-1961868438] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/nickel.png'); } label[for=finish-pewter-1907699745] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/pewter.png'); } label[for=finish-stainless-steel-861677897] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/stainless-steel.png'); } label[for=finish-wood-2702029] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/wood.png'); } /* Glass Doors */ label[for=type-camed-64873614] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/glass-doors-camed.jpg'); } label[for=type-classic-1776693134] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/glass-doors-classic.jpg'); } label[for=type-etched-2085592339] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/glass-doors-etched.jpg'); } label[for=type-layered-1622698384] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/glass-doors-layered.jpg'); } label[for=type-metal-grille-582691648] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/glass-doors-metal-grille.jpg'); } label[for=type-metallic-accents-1245309976] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/glass-doors-metallic-accents.jpg'); } label[for=type-mullion-1223987776] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/glass-doors-mullion.jpg'); } label[for=type-textured-938003767] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/glass-doors-textured.jpg'); } /* Design Style */ label[for=style-contemporary-dynamic-450766452] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/design-style-contemporary-and-dynamic.jpg'); } label[for=style-classically-traditional-1957115089] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/design-style-classically-traditional.jpg'); } label[for=style-light-timeless-73421354] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/design-style-light-and-timeless.jpg'); } label[for=style-luxe-transitional-1471432170] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/design-style-luxe-transitional.jpg'); } label[for=style-natural-warm-1667918422] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/design-style-natural-and-warm.jpg'); } /* Room */ label[for=room-bathroom-1624556946] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/tmb-bath.jpg'); } label[for=room-bedroom-1433103548] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/tmb-bedroom.jpg'); } label[for=room-dining-2047133401] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/tmb-dining.jpg'); } label[for=room-entryway-2028996259] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/tmb-entry.jpg'); } label[for=room-greatfamily-room-2080943989] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/tmb-familyroom.jpg'); } label[for=room-kitchen-959541124] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/tmb-kitchen.jpg'); } label[for=room-laundry-craft-room-759555432] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/tmb-laundry.jpg'); } label[for=room-office-library-511583590] .previewcontent{ display: inline-block; background: url('//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/tmb-office.jpg'); } /****************** PRODUCT TEMPLATES ***********************/ .galleryDetailsLeft { width:60%; padding-bottom: 0 !important; } .galleryDetailsMain { width:40% !important; } .ProductThumbGallery { text-align:left !important; } .galleryDetailsLeft .ImageCarouselBox { padding-left: 0 !important; } .shop_header { background-color: #ebeced ; color:#552e5f; margin-top: 0px; padding: 15px 5px; } .shop_box {opacity:5;} /****************** END PRODUCT TEMPLATES ***********************/ .shop_it_1, .shop_it_2, .shop_it_3, .shop_it_4 {height:285px; padding:15px; } .shop_it_1:hover, .shop_it_2:hover, .shop_it_3:hover, .shop_it_4:hover { opacity: .3; } .shop_it_1 {background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/shop-it-1.jpg") no-repeat; background-size: 250px 250px;} .shop_it_2 {background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/shop-it-2.jpg")no-repeat; background-size: 250px 250px;} .shop_it_3 {background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/shop-it-3.2.jpg") no-repeat; background-size: 250px 250px;} .shop_it_4 {background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/shop-it-4.jpg") no-repeat; background-size: 250px 250px;} .Shop_it_block .shop_it1 .text, .Shop_it_block .shop_it2 .text,.Shop_it_block .shop_it3 .text, .Shop_it_block .shop_it4 .text {display:none;} .Shop_it_block .shop_it1 .text:hover, .Shop_it_block .shop_it2 .text:hover,.Shop_it_block .shop_it3 .text:hover, .Shop_it_block .shop_it4 .text:hover { display:block; background: rgba(255, 252, 255, 0.55); } .shop_it_text {border: 1px solid red; height:200px; width:200px;} .shop_it_text h4 {opacity: 2;} .shop_it_text h4:hover {opacity: 9;} /********** SHOP ************/ .shop_categories_container { width:100%; } .shop_categories .shop_storage_and_accessories, .shop_categories .shop_decorative_hardware, .shop_categories .shop_replacement_parts, .shop_categories .shop_cabinet_care{ width:270px; height:270px; float:left; position:relative; margin:20px 10px 0 10px; cursor: pointer; } .shop_categories .shop_storage_and_accessories .text:hover, .shop_categories .shop_decorative_hardware .text:hover, .shop_categories .shop_replacement_parts .text:hover, .shop_categories .shop_cabinet_care .text:hover{ background: rgba(255, 252, 255, 0.80); } .shop_categories .text h4, .shop_categories .text h5 { font-size: 18px; line-height: 20px; padding: 0; color: #000 !important; } .shop_categories .learn_about .text, .shop_categories .shop_decorative_hardware .text, .shop_categories .shop_replacement_parts .text, .shop_categories .shop_storage_and_accessories .text, .shop_categories .shop_cabinet_care .text{ position: absolute; bottom:15; padding: 10px; width:270px; height:270px; color: #000 !important; background: rgba(255, 252, 255, 0.80); /*padding-bottom:70px; */ text-align:center; } .shop_categories .shop_storage_and_accessories{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/storage-accessories-sm.jpg") no-repeat;} .shop_categories .shop_cabinet_care{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/cabinet-care-sm.jpg") no-repeat;} .shop_categories .shop_replacement_parts{background: url("cdn10.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/hingecapture.jpg?t=1566836898") no-repeat;} .shop_categories .shop_decorative_hardware{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/decorative-hardware-sm.jpg") no-repeat;} /********** END SHOP **************/ .mobileBanner, .mobileContent {display:none;} .desktopContent{display:block;} .Block.banner_home_page_bottom div { width: 100%; } /*.rusticAlder a, .whyKraftMaid a, .HighGlossFoils a, .NewProductsBanner a, .ShopKraftMaid a{ color: white !important; text-decoration: none; padding-left: 2%;}*/ /*.rusticAlder h2, .whyKraftMaid h2, .HighGlossFoils h2, .NewProductsBanner h2, .ShopKraftMaid h2{ padding-bottom: 20px !important; padding-top:20px !important; padding-left:2% !important;}*/ /*.rusticAlder {background-color:#2D2926; color: #fff; margin-left: 0 !important;} .whyKraftMaid {background-color: #5B5650; color: #fff; margin-left: 0 !important;} .HighGlossFoils {background-color: #5B5F2C; color: #fff; margin-left: 0 !important;} .NewProductsBanner {background-color: #7F4923; color: #fff; margin-left: 0 !important;} .ShopKraftMaid {background-color: #8F9384; color: #fff; margin-left: 0 !important;}*/ .mobileSlideTitle {background-color:#2D2926; color: #fff; margin-left: 0 !important; padding-bottom: 20px !important; padding-top:20px !important;} .mobileSlideTitle h2{ padding-left:2% !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important;} .mobileSlideTitle p{ padding-left:2% !important; color:#fff; margin-bottom: 0 !important;} .mobileSlideTitle a{color: white !important; text-decoration: none; padding-left: 2%;} /**** Drawer Menu Search ***/ /* Top Search Form */ /*#SearchForm_Mobile{ position: relative; float: right; width: 25%; }*/ #SearchForm_Mobile form { padding: 0; margin: 0; } #SearchForm_Mobile label { display: none; } #SearchForm_Mobile input { border-right: 0; font-size: 13px; height: 35px; line-height: 35px; padding: 0 1em; margin: 0; float: left; width: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #SearchForm_Mobile input#search_query { border-width: 0 !important; } #SearchForm_Mobile .Button { cursor: pointer; border: 0 !important; vertical-align: top; margin: 0; width: 20%; height: 50px; padding: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: url(//cdn11.bigcommerce.com/r-fd46977c2e6a72683379f7a1fa2f48cef3a69ca8/themes/ClassicNext/images/searchIcon.png) 50% 50% no-repeat transparent; -moz-transition: background-color 150ms ease; -webkit-transition: background-color 150ms ease; -o-transition: background-color 150ms ease; transition: background-color 150ms ease; } #SearchForm_Mobile p { display: none; font-size: 0.85em; margin: 5px 0 0 0; } #SearchForm_Mobile input.Textbox, #SearchForm_Mobile textarea {background-color:#333 !important; color:#fff !important; font-size:16px !important; height:50px !important;}/*, input[type="text"]*/ .drawerMenuSearch {display:none !important;} /*** LANDING PAGE BLOCKS ***/ .home_blocks_wrapper .block1, .home_blocks_wrapper .block2, .home_blocks_wrapper .bathCollections1, .home_blocks_wrapper .bathCollections2, .home_blocks_wrapper .naturalWarm1, .home_blocks_wrapper .naturalWarm2, .home_blocks_wrapper .luxeTransitional1, .home_blocks_wrapper .luxeTransitional2, .home_blocks_wrapper .lightTimeless1, .home_blocks_wrapper .lightTimeless2, .home_blocks_wrapper .classicallyTraditional1, .home_blocks_wrapper .classicallyTraditional2, .home_blocks_wrapper .contemporaryDynamic1, .home_blocks_wrapper .contemporaryDynamic2, .home_blocks_wrapper .blockPressRoom, .home_blocks_wrapper .extremeMakeover, .home_blocks_wrapper .krafyMyStyleApp{ width:265px; height:250px; float:right; margin-right:-10px; position:relative; margin-top:20px; cursor: pointer; } /********** SUPPORT ************/ .support_categories_container, .imagine_categories_container, .learn_categories_container, .whyChooseKraftmaid_categories_container, .plan_categories_container,.shop_categories_container { width:100%; } .support_categories_container .touchUp_Cabinet_Finishes, .support_categories_container .cabinet_adjustment_tips, .support_categories_container .installation_care_cleaning, .support_categories_container .parts_and_accessories, .imagine_categories_container .view_kitchen_photos, .imagine_categories_container .view_bathroom_photos, .imagine_categories_container .view_rest_of_home, .imagine_categories_container .view_and_share_imagine, .learn_categories_container .types_of_cabinetry, .learn_categories_container .cabinet_wood_types, .learn_categories_container .cabinet_finish_techniques, .learn_categories_container .cabinet_natural_wood_expectations, .whyChooseKraftmaid_categories_container .quality_of_construction_landing, .whyChooseKraftmaid_categories_container .durakraft_finish_landing, .shop_categories .shop_storage_and_accessories, .shop_categories .shop_decorative_hardware, .shop_categories .shop_replacement_parts, .shop_categories .shop_cabinet_care{ width:270px; height:270px; float:left; position:relative; margin:20px 10px 0 10px; cursor: pointer; } .whyChooseKraftmaid_categories_container .partnerships_landing{ width:570px; height:270px; float:left; position:relative; margin:20px 10px 0 10px; cursor: pointer; } .plan_categories_container .kitchen_planning_landing, .plan_categories_container .bathroom_planning_landing, .plan_categories_container .lowes_landing{ width:565px; height:265px; float:left; position:relative; margin:20px 10px 0 10px; cursor: pointer; } .support_categories_container .touchUp_Cabinet_Finishes .text:hover, .support_categories_container .cabinet_adjustment_tips .text:hover, .support_categories_container .installation_care_cleaning .text:hover, .support_categories_container .parts_and_accessories .text:hover, .imagine_categories_container .view_kitchen_photos .text:hover, .imagine_categories_container .view_bathroom_photos .text:hover, .imagine_categories_container .view_rest_of_home .text:hover, .imagine_categories_container .view_and_share_imagine .text:hover, .learn_categories_container .types_of_cabinetry .text:hover, .learn_categories_container .cabinet_wood_types .text:hover, .learn_categories_container .cabinet_finish_techniques .text:hover, .learn_categories_container .cabinet_natural_wood_expectations .text:hover, .whyChooseKraftmaid_categories_container .quality_of_construction_landing .text:hover, .whyChooseKraftmaid_categories_container .durakraft_finish_landing .text:hover, .whyChooseKraftmaid_categories_container .partnerships_landing .text:hover, .plan_categories_container .kitchen_planning_landing .text:hover, .plan_categories_container .bathroom_planning_landing .text:hover, .plan_categories_container .lowes_landing .text:hover, .shop_categories .shop_storage_and_accessories .text:hover, .shop_categories .shop_decorative_hardware .text:hover, .shop_categories .shop_replacement_parts .text:hover, .shop_categories .shop_cabinet_care .text:hover { background: rgba(255, 252, 255, 0.60); } .support_categories_container .text h4, .imagine_categories_container .text h4, .learn_categories_container .text h4, .whyChooseKraftmaid_categories_container .text h4, .plan_categories_container .text h4, .shop_categories .text h4{ font-size: 18px; line-height: 20px; padding: 0; color: #000 !important; background-color: white; line-height: 40px; opacity: .7; margin-top:0; } .support_categories_container .touchUp_Cabinet_Finishes .text, .support_categories_container .cabinet_adjustment_tips .text, .support_categories_container .installation_care_cleaning .text, .support_categories_container .parts_and_accessories .text, .imagine_categories_container .view_kitchen_photos .text, .imagine_categories_container .view_bathroom_photos .text, .imagine_categories_container .view_rest_of_home .text, .imagine_categories_container .view_and_share_imagine .text, .learn_categories_container .types_of_cabinetry .text, .learn_categories_container .cabinet_wood_types .text, .learn_categories_container .cabinet_finish_techniques .text, .learn_categories_container .cabinet_natural_wood_expectations .text, .whyChooseKraftmaid_categories_container .quality_of_construction_landing .text, .whyChooseKraftmaid_categories_container .durakraft_finish_landing .text, .shop_categories .learn_about .text, .shop_categories .shop_decorative_hardware .text, .shop_categories .shop_replacement_parts .text, .shop_categories .shop_storage_and_accessories .text, .shop_categories .shop_cabinet_care .text { position: absolute; bottom:15; padding: 10px; width:270px; height:270px; color: #000 !important; background: rgba(255, 252, 255, 0); /*padding-bottom:70px; */ text-align:center; } .whyChooseKraftmaid_categories_container .partnerships_landing .text { position: absolute; bottom:15; padding: 10px; width:570px; height:270px; color: #000 !important; background: rgba(255, 252, 255, 0); /*padding-bottom:70px; */ text-align:center; } .plan_categories_container .kitchen_planning_landing .text, .plan_categories_container .bathroom_planning_landing .text, .plan_categories_container .lowes_landing .text{ position: absolute; bottom:15; padding: 10px; width:565px; height:270px; color: #000 !important; background: rgba(255, 252, 255, 0); /*padding-bottom:70px; */ text-align:center; } /********** SUPPORT ************/ .support_categories_container .touchUp_Cabinet_Finishes{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/touch-up-finishes.jpg") no-repeat;} .support_categories_container .parts_and_accessories{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/parts-and-accessories-sq.jpg") no-repeat;} .support_categories_container .installation_care_cleaning{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/care-and-cleaning-support-sq.jpg") no-repeat;} .support_categories_container .cabinet_adjustment_tips{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/cabinet-adjustment-tips.jpg") no-repeat;} /********** IMAGINE ************/ .imagine_categories_container .view_kitchen_photos{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/kitchen-photos.jpg") no-repeat;} .imagine_categories_container .view_and_share_imagine{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/view-and-share-photos.jpg") no-repeat;} .imagine_categories_container .view_rest_of_home{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/rest-of-the-home-photos.jpg") no-repeat;} .imagine_categories_container .view_bathroom_photos{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/bathroom-photos.jpg") no-repeat;} /********** LEARN ************/ .learn_categories_container .types_of_cabinetry{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/landing-types-cabinetry.jpg") no-repeat;} .learn_categories_container .cabinet_natural_wood_expectations{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/landing-natural-wood-expectations.jpg") no-repeat;} .learn_categories_container .cabinet_finish_techniques{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/landing-finish-techniques.jpg") no-repeat;} .learn_categories_container .cabinet_wood_types{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/landing-wood-types.png") no-repeat;} /********** WHY ChOOSE KM ************/ .whyChooseKraftmaid_categories_container .quality_of_construction_landing{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/qualityofconstruction-landing.jpg") no-repeat;} .whyChooseKraftmaid_categories_container .partnerships_landing{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/partnerships-landing.png") no-repeat;} .whyChooseKraftmaid_categories_container .durakraft_finish_landing{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/durakraft-landing.jpg") no-repeat;} /********** PLAN ************/ .plan_categories_container .kitchen_planning_landing{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/kitchen-design-plan.jpg") no-repeat;} .plan_categories_container .bathroom_planning_landing{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/bathroom-design-plan.jpg") no-repeat;} /********** SHOP ************/ .shop_categories .shop_storage_and_accessories{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/storage-accessories-sm.jpg") no-repeat;} .shop_categories .shop_cabinet_care{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/cabinet-care-sm.jpg") no-repeat;} .shop_categories .shop_replacement_parts{background: url("//cdn10.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/hingecapture.jpg?t=1566836898") no-repeat;} .shop_categories .shop_decorative_hardware{background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/decorative-hardware-sm.jpg") no-repeat;} /********** LOWES ************/ .plan_categories_container .lowes_landing{background: url("//cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/loweslogo.jpg?t=1494532574") no-repeat;} /*** END LANDING PAGE BLOCKS ***/ /********** START 2016 Product Launch ************/ .launchLight {color: #b9b9ba; font-family: "campton_bookbold", Helvetica, Arial, sans-serif;} .launchDark {color: #8a8a8d; font-family: "campton_bookbold", Helvetica, Arial, sans-serif;} .launchDarkCopy {color: #8a8a8d;} /**** for prod launch ****/ /*what's trending */ .trending_categories .trending_paints, .trending_categories .trending_stains, .trending_categories .trending_foils, .trending_categories .trending_doorStyles{ width:270px; height:270px; float:left; position:relative; margin:20px 10px 0 10px; cursor: pointer; } .trending_categories .trending_paints .text:hover, .trending_categories .trending_doorStyles .text:hover, .trending_categories .trending_foils .text:hover, .trending_categories .trending_stains .text:hover{ background: rgba(255, 252, 255, 0.80); } .trending_categories .text h4, .trending_categories .text h5 { font-size: 18px; line-height: 20px; padding: 0; color: #000 !important; } .trending_categories .learn_about .text, .trending_categories .trending_doorStyles .text, .trending_categories .trending_foils .text, .trending_categories .trending_paints .text, .trending_categories .trending_stains .text{ position: absolute; bottom:15; padding: 10px; width:270px; height:270px; color: #000 !important; background-color:rgba(47, 47, 47, 0.1); padding-top:48%; text-align:center; } .trending_categories .trending_paints{background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/newpaints2017.jpg") no-repeat;} .trending_categories .trending_stains{background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/newstains2017.jpg") no-repeat;} .trending_categories .trending_foils{background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/newfoils.jpg") no-repeat;} .trending_categories .trending_doorStyles{background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/newdoorstyles2017-2.jpg") no-repeat;} .trending_categories .trending_paints .text:hover, .trending_categories .trending_stains .text:hover, .trending_categories .trending_foils .text:hover, .trending_categories .trending_doorStyles .text:hover { background: none; } .trending_categories .text h4{ font-size: 18px; line-height: 20px; padding: 0; color: #000 !important; background-color: white; line-height: 40px; opacity: .7; margin-top:0; } #paints .modal-dialog, #stains .modal-dialog, #foils .modal-dialog, #styles .modal-dialog { width: 90% !important; max-width: 1100px; } #movie .modal-dialog { width: 60% !important; max-width: 1100px; } #paints h3, #stains h3, #foils h3, #styles h3 {margin-bottom: 0; padding-bottom: 0;} .trending { border-bottom: 1px solid rgb(227, 227, 227); margin-bottom: 2%; } /*designing for life */ .mobileCollage{display:none;} .collageBlurb h5 {background-color:#2D2926; color: #fff !important; padding:10%; margin: 0 !important;} @media screen and (max-width: 600px){ .desktopCollage {display:none;} .mobileCollage {display:block;} } .kitchenDesigns {height: 349px;} .kitchenDesigns h2 { color: #fff !important; padding-top: 24%; /* margin-bottom: 10%; */ font-weight: 900; font-size: 30px; } .kitchenDesignsTitle { background: rgba(11, 8, 11, 0.37); text-align: center; height: 349px; /*width: 560px; margin-top: -20px; margin-left: -15px;*/ cursor:pointer; } .kitchenDesignsTitle:hover { background: none; } .btnNew { height: auto; width: auto; border-radius: 0; border: 1px solid #fff; text-transform: capitalize; color: #fff !important; padding: 6px 9px 6px 10px; font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif; font-weight: 600; o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; text-decoration: none !important; background-color:rgba(47, 47, 47, 0.35) } .btnNew:hover { color:#fff !important; } .lowesStore{background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/lowes-store.png?t=1494550519") no-repeat; background-size: 100% 349px;} .kitchenWithAmbition {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/designs-kitchen-with-ambition.jpg") no-repeat; background-size: 100% 349px;} .kitchenGrowUpFast {background: url("https://cdn10.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/moonshine-onyx-new-update-resize.png") no-repeat; background-size: 100% 349px;} .kitchenGetsCreative {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/designs-gets-creative.jpg") no-repeat; background-size: 100% 349px;} .kitchenWhoeversHome {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/designs-whoevers-home.jpg") no-repeat; background-size: 100% 349px;} .kitchenCommandCenter {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/designs-commandcenter.jpg") no-repeat; background-size: 100% 349px;} .kitchenWaitedFor {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/designs-waited-long-time.jpg") no-repeat; background-size: 100% 349px;} .kitchenEmptyNester {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/designs-empty-nester.jpg") no-repeat; background-size: 100% 349px;} .kitchenEntertain {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/designs-entertain.jpg") no-repeat; background-size: 100% 349px;} .kitchenBachelor {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/designs-bachelor.jpg") no-repeat; background-size: 100% 349px;} .kitchenNoKids {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/designs-no-kids.jpg") no-repeat; background-size: 100% 349px;} /*2017 Kitchens*/ .kitchenVacation {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/everyday-vacation-kitchen.jpg") no-repeat; background-size: 100% 349px;} .kitchenWellOiled {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/well-oiled-machine-kitchen.jpg") no-repeat; background-size: 100% 349px;} .kitchenAllAged {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/all-ages-kitchen.jpg") no-repeat; background-size: 100% 349px;} .kitchenOffRecipe {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/off-recipe-.jpg") no-repeat; background-size: 100% 349px;} /* @media screen and (max-width: 1076px){ */ @media screen and (max-width: 1150px){ .kitchenDesignsTitle {height: 250px;} .kitchenDesigns {height: 250px;} } @media screen and (max-width: 911px){ .kitchenDesignsTitle {height: 205px;} .kitchenDesigns {height: 205px;} } @media screen and (max-width: 767px){ .lowesStore{background-size: 80% auto;} .kitchenWithAmbition {background-size: 80% auto;} .kitchenGrowUpFast {background-size: 80% auto;} .kitchenGetsCreative {background-size: 80% auto;} .kitchenWhoeversHome {background-size: 80% auto;} .kitchenCommandCenter {background-size: 80% auto;} .kitchenWaitedFor {background-size: 80% auto;} .kitchenEmptyNester {background-size: 80% auto;} .kitchenEntertain {background-size: 80% auto;} .kitchenBachelor {background-size: 80% auto;} .kitchenNoKids {background-size: 80% auto;} .kitchenVacation {background-size: 80% auto;} .kitchenWellOiled {background-size: 80% auto;} .kitchenAllAged {background-size: 80% auto;} .kitchenOffRecipe {background-size: 80% auto;} .kitchenDesignsTitle {height: 300px; width:80%;} .kitchenDesigns {height: 300px;} } @media screen and (max-width: 677px){ .lowesStore{background-size: 315px auto;} .kitchenWithAmbition {background-size: 315px auto;} .kitchenGrowUpFast {background-size: 315px auto;} .kitchenGetsCreative {background-size: 315px auto;} .kitchenWhoeversHome {background-size: 315px auto;} .kitchenCommandCenter {background-size: 315px auto;} .kitchenWaitedFor {background-size: 315px auto;} .kitchenEmptyNester {background-size: 315px auto;} .kitchenEntertain {background-size: 315px auto;} .kitchenBachelor {background-size: 315px auto;} .kitchenNoKids {background-size: 315px auto;} .kitchenVacation {background-size: 315px auto;} .kitchenWellOiled {background-size: 315px auto;} .kitchenAllAged {background-size: 315px auto;} .kitchenOffRecipe {background-size: 315px auto;} .kitchenDesignsTitle {height: 190px; width:315px;} .kitchenDesigns {height: 190px;} .kitchenDesigns h2 {padding-top: 10%; padding-left:1%; padding-right:1%; font-size: 20px;} } @media screen and (max-width: 374px){ .lowesStore{background-size: 260px auto;} .kitchenWithAmbition {background-size: 260px auto;} .kitchenGrowUpFast {background-size: 260px auto;} .kitchenGetsCreative {background-size: 260px auto;} .kitchenWhoeversHome {background-size: 260px auto;} .kitchenCommandCenter {background-size: 260px auto;} .kitchenWaitedFor {background-size: 260px auto;} .kitchenEmptyNester {background-size: 260px auto;} .kitchenEntertain {background-size: 260px auto;} .kitchenBachelor {background-size: 260px auto;} .kitchenNoKids {background-size: 260px auto;} .kitchenVacation {background-size: 260px auto;} .kitchenWellOiled {background-size: 260px auto;} .kitchenAllAged {background-size: 260px auto;} .kitchenOffRecipe {background-size: 260px auto;} .kitchenDesignsTitle {height: 158px; width:260px;} .kitchenDesigns {height: 158px;} .kitchenDesigns h2 {padding-top: 10%; padding-left:1%; padding-right:1%; font-size: 20px;} } @media screen and (max-width: 1024px){ .whyKraftmaidHero { width: 994px; height: 446.02px; } } @media screen and (max-width: 768px){ .whyKraftmaidHero { width: 738px; height: 331.42px; } } @media screen and (max-width: 375px){ .whyKraftmaidHero { width: 345px; height: 154.94px; } } @media screen and (max-width: 320px){ .whyKraftmaidHero { width: 290px; height: 130.33px; } } /*** end ***/ /********** END 2016 Product Launch ************/ /********** START LOWE'S LANDING ************/ .lowes-container {height: 50px; width: 360px; background-color: grey;} .lowes-text { margin: 0 !important; padding: 15px;} .lowes-text a {color: white !important;} .homeBlocks {max-width:350px;} .homeBlocks h4 {margin-top: 0;} .imageCaption{ background:grey; display: block; width: 100%; margin: 0 auto 0 !important; padding: 10px !important; text-align: left; color:#fff; } /********** END LOWE'S LANDING ************/ /******************************************************** Media queries *************************************************************************/ @media screen and (max-width: 1200px){ .universal-design-header {display:none;} .universal-design-mobile {display:block !important;} .quality-construction-header {display:none;} .quality-construction-mobile {display:block !important;} .btnWall, .btnBase {display:none !important;} .construction-overview-text {margin: 0 !important; width: auto !important;} .whisperTouch {margin:0 !important;} .cabinet-overview-image-container .hotspot {display:none !important;} } } @media screen and (max-width: 1020px){ .bq_2014_guide, .bq_2012_guide, .camed_insert, .classic_insert, .etched_insert, .layered_insert, .metallicAccents_insert, .mullion_insert, .textured_insert, .metalGrille_insert {background:none} .modal360 {display:none;} } @media screen and (max-width: 990px){ .home_blocks_wrapper .block1, .home_blocks_wrapper .block2, .home_blocks_wrapper .bathCollections1, .home_blocks_wrapper .bathCollections2, .home_blocks_wrapper .naturalWarm1, .home_blocks_wrapper .naturalWarm2, .home_blocks_wrapper .luxeTransitional1, .home_blocks_wrapper .luxeTransitional2, .home_blocks_wrapper .lightTimeless1, .home_blocks_wrapper .lightTimeless2, .home_blocks_wrapper .classicallyTraditional1, .home_blocks_wrapper .classicallyTraditional2, .home_blocks_wrapper .contemporaryDynamic1, .home_blocks_wrapper .contemporaryDynamic2, .home_blocks_wrapper .blockPressRoom, .home_blocks_wrapper .extremeMakeover, .home_blocks_wrapper .krafyMyStyleApp{ float:left; margin-right:20px; } } @media screen and (max-width: 767px){ .galleryDetailsMain { width:70% !important; } .footerEmail { margin-top:3%; } #movie .modal-dialog { width: 100% !important; max-width: 1100px; } } @media screen and (max-width: 767px){ .mobileContent {display:block;} .desktopContent {display:none;} } @media screen and (max-width: 730px){ ol.large_number {width: 100% !important;} } @media screen and (max-width: 623px){ .learn_about_filters_container {display:none} } @media screen and (max-width: 615px){ .whyChooseKraftmaid_categories_container .partnerships_landing, .plan_categories_container .kitchen_planning_landing, .plan_categories_container .bathroom_planning_landing, .plan_categories_container .lowes_landing,{ width:270px;} .whyChooseKraftmaid_categories_container .partnerships_landing .text, .plan_categories_container .kitchen_planning_landing .text, .plan_categories_container .bathroom_planning_landing .text, .plan_categories_container .lowes_landing .text { width:270px;} .whyChooseKraftmaid_categories_container .partnerships_landing {background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/partnerships-sm-landing.png") no-repeat;} .plan_categories_container .kitchen_planning_landing {background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/kitchen-design-plan-small.jpg") no-repeat;} .plan_categories_container .bathroom_planning_landing {background: url("//cdn6.bigcommerce.com/s-4cbyt/product_images/uploaded_images/bathroom-design-sm-plan.jpg") no-repeat;} } @media screen and (max-width: 560px){ .landing-top-all .btn {font-size:11px; left:17px;} .video-container {width:100%;} .video-container-lg {width:100%;} .modal360 {display:none;} .slide-show {display:none;} #SearchForm {display:none;} .mobileBanner {display:block;} .drawerMenuSearch {display:block !important;} } @media screen and (max-width: 320px){ .btn{ font-size:10px;} .finishes {text-align:center;} } /******* PILOT STYLES ************/ .btnPilotGold, .btnPilotPurple { /*width: 700px;*/ border-radius: 70px; border: 1px solid #fff; color: #fff !important; padding: 11px 50px !important; text-transform: uppercase; font-family: 'camptonbook' o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; text-decoration: none !important; padding: 0 10px; } .btnPilotGold:hover, .btnPilotPurple:hover {color:#fff !important;} .btnPilotPurple {background-color: #592c5f !important;} .btnPilotGold {background-color: #c1a77a !important;} .btnPilotGoldWide {padding: 11px 35% !important;} .pilotInput {border-radius: 50px; border-color: #cccccc !important; font-family: 'camptonbook'; color: #8a8a8d !important; } Input.pilotInput {border-radius: 50px; border-color: #cccccc !important; font-family: 'camptonbook'; color: #8a8a8d !important; } .h1Pilot, .h2Pilot, .h3Pilot, .h4Pilot, .h5Pilot,.h6Pilot {font-family: 'camptonmedium'; color: #8a8a8d; padding: 0 !important;} .h1Pilot {font-size: 30px !important; text-transform: none !important; letter-spacing: 0 !important; font-family: 'camptonbold' !important; font-weight: 500 !important;} .h2Pilot {font-size: 24px; !important;} .h3Pilot {font-size: 15px !important; color: #592c5f !important; text-transform: uppercase; font-family: 'camptonbook' !important; margin-top: 0; margin-bottom: 20px;} .h4Pilot {font-size: 14px !important; color: #c1a77a !important; text-transform: uppercase; font-family: 'camptonbook' !important; margin-bottom: 5px; margin-top: 5px; } .h4Pilot a {font-size: 14px !important; color: #a1895f !important; text-transform: uppercase; font-family: 'camptonbook' !important; margin-bottom: 5px; margin-top: 5px; text-decoration:none !important;} .h5Pilot {font-size: 20px !important;} .h6Pilot {} .pPilot {font-size: 14px;font-family: 'camptonbook'; color: #8a8a8d; line-height: 1.6; } .budgetCalculatorHero {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/875249534-resized.png?t=1535639930") no-repeat; width:1170px; height: 446px; margin-top:20px;} .stepsOfRemodel {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/k-ac8d-dwd-rs020-resize2.png?t=1535640120") no-repeat; width:1170px; height: 446px; margin-top:20px;} .workingWithDesigner {background: url("https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/600070990-resize.png?t=1535639929") no-repeat; width:1170px; height: 446px; margin-top:20px;} .heroImageTextbox { background-color: #ffffff; padding: 24px; margin: 50px; font-family: 'camptonbook' !important;} .leftBorder {border-left: 1px solid #abaaac !important;} .budgetCalculator {margin: 20px 0;} .centerContent {text-align: center;} .pilotStepsMobile {width: 100%; background-color: #8a8a8d; margin: 0; padding: 15px 10px; text-align: center;} .pilotStepsMobile li {display:inline; font-family: 'camptonmedium' !important; text-transform: none; font-size: 14px !important; color: #ccc; } .pilotStepsMobile li a {color: #cccccc !important; text-decoration: none !important; } .pilotStepsMobile li a:hover {color: #ffffff !important; text-decoration: none; } .waysToSave {padding: 0 20px 10px; background-color: #f5f5f5; margin-top: 75px;} .kitchenLayouts {padding: 20px; background-color: #f5f5f5;}} /* Style the tab */ .pilotTab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; } /* Style the buttons inside the tab */ .pilotTab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; /* transition: 0.3s;*/ font-size: 17px; } /* Change background color of buttons on hover */ .pilotTab button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .pilotTab button.active { background-color: #ccc; } /* Style the tab content */ .pilotTabcontent { display: none; } .accordion { background-color: #f5f5f5; color: #444; cursor: pointer; padding: 10px 18px 5px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; color: #592c5f !important; text-transform: uppercase; font-family: 'camptonbook' !important; } .activeWorkingWithDesigner, .accordion:hover { background-color: #cccccc; } .accordion:after { content: url(https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/km-arrow-down.png?t=1535640237); transform: scale(.5); color: #777; font-weight: bold; float: right; margin-left: 5px; margin-top: -5px; } .activeWorkingWithDesigner:after { content: url(https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/km-arrow-up.png?t=1535640237); transform: scale(.5); } .panelPilot { padding: 5px 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .layoutLinks { text-align: center; background-color: white; border-radius: 50px; height: 40px; padding-top: 7px; margin: 20px 10px 0; } .pilotTablinks {font-size: 14px !important; color: #abaaac !important; text-transform: uppercase; font-family: 'camptonbook' !important; margin-bottom: 5px; margin-top: 5px; cursor: pointer; } .h4Pilot .activeLayout {color: #592c5f !important;} ul.pilotList { margin-left: 0 !important; } ul.pilotList > li { background: url(https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/check-reresized.png?t=1535639932) no-repeat 0 5px; list-style: none; font-size: 14px; font-family: 'camptonbook' !important; line-height: 1.5em; padding-bottom: 10px; padding-left: 50px; } .pilotFooter { margin-top: 150px; } .mobilePilotFooter, .mobilePilotFooterContainer { margin-top: 50px; } .pilotFooter hr { border-top: 1px solid #cccccc; } .pilotStepsTab { background-color: #8a8a8d !important; max-width: 1182.5px; } .pilotStepsTab .col-md-2, .pilotStepsTab .col-sm-2{ padding-left: 0; padding-right: 0; } .pilotStepsTabLinks { background-color: #8a8a8d !important; color: #cccccc !important; font-family: 'camptonmedium' !important; text-transform: none; font-size: 18px !important; width: 100%; border-left: 1px solid #cccccc !important; margin-bottom: 0; margin-top: 0; } .pilotStepsTabLinksLast{ border-right: 1px solid #cccccc !important; } .pilotStepsTabLinks:hover { background-color: #8a8a8d !important; color: #ffffff !important; } .stepsActive { color: #ffffff !important; background: url(https://cdn3.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/triangle.png?t=1535639958) no-repeat 50% 100%; } .pilotTooltip { position: relative; display: inline-block; } .pilotTooltip .pilotTooltiptext { visibility: hidden; min-width: 400px; background-color: #c1a77a; color: #fff; border-radius: 6px; padding: 15px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -200px; opacity: 0; transition: opacity 0.3s; font-size: 14px; font-family: 'camptonmedium'; } .pilotTooltip .pilotTooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #c1a77a transparent transparent transparent; } .pilotTooltip:hover .pilotTooltiptext { visibility: visible; opacity: 1; } .whatCanWeDoImg {margin-bottom: 60px;} .mobileWhatCanWeDoImg {margin-bottom: 30px;} @media screen and (min-width: 767px){ .fiveColumns {width:20%;} } /* for behr paint page */ .filterDiv { text-align: center; margin: 5px; display: none; } .behrSwatch:hover{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .filterDivDecDoors{ margin: 0 5%; display: none; } .filterDivDecDoors h2{ margin: 0 !important; } #myBtnContainer h5 { cursor:pointer; } .show { display: block; } .behrBackground1 { background: url(https://cdn10.bigcommerce.com/s-r7ihvq/product_images/uploaded_images/hero-image-behrlanding-1.jpg) no-repeat; } .doorFinishDetails{text-align: left; font-size: 14px;} .doorFinishDetailsLink {float:right;} .swatchSM {width:50px;}