@charset "UTF-8"; /* BC EDITOR **************************************************/ /* body:not(.site) * {color:#000 !important;} */ body:not(.site) {background-color:rgba(0,0,0,0.1) !important;} body:not(.site) .columns {border:1px solid rgba(255,0,0,0.3) !important; background-color:#FFF !important;} body:not(.site) *:not(.columns) {border:1px dashed rgba(0,0,0,0) !important;} body:not(.site) *:not(.columns):hover {border:1px dashed rgba(0,0,0,0.4) !important;} /* MASTER SLIDER - MINIFIED **********************************************/ .master-slider{position:relative;visibility:hidden;-moz-transform:translate3d(0 ,0 ,0)}.master-slider a{-webkit-transition:none;-o-transition:none;transition:none}.master-slider,.master-slider *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.master-slider.ms-fullheight{height:100%}.ms-layout-partialview .ms-view{overflow:visible;background-color:transparent}.ms-layout-partialview .ms-container{overflow:hidden}.master-slider img,.ms-slide-bgvideocont video{max-width:none}.ms-ie img{border:none}.ms-ie8 *{opacity:inherit;filter:inherit}.ms-ie7{zoom:1}.ms-moz .ms-slide-bgcont>img{transform:translateX(0)}.ms-loading-container{position:absolute;width:100%;top:0}.ms-slide-auto-height{display:table}.ms-loading-container .ms-loading,.ms-slide .ms-slide-loading{width:36px;height:36px;background:url(/Assets/gfx/loading-2.gif) center no-repeat #fff;border-radius:60px;box-shadow:0 0 3px rgba(0,0,0,.2);position:absolute;left:50%;top:50%;margin:-18px;opacity:.9}.ms-view,.ms-view .ms-slide-container{position:relative}.ms-def-cursor,.ms-no-swipe{cursor:auto!important}.ms-grab-cursor{cursor:url(/Assets/gfx/grab.png),move}.ms-grabbing-cursor{cursor:url(/Assets/gfx/grabbing.png),move}.ms-ie .ms-grab-cursor,.ms-ie .ms-grabbing-cursor{cursor:move}.ms-view{margin:0 auto;overflow:hidden;background:#000;-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;perspective:2000px}.ms-slide{position:absolute;height:100%;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.ms-wk .ms-slide{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.ms-slide .ms-slide-bgcont,.ms-slide .ms-slide-bgvideocont{position:absolute;overflow:hidden;width:100%}.ms-slide .ms-slide-link{display:block;width:100%;height:100%;position:absolute;top:0;z-index:110}.ms-ie .ms-slide-link{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7)}.ms-slide .ms-slide-bgvideocont{z-index:105;height:100%}.ms-wk .ms-slide .ms-slide-bgvideocont,.ms-wk .ms-slide-bgvideocont>video{-webkit-transform:translateZ(.3px);transform:translateZ(.3px)}.ms-slide .ms-slide-bgvideo{position:absolute;top:0}.ms-container,.ms-inner-controls-cont{position:relative;margin:0 auto}.ms-container,.ms-inner-controls-cont,.ms-slide .ms-slide-bgcont img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ms-fixed-layers .ms-layer,.ms-slide .ms-layer{position:absolute;pointer-events:auto}.ms-fixed-layers,.ms-slide .ms-slide-layers{position:absolute;overflow:hidden;width:100%;height:100%;z-index:109;top:0;pointer-events:none}.ms-slide .ms-slide-video{position:absolute;top:0;z-index:111;background:#000;padding:0;margin:0;border:none}.ms-btn-round,.ms-default-btn{border-radius:5px}.ms-parallax-layer{width:100%;position:absolute;top:0}.ms-scroll-parallax-cont{position:absolute;top:0;width:100%;height:100%}.ms-wk .ms-scroll-parallax-cont{-webkit-transform:translateZ(.4px);transform:translateZ(.4px)}.ms-action-layer{cursor:pointer}.ms-btn-container{position:absolute}.ms-btn{text-decoration:none;display:inline-block;color:#000;position:relative;padding:8px 15px;cursor:pointer;white-space:nowrap}.ms-default-btn{background:#0074A2;color:#FFF}.ms-default-btn:hover{background-color:#0098D5}.ms-default-btn:active{top:1px}.ms-thumb-list.ms-dir-v,.ms-video-img{top:0;height:100%}.ms-btn-s{padding:14px 17px;font-size:80%;line-height:0}.ms-btn-m{padding:12px 40px}.ms-btn-n{padding:8px 25px;font-size:95%}.ms-btn-l{padding:17px 50px;font-size:120%}.ms-btn-circle{border-radius:100px}.ms-btn-outline-round{border-radius:5px}.ms-btn-outline-circle{border-radius:100px}.ms-layer.video-box{background:#000}.ms-layer.video-box iframe{padding:0;margin:0;border:none;position:absolute;z-index:111}.ms-slide .ms-slide-vpbtn,.ms-slide .ms-video-btn{position:absolute;cursor:pointer;z-index:112}.ms-slide .ms-slide-vcbtn{position:absolute;cursor:pointer;z-index:113}.ms-slide-vcbtn-mobile{position:relative;bottom:0;left:0;width:100%;height:28px;background-color:#000;color:#fff;text-align:center;cursor:pointer;z-index:113}.ms-slide-vcbtn-mobile .ms-vcbtn-txt{text-transform:uppercase;font-family:sans-serif;font-size:.75em;display:inline-block;background:url(video-close-btn.png) 0 3px no-repeat;padding-left:15px;height:15px;color:#DBDBDB;margin-top:7px}.ms-wk .ms-slide .ms-slide-layers,.ms-wk .ms-slide .ms-slide-vcbtn,.ms-wk .ms-slide .ms-slide-video,.ms-wk .ms-slide .ms-slide-vpbtn,.ms-wk .ms-slide-link{-webkit-transform:translateZ(.44px);transform:translateZ(.44px)}.ms-video-img{position:absolute;width:100%;left:0}.ms-mask-frame{overflow:hidden;position:absolute;float:left}.ms-thumb-list{overflow:hidden;position:absolute}.ms-thumb-list.ms-dir-h{width:100%}.ms-thumbs-cont{position:relative}.ms-thumb-frame img{width:100%;height:auto}.ms-thumb-frame{cursor:pointer;float:left;overflow:hidden;opacity:.5;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.ms-thumb-frame-selected{opacity:1}.ms-tabs .ms-thumb-frame{background-color:#F6f6f6;text-shadow:0 1px 1px #fff;color:#222;border:1px solid #fff;border-width:0 1px 1px 0;overflow:visible;position:relative;opacity:1;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.ms-tabs.ms-dir-h .ms-thumb-frame{margin-top:12px}.ms-tabs.ms-dir-v .ms-thumb-frame{margin-left:12px}.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame{margin-left:0}.ms-tabs.ms-dir-h.ms-align-top{z-index:140}.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame{margin-top:-12px}.ms-tabs .ms-thumb{padding:20px}.ms-tabs .ms-thumb-frame-selected{opacity:1;background:#EDEDED}.ms-tabs .ms-thumb-frame .ms-thumb-ol{position:absolute;opacity:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol{top:0;left:50%;margin-left:-12px;border-bottom:solid 12px #F6f6f6;border-left:solid 12px transparent;border-right:solid 12px transparent}.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol{opacity:1;top:-12px;border-bottom-color:#EDEDED}.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol{bottom:0;top:auto;border-bottom:0;border-top:solid 12px #F6f6f6}.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol{opacity:1;bottom:-12px;border-top-color:#EDEDED}.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol{top:50%;left:0;margin-top:-12px;border-right:solid 12px #EDEDED;border-top:solid 12px transparent;border-bottom:solid 12px transparent}.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol{opacity:1;left:-12px;border-right-color:#EDEDED}.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol{left:auto;right:0;border-right:0;border-left:solid 12px #EDEDED}.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol{opacity:1;right:-12px;border-left-color:#EDEDED}.ms-thumb-list.ms-dir-h .ms-thumblist-bwd,.ms-thumb-list.ms-dir-h .ms-thumblist-fwd{height:100%;width:20px;position:absolute;left:0;cursor:pointer;background:rgba(128,128,128,.5);text-align:center;color:#fff}.ms-thumb-list.ms-dir-h .ms-thumblist-bwd{right:0;left:auto}.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after,.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after{content:close-quote;top:43%;position:relative;border:solid transparent;border-width:5px 5px 5px 0;display:block;border-right-color:#FFF;width:6px;height:1px}.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after{border-width:5px 0 5px 5px;border-left-color:#FFF;left:7px}.ms-thumb-list.ms-dir-v .ms-thumblist-bwd,.ms-thumb-list.ms-dir-v .ms-thumblist-fwd{width:100%;height:20px;position:absolute;top:0;cursor:pointer;background:rgba(128,128,128,.5);text-align:center;color:#fff}.ms-thumb-list.ms-dir-v .ms-thumblist-bwd{bottom:0;top:auto}.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after,.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after{content:close-quote;left:43%;position:relative;border:solid transparent;border-width:0 5px 5px;display:block;border-bottom-color:#FFF;height:1px;top:5px;width:0}.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after{border-width:5px 5px 0;border-top-color:#FFF;top:7px}.ms-bullet{cursor:pointer;float:left}.ms-bullets.ms-dir-h{position:absolute;bottom:20px;right:50%;width:100px}.ms-bullets.ms-dir-v{position:absolute;top:50%}.ms-bullets.ms-dir-v .ms-bullet{float:none}.ms-bullets.ms-dir-h .ms-bullets-count{position:relative;right:-50%}.ms-sbar{position:absolute}.ms-sbar.ms-dir-h{left:10px;right:10px;top:5px}.ms-sbar.ms-dir-v{top:10px;bottom:10px;right:5px}.ms-sbar .ms-bar{height:4px;background:#333;border-radius:4px;position:relative;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.ms-ctimer,.ms-slide-info,.ms-timerbar{position:absolute}.ms-sbar.ms-dir-v .ms-bar{width:4px}.ms-timerbar{width:100%;bottom:0}.ms-ctimer{top:30px;left:30px;cursor:pointer}.ms-time-bar{-webkit-transition:width 120ms linear;-moz-transition:width 120ms linear;-ms-transition:width 120ms linear;-o-transition:width 120ms linear;transition:width 120ms linear}.ms-ie7 .ms-tooltip-arrow{height:0}.ms-slide-info.ms-dir-v{top:0}.ms-slide-info.ms-dir-h{width:100%}@keyframes point-anim{0%{transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);opacity:1}100%{transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);opacity:0}}@-webkit-keyframes point-anim{0%{-webkit-transform:scale(.5);opacity:1}100%{-webkit-transform:scale(1.5);opacity:0}}.ms-android .ms-tooltip-point .ms-point-border{animation:none;-moz-animation:none;-webkit-animation:none;-o-animation:none} /* Defualt styles */ .ms-skin-default .ms-slide .ms-slide-vpbtn,.ms-skin-default .ms-video-btn{width:50px;height:51px;background:url(skins/default/light-skin-1.png) -14px -150px no-repeat;top:50%;left:50%;margin:-25px 0 0 -25px}.ms-skin-default .ms-slide .ms-slide-vcbtn{width:30px;height:30px;background:url(skins/default/light-skin-1.png) -24px -28px no-repeat;top:18px;right:30px}.ms-skin-default .ms-nav-next,.ms-skin-default .ms-nav-prev{width:30px;background:url(skins/default/light-skin-1.png) -89px -26px;height:40px;cursor:pointer;top:50%;left:30px;margin-top:-20px;position:absolute;z-index:110}.ms-skin-default .ms-nav-next{right:30px;left:auto;background-position:-89px -103px}.ms-skin-default .ms-bullet{width:10px;height:10px;background:url(skins/default/light-skin-1.png) -34px -117px no-repeat;margin:4px}.ms-skin-default .ms-bullet-selected{background-position:-34px -84px}.ms-skin-default .ms-time-bar{height:3px;background:#FFF;border-top:solid 1px rgba(0,0,0,.41)}.ms-skin-default .ms-tooltip{position:absolute;z-index:210;cursor:auto;max-width:200px}.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow,.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{border-left:solid 10px transparent;border-right:solid 10px transparent;position:absolute;left:50%;margin-left:-10px}.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{border-top:solid 10px;border-top-color:silver;border-top-color:rgba(240,240,240,.88);bottom:-10px}.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow{border-bottom:solid 10px;border-bottom-color:silver;border-bottom-color:rgba(240,240,240,.88);top:-10px}.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow,.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{border-top:solid 10px transparent;border-bottom:solid 10px transparent;position:absolute;top:50%;margin-top:-10px}.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{border-right:solid 10px;border-right-color:silver;border-right-color:rgba(240,240,240,.88);left:-10px}.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow{border-left:solid 10px;border-left-color:silver;border-left-color:rgba(240,240,240,.88);right:-10px}.ms-skin-default .ms-tooltip-point{cursor:pointer}.ms-skin-default .ms-tooltip-point .ms-point-center{width:12px;height:12px;border-radius:15px;border:2px solid #BBB;background:#fff;margin:-8px 0 0 -8px;position:absolute;z-index:105}.ms-skin-default .ms-tooltip-point .ms-point-border{width:22px;height:22px;background:#000;background:rgba(0,0,0,.36);margin:-11px 0 0 -11px;position:absolute;border-radius:15px;animation:point-anim 1.5s infinite;-moz-animation:point-anim 1.5s infinite;-webkit-animation:point-anim 1.5s infinite;-o-animation:point-anim 1.5s infinite}.ms-skin-default .ms-tooltip-cont{padding:10px;background:silver;background:rgba(240,240,240,.88);text-shadow:0 1px 0 #fff;margin-left:-1px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.ms-skin-default .ms-bullet,.ms-skin-default .ms-nav-next,.ms-skin-default .ms-nav-prev,.ms-skin-default .ms-slide .ms-slide-vcbtn,.ms-skin-default .ms-slide .ms-slide-vpbtn,.ms-skin-default .ms-video-btn{background-image:url(skins/default/light-skin-1-retina.png);background-size:152px 225px}} .ms-view { background: transparent; } .ms-nav-next { width:20px; height:20px; background-color:#CCC; } .ms-nav-prev { width:20px; height:20px; background-color:#888; } .ms-slide .ms-slide-vpbtn, .ms-video-btn { width: 50px; height: 51px; background: url(light-skin-1.png) no-repeat -14px -150px; top: 50%; left: 50%; margin: -25px 0 0 -25px; } /* OWL CAROUSEL - MINIFIED ***********************************************/ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;-moz-transition:scale .1s ease;-ms-transition:scale .1s ease;-o-transition:scale .1s ease;transition:scale .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1} /* FOUNDATION OVERRIDES **************************************************/ p { margin-bottom: 1.275rem; } sup { vertical-align: sub; } .sticky { margin-top:0rem !important; right: 0 !important; left: 0 !important; } .contain-to-grid { -moz-transition: all 1.3s; -o-transition: all 1.3s; -webkit-transition: all 1.3s; transition: all 1.3s; } .js-off-canvas-exit { position: fixed; } .top-bar, .top-bar ul { background-color: transparent; } .is-accordion-submenu-parent>a:after { border-color: #00ccde transparent transparent; } /* Remove nav dropdown arrow - Uncomment to use */ /* .is-dropdown-submenu-parent.is-down-arrow a { padding-right: inherit; } .is-dropdown-submenu-parent.is-down-arrow>a:after { display:none; } */ /* Form adjustments */ /* Activate to target all inputs eg: set global radius corners */ /* input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus { } form .row .row.collapse input { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } */ textarea {min-height: 140px;} .left-small, .right-small { border-color:rgba(255,255,255,0); } [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea, select { border: 1px solid #c4c6c8; color: #303E48; background-color: transparent; box-shadow: none; transition: background-color .25s ease-in-out; } [type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus, select:focus { border: 1px solid #95989b; background-color: transparent; box-shadow: none; transition: background-color .5s ease-in-out; } .sub-footer [type=email], .sub-footer [type=text] { border: 1px solid transparent; color: #303E48; background-color: rgba(255,255,255,0.1); box-shadow: none; transition: background-color .25s ease-in-out; } .sub-footer [type=email]:focus, .sub-footer [type=text]:focus { border: 1px solid transparent; background-color: rgba(255,255,255,0.2); box-shadow: none; transition: background-color .5s ease-in-out; } .sticky-container { z-index: 10; } .sticky { z-index: 5; } /* RECAPTCHA fix */ .recaptchatable .recaptcha_input_area { height: 40px !important; } .recaptchatable #recaptcha_response_field { margin: 12px 0 0 0!important; } .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4 { height:0px !important; } .recaptcha_r4_c1 { line-height:4px !important; } .recaptcha_r4_c1 #recaptcha_privacy a, .recaptcha_r4_c1 #recaptcha_privacy a:visited, .recaptcha_r4_c1 #recaptcha_privacy a:hover, .recaptcha_r4_c1 #recaptcha_privacy a:focus, .recaptcha_r4_c1 #recaptcha_privacy a:active { color:#CCC !important; } .recaptchatable #recaptcha_response_field { height: 1.5rem; } #recaptcha_table { background: transparent; } #recaptcha_widget_div #recaptcha_area, #recaptcha_widget_div #recaptcha_table, .recaptchatable #recaptcha_image, .recaptchatable #recaptcha_image #recaptcha_challenge_image { width: 100% !important; max-width: 318px; } /* WebKit CSS Transition Bug Fix */ a, .contain-to-grid { -webkit-backface-visibility: hidden; -webkit-transform: scale(1); } /* Facebook commenting responsive fix */ .fb_iframe_widget_fluid, .fb_iframe_widget_fluid span, .fb_iframe_widget iframe { width: 100% !important; } /* BC OVERRIDES / FIXES *******************************************************/ ul.catalogueList, ul.catalogueList > li, ul.productList, ul.productList > li { margin:0px; padding:0px; list-style-type:none; } .cartSummary.empty0 { display:none; } .cartSummary.notEmpty1 { display:none; } .cartSummaryTable {display:none;} /* temporary */ .system-message { margin: 10rem 0; } .sub-footer .system-message { margin: 0.6rem 0 0 0; color: #FFF; } /* EXTRA HELPERS ***************************************************************/ .note {color:#000; font-size:0.9rem; font-weight:700;} .fineprint {color:#999; font-size:0.9rem;} .round { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .radius { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .blur { /* Not supported in IE at all */ -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); } /* Icomoon */ @font-face { font-family: 'icomoon'; src: url('/Assets/fonts/icomoon.eot?d9bjy8'); src: url('/Assets/fonts/icomoon.eot?d9bjy8#iefix') format('embedded-opentype'), url('/Assets/fonts/icomoon.woff2?d9bjy8') format('woff2'), url('/Assets/fonts/icomoon.ttf?d9bjy8') format('truetype'), url('/Assets/fonts/icomoon.woff?d9bjy8') format('woff'), url('/Assets/fonts/icomoon.svg?d9bjy8#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-kk-cart-empty:before { content: "\e961"; } .icon-kk-cart-full:before { content: "\e962"; } .icon-kk-close:before { content: "\e963"; } .icon-kk-delivery:before { content: "\e964"; } .icon-kk-download:before { content: "\e965"; } .icon-kk-play:before { content: "\e966"; } .icon-kk-search:before { content: "\e967"; } .icon-kk-secure-pay:before { content: "\e968"; } .icon-kk-support:before { content: "\e969"; } .icon-kk-thumbs-up:before { content: "\e96a"; } .icon-number-circle:before { content: "\e95e"; } .icon-clock:before { content: "\e905"; } .icon-people:before { content: "\e95c"; } .icon-wallet:before { content: "\e95d"; } .icon-arrow-long-left:before { content: "\e901"; } .icon-arrow-long-right:before { content: "\e902"; } .icon-logo-main:before { content: "\e900"; } .icon-logo-sub:before { content: "\e903"; } .icon-resource-download:before { content: "\e904"; } .icon-snapchat:before { content: "\e95a"; } .icon-triangle-up:before { content: "\e906"; } .icon-triangle-right:before { content: "\e907"; } .icon-triangle-left:before { content: "\e908"; } .icon-triangle-down:before { content: "\e909"; } .icon-bubble:before { content: "\e95f"; } .icon-heart:before { content: "\e960"; } .icon-search:before { content: "\e95b"; } .icon-checkmark-circle:before { content: "\e90a"; } .icon-warning:before { content: "\e90b"; } .icon-feed:before { content: "\e90c"; } .icon-stackoverflow:before { content: "\e90d"; } .icon-flattr:before { content: "\e90e"; } .icon-yelp:before { content: "\e90f"; } .icon-lastfm:before { content: "\e910"; } .icon-twitch:before { content: "\e911"; } .icon-stumbleupon:before { content: "\e912"; } .icon-stumbleupon2:before { content: "\e913"; } .icon-tumblr:before { content: "\e914"; } .icon-blogger:before { content: "\e915"; } .icon-skype:before { content: "\e916"; } .icon-soundcloud:before { content: "\e917"; } .icon-reddit:before { content: "\e918"; } .icon-flickr:before { content: "\e919"; } .icon-google-plus:before { content: "\e91a"; } .icon-lastfm2:before { content: "\e91b"; } .icon-pinterest:before { content: "\e91c"; } .icon-foursquare:before { content: "\e91d"; } .icon-tumblr2:before { content: "\e91e"; } .icon-soundcloud2:before { content: "\e91f"; } .icon-youtube:before { content: "\e920"; } .icon-telegram:before { content: "\e921"; } .icon-xing:before { content: "\e922"; } .icon-xing2:before { content: "\e923"; } .icon-linkedin:before { content: "\e924"; } .icon-github:before { content: "\e925"; } .icon-behance:before { content: "\e926"; } .icon-blogger2:before { content: "\e927"; } .icon-delicious:before { content: "\e928"; } .icon-linkedin2:before { content: "\e929"; } .icon-hackernews:before { content: "\e92a"; } .icon-youtube2:before { content: "\e92b"; } .icon-wordpress:before { content: "\e92c"; } .icon-behance2:before { content: "\e92d"; } .icon-pinterest2:before { content: "\e92e"; } .icon-steam:before { content: "\e92f"; } .icon-steam2:before { content: "\e930"; } .icon-yahoo:before { content: "\e931"; } .icon-flickr2:before { content: "\e932"; } .icon-whatsapp:before { content: "\e933"; } .icon-500px:before { content: "\e934"; } .icon-dribbble:before { content: "\e935"; } .icon-vk:before { content: "\e936"; } .icon-vimeo:before { content: "\e937"; } .icon-ello:before { content: "\e938"; } .icon-vine:before { content: "\e939"; } .icon-deviantart:before { content: "\e93a"; } .icon-mail:before { content: "\e93b"; } .icon-flickr3:before { content: "\e93c"; } .icon-flickr4:before { content: "\e93d"; } .icon-vimeo2:before { content: "\e93e"; } .icon-mail2:before { content: "\e93f"; } .icon-spotify:before { content: "\e940"; } .icon-renren:before { content: "\e941"; } .icon-sina-weibo:before { content: "\e942"; } .icon-google-plus2:before { content: "\e943"; } .icon-hangouts:before { content: "\e944"; } .icon-google-plus3:before { content: "\e945"; } .icon-facebook:before { content: "\e946"; } .icon-mail3:before { content: "\e947"; } .icon-feed2:before { content: "\e948"; } .icon-mail4:before { content: "\e949"; } .icon-share:before { content: "\e94a"; } .icon-share2:before { content: "\e94b"; } .icon-circle:before { content: "\e94c"; } .icon-arrow-right:before { content: "\e94d"; } .icon-arrow-left:before { content: "\e94e"; } .icon-arrow-down:before { content: "\e94f"; } .icon-arrow-up:before { content: "\e950"; } .icon-cross:before { content: "\e951"; } .icon-menu:before { content: "\e952"; } .icon-play:before { content: "\e953"; } .icon-instagram:before { content: "\e954"; } .icon-facebook2:before { content: "\e955"; } .icon-twitter:before { content: "\e956"; } .icon-long-arrow-right:before { content: "\e957"; } .icon-long-arrow-left:before { content: "\e958"; } .icon-chevron-thin-up:before { content: "\e96b"; } .icon-chevron-thin-right:before { content: "\e96c"; } .icon-chevron-thin-left:before { content: "\e96d"; } .icon-chevron-thin-down:before { content: "\e96e"; } .icon-pinterest3:before { content: "\e959"; } /* ICON EXTRAS ******************************************************************/ [class^="icon-"], [class*=" icon-"] { display: inline-block; /* Fix for off-centered spinning icons */ } .spin { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .pulse { -webkit-animation: spin 1s infinite steps(8); animation: spin 1s infinite steps(8); } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Graphik WebFont */ /* This font software is the property of Commercial Type. You may not modify the font software, use it on another website, or install it on a computer. License information is available at http://commercialtype.com/eula For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com Copyright (C) 2013 Schwartzco Inc. License: 1601-CFFSYV */ @font-face { font-family: 'Graphik Web'; src: url('/Assets/fonts/Graphik-Regular-Web.eot'); src: url('/Assets/fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/Graphik-Regular-Web.woff') format('woff'); font-weight: 400; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; src: url('/Assets/fonts/Graphik-Medium-Web.eot'); src: url('/Assets/fonts/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/Graphik-Medium-Web.woff') format('woff'), url('/Assets/fonts/Graphik-Medium-Web.ttf') format('truetype'), url('/Assets/fonts/Graphik-Medium-Web.svg#Graphik Web') format('svg'); font-weight: 500; font-style: normal; font-stretch: normal; } /* Aquilone WebFont */ /* Font: Aquilone Style: URL: https://www.youworkforthem.com/font/T5745/aquilone Foundry: Magdalena Boffito Foundry: https://www.youworkforthem.com/designer/469/magdalena-boffito Copyright: Copyright (c) 2015 by Magdalena Boffito. All rights reserved. Version: 17 Created: June 01, 2015 License: https://www.youworkforthem.com/font-license License: The WebFont(s) listed in this document must follow the YouWorkForThem WebFont license rules. All other parties are strictly restricted from using the WebFonts(s) listed without a purchased license. All details above must always remain unaltered and visible in your CSS. */ @font-face { font-family: 'Aquilone-Bold'; src: url('/Assets/fonts/aquilone-Bold.eot'); src: url('/Assets/fonts/aquilone-Bold.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/aquilone-Bold.woff2') format('woff2'), url('/Assets/fonts/aquilone-Bold.woff') format('woff'), url('/Assets/fonts/aquilone-Bold.ttf') format('truetype'), url('/Assets/fonts/aquilone-Bold.svg#youworkforthem') format('svg'); font-weight: normal; font-style: normal; } /* Font: Have Heart One Style: Regular URL: https://www.youworkforthem.com/font/T5838/have-heart Foundry: Set Sail Studios Foundry: https://www.youworkforthem.com/designer/527/set-sail-studios Copyright: Copyright (c) 2015 by Set Sail Studios. All rights reserved. Version: 17 Created: August 19, 2015 License: https://www.youworkforthem.com/font-license License: The WebFont(s) listed in this document must follow the YouWorkForThem WebFont license rules. All other parties are strictly restricted from using the WebFonts(s) listed without a purchased license. All details above must always remain unaltered and visible in your CSS. */ @font-face { font-family: 'HaveHeartOne'; src: url('/Assets/fonts/have-heart-one.eot'); src: url('/Assets/fonts/have-heart-one.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/have-heart-one.woff2') format('woff2'), url('/Assets/fonts/have-heart-one.woff') format('woff'), url('/Assets/fonts/have-heart-one.ttf') format('truetype'), url('/Assets/fonts/have-heart-one.svg#youworkforthem') format('svg'); font-weight: normal; font-style: normal; } /* FONT & WEIGHT ALLOCATIONS ***************************************************/ /* Avaliable Options */ /* font-family: 'Aquilone-Bold', Helvetica, Arial, Sans-Serif; Normal: normal font-family: 'HaveHeartOne', Helvetica, Arial, Sans-Serif; Normal: normal font-family: 'Graphik Web'; Normal: 400 Medium: 500 */ /* @Font Imports */ /* Override All Font Family's declared in Foundation CSS */ /*** DO NOT CHANGE BELOW SELECTORS ***/ html, body, h1, h2, h3, h4, h5, h6, [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select { font-family: 'Graphik Web', sans-serif; font-weight: 400; } /*** DO NOT CHANGE ABOVE SELECTORS ***/ /* CHANGE BELOW... */ /* New font assignments */ body, h6, .drop-nav ul.menu ul li a, .how-to-feature a .listing-title h2, .blog-feature a .listing-title h2, .blog-tags h6, .blog-shares h6 { font-family: 'Graphik Web', sans-serif; font-weight: 400; } .test-grph-med, h1, h4, h5, .drop-nav ul.menu li a, .owl-item a .listing-title, .detail-view .main-description blockquote:before, .interview-question, .tweet-box, .main-nav.dropdown.menu li ul li:last-child a, .main-nav.dropdown.menu li ul li.like-last a, #offCanvas .accordion-menu ul.is-accordion-submenu li:last-child a, .main-nav.dropdown.menu li a sup, #offCanvas .accordion-menu li a sup, .hero-box div[class^="hero-"] a h2, .hero-box .feature-tiles div[class^="hero-"] a h2 span, .reno-list .img-box h2, .stripe.shop-info-bar p small a, ul.prod-list li .list-price strong, ul.prod-list li .success.label, legend, b, strong { font-family: 'Graphik Web', sans-serif; font-weight: 500; } .test-aq-reg, .test-aq-bold, .owl-item a .listing-title h2, .detail-view .main-description blockquote, .detail-view .main-description blockquote p, .how-to-feature a .listing-title span, .blog-feature a .listing-title span, .ms-slide .listing-title span, .media-img-title, .blog-post .blog-date, h3, .interview-answer, .tabs-content .heading h1, .how-to-feature h2, .blog-feature h2, .detail-view .main-description h2, .detail-view .main-description h5 i, .detail-view .main-description h5 em, .latest-items .heading h2, .product-needs h4, .tool-needs h4, .tabs-title>a { font-family: 'Aquilone-Bold', cursive; font-weight: normal; } .test-haho, .hero-box .feature-tiles div[class^="hero-"] a h2, h1.heading-special, .detail-view .main-description h5, #popupComp h1, .popup-general .title strong, .img-header .header-text, #homePg .ms-caption h2, .order-receipt h1 { font-family: 'HaveHeartOne', cursive; font-weight: normal; } /* Font style placeholder text */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-family: 'Graphik Web', sans-serif; font-weight: 400; } input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */ font-family: 'Graphik Web', sans-serif; font-weight: 400; } input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */ font-family: 'Graphik Web', sans-serif; font-weight: 400; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-family: 'Graphik Web', sans-serif; font-weight: 400; } /* FORMS ***********************************************************************/ /* Style placeholder text */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #929497; } input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */ color: #929497; } input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */ color: #929497; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE */ color: #929497; } small.error { pointer-events: none; color: red; } input.error, textarea.error, select.error, input.error:focus, textarea.error:focus, select.error:focus { border: 1px solid rgba(240,65,36,0.8) !important; margin-bottom:0rem; } .system-message .error:empty {display:none;} input[type="search"] { border-color:transparent; background-color:rgba(255,255,255,0.1); border-right:1px solid #00CCDE; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; font-size: 1.125rem; display: inline-block; } input[type="search"]:focus { border-right:1px solid #00CCDE; } input[type="search"] + .input-group-button {display:none !important;} .ie9 .form[name="catsearchform71172"] .input-group-button {display:none !important;} .drop-nav input[type="search"] { margin:1rem 0; color:#FFF; } label { color: inherit; } legend { text-align: center; padding: 0 1rem; } /* GENERAL STYLE REFERENCE ******************************************************/ /* Globals Reference: Colors: Deep Blue #303E48 rgba(48,62,72,1) Blue/Aqua #00CCDE rgba(0,204,222,1) Med Grey #58595B rgba(88,89,91,1) Lt Grey #929497 rgba(146,148,151,1) */ /* GENERAL ELEMENTS ************************************************************/ body { background:#FFF; color:#58595b; } hr { color: #e7e3dc; margin: 2rem 0.8rem 2.5rem 0.8rem; height:1px; border:0px solid; border-top:1px solid; } .column hr, .columns hr { margin: 2rem 0 2.5rem 0; } ul, ol { margin-left:1.5rem; } #alertbox {width:100%; display:none; position:fixed; top:100px; z-index:9999; text-align:center; pointer-events: none;} #alertbox .popalert {max-width:300px; margin: 0 auto; pointer-events: none;} /* HEADINGS *********************************************************************/ h1, h2, h3, h4, h5, h6 { } h1.heading-special { font-size:4rem; color:#00CCDE; margin: 0 0 -0.7rem 0; line-height: 90%; } h2 { font-size:1.875rem; margin:1.5rem 0 1.3rem 0; color: #303e48; } h2.header-special { font-size:1.125rem; overflow: hidden; text-align: center; margin-top: 0; } h2.header-special:before, h2.header-special:after { background-color: #00ccde; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } h2.header-special:before { right: 1.5em; margin-left: -50%; } h2.header-special:after { left: 1.5em; margin-right: -50%; } h3 { font-size:1.6rem; margin:1.6rem 0 1.6rem 0; } h4 { font-size: 1.45rem; margin: 0 0 2.2rem 0; } h5 { font-size:1.25rem; margin:0 0 1.2rem 0; } h6 { color:#00ccde; margin-bottom: 0.3rem; } /* LINKS ************************************************************************/ a, a:visited, button, .button { transition: all 0.8s; outline:none; color:#58595b; } a:hover, a:focus, a:active { color:#00CCDE; } a:hover, a:focus, a:active, button:hover, .button:hover, button:focus, .button:focus, button:active, .button:active { transition: all 0.8s; outline:none; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color:inherit; text-decoration:none; } /* MAIN NAV */ nav#mainNav { position: absolute; width: 100%; } .main-nav { background-color:transparent; text-align: center; display: block; } .main-nav li { padding: 0; display: inline-block !important; } .main-nav.dropdown.menu li a { color:#FFF; padding: 1.55rem 0.3rem; font-size:0.8rem; letter-spacing: -0.03rem; transition: color 0.3s, background-color 0.3s; } .main-nav.dropdown.menu li a:hover, .main-nav.dropdown.menu li a:active, .main-nav.dropdown.menu li a:focus { color: rgba(0,204,222,1); background-color:#5A656D; } .main-nav.dropdown.menu li.active>a, .dropdown.menu li.is-active.active>a { color: rgba(0,204,222,1); background: #3B4A53 !important; } .main-nav.dropdown.menu li.active>a:hover, .main-nav.dropdown.menu li.active>a:focus, .dropdown.menu li.is-active.active>a:hover, .dropdown.menu li.is-active.active>a:focus { background: #5A656D !important; } .main-nav.dropdown.menu li.active.is-submenu-item>a { background:transparent !important; } .dropdown.menu .is-active>a { color: rgba(0,204,222,1); background: #5A656D !important; } .main-nav.dropdown.menu li a sup { color: #FF7E82; font-size: 0.5rem; position: absolute; top: 1.2rem; right: 0rem; text-transform: uppercase; } .main-nav.dropdown.menu ul { background-color:#5A656D; text-align: left; padding: 1rem 0; } .is-dropdown-submenu { border:none; } .dropdown.menu>li.is-dropdown-submenu-parent>a::after { display:none; } .main-nav.dropdown.menu li ul li a { padding: 0.5rem 0.6rem; } .main-nav.dropdown.menu li ul li:last-child a, .main-nav.dropdown.menu li ul li.like-last a { letter-spacing:0.14rem; } .main-nav.dropdown.menu li ul li a:hover { color:#FFF; } .main-nav.dropdown.menu li ul li a:hover::after { content:'\e96c'; position:absolute; right: 1.2rem; top: 0.9rem; font-family: 'icomoon', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #smallMenuToggle { padding: 1.5rem 0.5rem; line-height: 1; display: block; color: #FFF; font-size: 0.9rem; } .off-canvas-absolute.is-transition-overlap.is-open { visibility: visible !important; } #offCanvas .accordion-menu { margin-top: 1rem; } #offCanvas .accordion-menu a, #offCanvas .accordion-menu a:visited { padding: 1rem 2.5rem; color: #FFF; font-size: 1.2rem; } #offCanvas .accordion-menu .active a, #offCanvas .accordion-menu .active a:visited { color: #00ccde; background: transparent; } #offCanvas .accordion-menu li a sup { color: #FF7E82; font-size: 0.5rem; position: relative; margin-left: -0.7rem; text-transform: uppercase; top: -1rem; } #offCanvas .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after { content:'\e96e'; position:absolute; right: 2.6rem; top: 0.7rem; font-family: 'icomoon', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: none; color:#FFF; } #offCanvas .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)[aria-expanded="true"]>a::after { right: 1.55rem; top: 2.3rem; } #offCanvas .accordion-menu li[aria-expanded="true"]>a { background: #5a656d; padding-top: 1.4rem; color: #00ccde; } #offCanvas .accordion-menu ul.is-accordion-submenu { background: #5a656d; padding: 0.5rem 0 1rem 0; margin-bottom: 1rem; font-size: 0.875rem; } #offCanvas .accordion-menu ul.is-accordion-submenu li:last-child a { letter-spacing:0.14rem; } /* FOOTER NAV */ .footer-nav .menu { display: inline-block; margin: 0 auto; } /* SOCIAL NAV *****************************************************************/ .social-nav a { color:#58595b; white-space: nowrap; } .social-nav a:hover, .social-nav a:active, .social-nav a:focus { color:#00CCDE; } .social-nav a span { padding-left: 0.4rem; } .social-nav i span { text-indent: -9999px !important; position: absolute; left: -9999px; } .social-nav .menu>li:not(.menu-text)>a { padding: 0 0 1.4rem 0; } /* LANDING PG NAV *****************************************************************/ .brand-nav .menu { text-align:center; padding-bottom:0.05rem; } .brand-nav .menu li { display:inline-block; padding:0 1rem; } .brand-nav .menu li a { color:#58595b; font-size:0.9rem; padding:1.8rem 0 1.3rem 0; border-bottom:3px solid transparent; } .brand-nav .menu li a:hover, .brand-nav .menu li a:active, .brand-nav .menu li a:focus { color:#A1A2A5; border-bottom:3px solid rgba(0,204,222,0.5); } .brand-nav .menu li.active a { color:#FFF; border-bottom:3px solid rgba(0,204,222,1); } /* BUTTONS *********************************************************************/ button, .button, .button:visited { color:#FFF; background-color:#00ccde; position:relative; white-space:nowrap; border:none; font-size: 1rem; } input.button { padding:0; } button:hover, .button:hover, button:focus, .button:focus, button:active, .button:active { color:#FFF; background-color:#00ccde; } button.secondary, .button.secondary, .button.secondary:visited { color:#0A0A64; background-color:#FFF; border:1px solid #0A0A64; } button.secondary:hover, .button.secondary:hover, button.secondary:focus, .button.secondary:focus, button.secondary:active, .button.secondary:active { } .button.hollow, button.hollow { border: 1px solid #c4c6c8; color: #929497; padding: 0.45rem 1.2rem; font-size: 0.825rem; border-radius: 2px; } .button.hollow:hover, .button.hollow:focus, .button.hollow:active, button.hollow:hover, button.hollow:focus, button.hollow:active { border: 1px solid #95989b; color: #797c80; } .button i { font-size: 1.6rem; line-height: 0; vertical-align: middle; } .button i.icon-arrow-long-right { margin: 0 -10px 0 7px; } .button i.icon-arrow-long-left { margin: 0 7px 0 -10px; } button.expanded, .button.expanded, .button.expanded:visited { } button.large, .button.large, .button.large:visited { } button.small, .button.small, .button.small:visited { } button.tiny, .button.tiny, button.tiny:visited. { } button.tag:before, .button.tag:before { content: ' '; position: absolute; top: -8px; left: 47%; display: inline-block; width: 0; height: 0; border-left: 7px solid #FFF; border-right: 7px solid #FFF; border-bottom: 8px solid transparent; background: inherit; } /*BTN NO STYLE*/ button.no-style, .button.no-style, .button.no-style:visited { color:#929497; background-color: transparent; padding:1rem; } button.no-style:hover, .button.no-style:hover, button.no-style:focus, .button.no-style:focus, button.no-style:active, .button.no-style:active { color:#797c80; background-color: transparent; } /* HEADER ***************************************************************************/ .top-bar { background-color: #303E48; padding:0 1.4rem; z-index: 5; position: relative; height:62px; align-items: flex-start; } .top-bar .row { width: 100%; max-width: 100%; position:relative; } .top-bar>.row>.column { position:relative; line-height: 0; } .main-logo { width: 100%; position:relative; display: inline-block; } .sticky.scrolled .main-logo { } .main-logo #fullLogo, .main-logo #reducedLogo { transition:opacity 1s; position:absolute; max-width:45px; top: 0.8rem; } .main-logo #fullLogo { opacity:0; width: 160px; max-width: 160px; } .top-bar .fade-out { position:absolute; } .top-bar form { width: 100%; top: 0; } .top-bar input[type="search"] { max-width: 100%; margin-right: 0; margin-bottom: 0; position: absolute; right: 0; width: 100%; background-color: transparent; border: none; top: 0.7rem; font-size: 0.9rem; color: #FFF; } .nav-buttons { position:relative; display: inline-block; width: 22px; } .nav-buttons a { position:absolute; top: 0.8rem; right: 0; color: #FF7E82; font-size: 1.4rem; } .position-top { height: 100vh; } .off-canvas-absolute { background: #303E48; } /* CORE STRUCTURE ******************************************************************/ .stripe { background: #eae8e5; margin: 0; padding: 0; } .stripe.how-to-feature { padding: 0 1.1rem 3rem 1.1rem; } .stripe.brand-nav { background:#000; margin-bottom:2.2rem; } .stripe2 { background: #414042; margin: 0; padding: 1.3rem 0.9rem; } .stripe2 > .row > .column { padding-left: 0; padding-right: 0; } .stripe2 + .row { margin-top: 1.2rem; } .stripe2 + .row + .row { margin-top:0rem; } .stripe3 { background: #f0f1f1; margin: 0 0 2.5rem 0; padding: 1.6rem 0 0rem 0; } .stripe3 p { margin-bottom: 6.5%; } .tabs { margin-top: 2rem; border: none; border-bottom: 1px solid #c4c6c8; } .tabs-title>a { font-size: 1.2rem; padding: 0.6rem 1.2rem; margin-bottom: -2px; color: #58595b; border: 1px solid transparent; border-bottom: 3px solid transparent; } .tabs-title>a:focus, .tabs-title>a[aria-selected=true] { background: transparent; color: #58595b; border: 1px solid #c4c6c8; border-bottom: 3px solid #FFF; } .tabs-content { margin-bottom: 3.4rem; border: none; } .tabs-panel { padding: 1rem 0; border: none; font-size: 0.9rem; color: inherit; } .lead { font-size:1.15rem; } .img-header { background-size: cover; background-position: center; } img.img-header { width: 80%; margin: 2% 0; max-width: 810px; } .addthis_sharing_toolbox { } .row.comments { margin-bottom:1.5rem; } .pagination.webapp {display:none;} .image-caption { font-size:0.75rem; margin:1rem 0 2rem 0; } #mastersliderVads .ms-slide:not(.ms-sl-selected), #mastersliderHads .ms-slide:not(.ms-sl-selected) { display:none; } .more-link a { font-size:1.125rem; color:#929497; display:inline-block; margin-top:3.3rem; white-space:nowrap; } .more-link a:hover, .more-link a:active, .more-link a:focus { color:#6d6e71; } .more-link a i { font-size:2.5rem; color:#00ccde; top: 0.6rem; position: relative; } .how-to-feature .row.collapse > .column, .blog-feature .row.collapse > .column { padding-left: 0.5rem; padding-right: 0.5rem; } .how-to-feature .more-link a, .blog-feature .more-link a { margin-top:1.1rem; } .how-to-feature .more-link.text-center a, .blog-feature .more-link.text-center a { margin-top:0rem; } .detail-view .more-link a { margin-top:-1rem; } .how-to-feature .adspace-ad, .blog-feature .adspace-ad { margin: 3rem 0 1.5rem 0; display: block; } .tabs-content .search input[type="search"] { margin-top:4rem; } .accordion { background: transparent; border: none; } .accordion-title { padding: 0.3rem 0; margin:0 0 1rem 0; font-size: 1rem; color: #58595b; border-bottom: 2px solid #dbd5ca; } .accordion-title:focus, .accordion-title:hover { background-color: transparent; border-bottom: 2px solid #dbd5ca; } .is-active>.accordion-title { border-bottom: 2px solid rgba(0,204,222,1); } .accordion-title:before { content: '\e94f'; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:1.2rem; right: 0.3rem; top: 0; margin-top: 0; } .accordion-title:focus:before, .accordion-title:hover:before { color:rgba(0,204,222,0.5); transition:all .6s; } .is-active>.accordion-title:before { content: '\e950'; color:rgba(0,204,222,1); } .accordion-content { padding: 0.3rem 0; display: none; border-bottom: none; background-color: transparent; margin-bottom: 1.5rem; } .media-img { text-align: center; } .media-img-title { position: relative; text-align: center; color: #FFF; font-size: 1.1rem; text-transform: uppercase; line-height: 100%; margin: -1rem 0 1.2rem 0; padding: 0.5rem 2.5rem 0.4rem 2.5rem; display: inline-block; background-color: #00ccde; top: -0.7rem; } .media-item-box h5 { font-size:1.4rem; text-align:center; } .media-img a .img-box { position:relative; overflow:hidden; } .media-img a .img-box:before { position:absolute; content:''; top:-0.15rem; bottom:-0.15rem; left:-0.15rem; right:-0.15rem; background-color:rgba(0,0,0,0.45); transition:background-color 0.6s; } .media-img a:hover .img-box:before { background-color:rgba(0,0,0,0); transition:background-color 0.6s; } a .img-box .download { color: #FFF; font-size: 3rem; position: absolute; z-index: 999999; top: 40%; left: 40%; text-align: center; } .media-img > .row { margin-bottom:1.4rem; } .media-img > .row > .column { margin-bottom:1.4rem; } .editorial-desc { font-size:0.8rem; } .editorial-desc p { margin-bottom:1rem; } a.bl-underline { border-bottom: 1px solid transparent; } a.bl-underline:hover { color:#58595b; border-bottom: 1px solid #00ccde; } /* FOOTER **********************************************************************************/ #footer { margin-top:2.5rem; } #homePg #footer { margin-top:0rem; } .sub-footer { background-color:rgba(0,204,222,0.8); padding:1rem 0; } .sub-footer label { color:#303e48; font-size:1.125rem; margin:0.5rem 0 0 0; text-align:center; } .sub-footer p { margin-bottom:0.5rem; } .sub-footer input#EmailAddress { color:#FFF; background:transparent; border-bottom:2px solid #FFF; margin-bottom:1.5rem; padding:0.3rem 0; } .sub-footer button[type="submit"] { color:#FFF; font-size:0.95rem; background:transparent; border:2px solid #FFF; padding: 0.6rem; transition: background-color .6s; } .sub-footer button[type="submit"]:hover, .sub-footer button[type="submit"]:active, .sub-footer button[type="submit"]:focus { background:rgba(255,255,255,1); color:rgba(0,204,222,0.8); transition: background-color .6s; } .sub-footer input#EmailAddress::-webkit-input-placeholder { color: #FFF; } .sub-footer input#EmailAddress:-moz-placeholder { /* Firefox 18- */ color: #FFF; } .sub-footer input#EmailAddress::-moz-placeholder { /* Firefox 19+ */ color: #FFF; } .sub-footer input#EmailAddress:-ms-input-placeholder { /* IE */ color: #FFF; } .site-footer { background:url("/images/bkg-holding.jpg") #303E48 no-repeat center center; background-size:cover; padding:2rem 0 1rem 0; color:#FFF; font-size:0.937rem; } .site-footer a { color:#FFF; border-bottom:1px solid rgba(0, 204, 222,0); } .site-footer a:hover { border-bottom:1px solid rgba(0, 204, 222,1); } .site-footer .social-nav a, .site-footer .social-nav a:hover { border-bottom:none; } .site-footer h6 { font-size:1.125rem; } .site-footer .copyright { font-size:0.687rem; padding-top:2rem; } .site-footer .copyright p { margin-bottom:0.6rem; } .site-footer .copyright a, .site-footer .copyright a:hover { color:#00ccde; } /* HERO ************************************************************************************/ .ms-slide .ms-layer { width: 50%; right: 0; top: 28% !important; text-align: center; color:#FFF; margin: 0px; padding: 0px; } #homePg .ms-slide:before { content:' '; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); } #homePg .ms-caption h2 { font-size: 3.4rem; color: #303e48; line-height: 90%; margin-bottom: 1.2rem; } #homePg .ms-caption p { font-size: 1.1rem; color: #303e48; margin-bottom: 1rem; } .ms-skin-default .ms-bullet { width: 8px; height: 8px; background: none; border: 1px solid #FFF; border-radius: 100%; margin: 0 8px !important; } .ms-skin-default .ms-bullet-selected { background-color: #FFF; } .hero-box { position:relative; text-align: center; margin-top: 2rem; margin-bottom: 1.6rem; padding: 0 0.25rem; } .hero-box .row .column, .row .column-block { padding-right: 0.5rem; padding-left: 0.5rem; } .hero-box .row .column-block { margin-bottom: 1rem; } .row .column-block { margin-bottom: 1.6rem; } .hero-box .master-slider:after { position:absolute; top:0; bottom:0; left:0; right:0; content:''; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */ } .feature-tiles { margin-bottom: 1rem; } .feature-tiles>.column>.hero-inspiration { margin-bottom: 1rem; } .hero-box div[class^="hero-"] a { position:relative; display: block; overflow:hidden; } .hero-box div[class^="hero-"] a h2, .reno-list .img-box h2 { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; justify-content: center; flex-direction: column; color:#FFF; line-height:100%; padding: 0 1rem; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align:center; z-index:1; } .hero-box .feature-tiles div[class^="hero-"] a h2, .reno-list .img-box h2 { font-size:3.938rem; } .hero-box .feature-tiles div[class^="hero-"] a h2 span, .reno-list .img-box h2 span { font-size:1.438rem; line-height: 1; } .hero-box div[class^="hero-"] a h2, .reno-list .img-box h2 { font-size:1.063rem; } .ie9 .hero-box div[class^="hero-"] a h2, .ie9 .reno-list .img-box h2 { top:10%; } .ie9 .hero-box div.hero-project a h2 { top:5%; } /* .hero-box div[class^="hero-"] a h2 { position:absolute; left:0; right:0; bottom:0; top:0; text-align:center; color:#FFF; font-size:2.5rem; line-height:100%; margin: auto; height:100%; width:100%; display:table; } @-moz-document url-prefix() { .hero-box div[class^="hero-"] a h2 { top:30%; } .hero-box div.hero-project a h2 { top:25%; } } */ .hero-box div[class^="hero-"] a h2 span, .reno-list .img-box h2 span { display:block; letter-spacing: -0.03rem; } .hero-box div[class^="hero-"] a:before { content:''; position:absolute; top: -0.15rem; bottom: -0.15rem; left: -0.15rem; right: -0.15rem; background-color:rgba(48,62,72,0.5); transition: background-color .6s; mix-blend-mode: multiply; } .hero-box div[class^="hero-"] a:hover:before { background-color:rgba(48,62,72,0.7); transition: background-color .6s; } .owl-carousel { margin-bottom:1.6rem; } .owl-item a { position:relative; display:block; } .owl-item a:before { position:absolute; content:''; top:0; bottom:0; left:0; right:0; background-color:rgba(30,46,56,0.6); z-index: 1; transition: background-color .6s; } .owl-item a:hover:before { background-color:rgba(30,46,56,0.2); transition: background-color .6s; } .owl-item a + a { margin-top:3.4%; } .owl-item a .listing-title { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; justify-content: center; flex-direction: column; color:#FFF; font-size:0.8rem; line-height:100%; padding: 0 2rem; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align:center; z-index:1; } .ie9 .owl-item a .listing-title { top:40%; } .ie9 .owl-item a + a .listing-title { top:30%; } /* .owl-item a .listing-title { position:absolute; left:0; right:0; bottom:0; top:0; text-align:center; color:#FFF; font-size:0.8rem; line-height:100%; margin: auto; padding: 0 2rem; height:100%; width:100%; display:table; z-index: 2; } @-moz-document url-prefix() { .owl-item a .listing-title { top:40%; } .owl-item a + a .listing-title { top:30%; } } */ .owl-item a .listing-title span { margin-bottom:0.7rem; padding-bottom:0.1rem; display:inline-block; border-bottom:1px solid #00ccde; } .owl-item a .listing-title h2 { font-size:1.5rem; line-height: 100%; margin:0; width: 100%; } .how-to-feature a, .blog-feature a, .list-items a { position:relative; } .how-to-feature a .img-box, .blog-feature a .img-box, .list-items a .img-box { position:relative; overflow: hidden; } .how-to-feature a .img-box:before, .blog-feature a .img-box:before, .list-items a .img-box:before { position:absolute; content:''; top:-0.15rem; bottom:-0.15rem; left:-0.15rem; right:-0.15rem; background-color:rgba(0,0,0,0.45); transition:background-color 0.6s; } .how-to-feature a:hover .img-box:before, .blog-feature a:hover .img-box:before, .list-items a:hover .img-box:before, .list-items.no-overlay a .img-box:before { background-color:rgba(0,0,0,0); transition:background-color 0.6s; } .how-to-feature a .listing-title, .blog-feature a .listing-title { position:relative; margin-top: -0.9rem; } .how-to-feature a .listing-title span, .blog-feature a .listing-title span { position: relative; text-align: center; color: #FFF; font-size: 1.063rem; text-transform: uppercase; line-height: 100%; margin: 0 0 1.2rem 0; padding: 0.3rem 2.5rem; display: inline-block; background-color: #00ccde; } .how-to-feature a .listing-title div, .blog-feature a .listing-title div, .list-items a .listing-title div { padding:0 1rem; margin-bottom: 2.4rem; } .how-to-feature a .listing-title h2, .blog-feature a .listing-title h2 { font-size:1.125rem; line-height: 125%; color:#58595b; margin: 0; padding:0; display: inline; border-bottom: 1px solid transparent; transition: border .6s; } .how-to-feature a:hover .listing-title h2, .blog-feature a:hover .listing-title h2 { border-bottom: 1px solid #00CCDE; transition: border .6s; } .advert-h { margin-bottom:2rem; } .advert-v, .advert-v .ms-container { margin-bottom:2rem; } /* .master-slider { margin-bottom:2.2rem !important; } */ .ms-slide .listing-title { position: absolute; z-index: 2; text-align: center; display: block; width: 100%; bottom: 0; } .ms-slide .listing-title span { color: #FFF; font-size: 0.8rem; text-transform: uppercase; line-height: 100%; margin: 0; padding: 0.3rem 2.5rem 0.25rem 2.5rem; display: inline-block; background-color: #00ccde; z-index: 2; bottom: -0.5rem; position: relative; } .ms-slide .listing-title h2 { color:#414042; font-size: 0.9rem; line-height: 110%; margin: 0 0 1rem 0; padding: 0.8rem 0.5rem 0.5rem 0.5rem; display: inline-block; background-color: #FFF; width:60%; } .ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn { background:none; } .ms-skin-default .ms-slide .ms-slide-vpbtn:after, .ms-skin-default .ms-video-btn:after { content:'\e966'; position:absolute; top:0; bottom:0; left:0; right:0; margin: auto; height:4.5rem; color:rgba(255,255,255,1); text-align:center; font-family: 'icomoon' !important; speak: none; font-size: 4.5rem; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition:color .6s; } .ms-skin-default .ms-slide .ms-slide-vpbtn:before, .ms-skin-default .ms-video-btn:before { content: 'Play'; position: absolute; top: 4.2rem; bottom: 0; left: 1.1rem; right: 0; margin: auto; color: rgba(255,255,255,1); text-align: center; line-height: 1; transition: color .6s; font-size: 1.2rem; } .ms-skin-default .ms-slide .ms-slide-vpbtn:hover:after, .ms-skin-default .ms-video-btn:hover:after, .ms-skin-default .ms-slide .ms-slide-vpbtn:hover:before, .ms-skin-default .ms-video-btn:hover:before { color:rgba(0,203,221,0.6); transition:color .6s; } .ms-info { color:#a6a8ab; font-size:0.6rem; line-height:140%; padding-bottom: 0.6rem; } .ms-info h1 { font-size: 1.4rem; margin-bottom: 1rem; } #slideCounter { color:#FFF; font-size:1.2rem; display: block !important; margin: 0.35rem 0 0 0; } .ms-slide-info.ms-dir-h { min-height: 4rem !important; } #projectsDetailPg .stripe3 { margin-bottom: 0; } #projectsDetailPg #footer { margin-top:0; } .detail-view .ms-info { color:#414042; } .detail-view #slideCounter { color:#414042; } .detail-view .ms-slide .listing-title { position: absolute; } .detail-view .listing-title h1 { color:#414042; font-size: 1.35rem; line-height: 125%; margin: 0 0 3.5rem 0; padding: 0; background-color: #FFF; } ul.stats { border:1px solid #dbd5ca; padding:0.2rem 0.8rem; margin:1.6rem 0 2.5rem 0; } ul.stats > li { border-bottom:1px solid #dbd5ca; padding:0.3rem; font-size:0.85rem; line-height:1; } ul.stats > li:last-child { border-bottom:none; } ul.stats > li i { font-size: 3rem; margin: -1rem 1.5rem 1.1rem 0; color: #3e3e3e; position: relative; top: 1rem; } .product-needs h4, .tool-needs h4 { font-size:1.4rem; margin-bottom: 0.6rem; } .product-needs h4 a, .tool-needs h4 a { display:block; } .product-needs h4 i, .tool-needs h4 i { position:absolute; top:0; bottom:0; right:0; left:0; font-size:1.1rem; } .product-needs h4 i:before, .tool-needs h4 i:before { top:0.2rem; right: 0.1rem; position: absolute; } .product-needs ul, .tool-needs ul { margin:0; padding:0; list-style-type:none; } .product-needs ul > li, .tool-needs ul > li { margin: 0; padding: 0.45rem 0.1rem; border-bottom: 1px solid #dbd5ca; line-height: 120%; font-size:0.9rem; } .main-description { margin-top: 0.8rem; } .detail-view .main-description h2, .detail-view .main-description h5 { text-align:center; position:relative; font-size: 1.8rem; margin: 0 0 2rem 0; line-height: 125%; } .detail-view .main-description h5 { font-size: 2.4rem; margin: 4rem 0 0.4rem 0; color:#00ccde; } .detail-view .main-description h5:before { position: absolute; content: ''; display: inline-block; width: 100%; height: 2.8rem; background-color: #f8f7f4; left: 0; top: 0.4rem; z-index: -1; } .detail-view .main-description h5:after { position: absolute; content: ''; display: inline-block; width: 11rem; height: 2.8rem; background-color: transparent; border: 1.5rem solid #FFF; border-right-color: transparent; border-left-color: transparent; left: -2rem; top: 0.4rem; z-index: -1; } /* .detail-view .main-description h5:after { position:absolute; content:''; display:inline-block; width:20%; height:1.4rem; background-color:#f8f7f4; border:0.7rem solid #f8f7f4; border-right-color:#FFF; left:0; top:1.4rem; } */ .detail-view .main-description h5 i, .detail-view .main-description h5 em { font-size: 2.3rem; font-style: normal; line-height: 1.6; margin: 0 0 0 0rem; position: relative; width: 63px; display: inline-block; text-align: center; } .detail-view .main-description h5 i:before, .detail-view .main-description h5 em:before { content: '\e95e'; position: absolute; top: -0.5rem; left: 0rem; margin: auto; width: 100%; color: #00ccde; text-align: center; font-family: 'icomoon' !important; speak: none; font-size: 3.7rem; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .detail-view .main-description blockquote { margin: 4rem 0 5rem 0; padding: 2.5rem 0.8rem 1.5rem 0.8rem; border:2px dashed #b2f0f5; color: #303e48; font-size:1.3rem; line-height:145%; position:relative; } .detail-view .main-description blockquote p { color: #303e48; font-size:1.3rem; } .detail-view .main-description blockquote:before { position:absolute; content:'TIP'; display:inline-block; padding:0.25rem 1rem 0.15rem 1rem; background-color:#303e48; color:#FFF; font-size:0.9rem; line-height: 1.5; letter-spacing:0.08rem; top:-0.9rem; left:0.8rem; } .detail-view .main-description blockquote.tip-from-kyal, .detail-view .main-description blockquote.tip-from-kara { padding: 2.5rem 0.8rem 7.5rem 0.8rem; } .detail-view .main-description blockquote.tip-from-kyal:before { content:'TIP FROM KYAL'; } .detail-view .main-description blockquote.tip-from-kara:before { content:'TIP FROM KARA'; } .detail-view .main-description blockquote.tip-from-kyal:after, .detail-view .main-description blockquote.tip-from-kara:after { position:absolute; content:''; display:inline-block; background-image:url("/Assets/gfx/signature-gfx-kyal.png"); background-size:cover; width:72px; height:100px; bottom:1rem; right:0.8rem; } .detail-view .main-description blockquote.tip-from-kara:after { background-image:url("/Assets/gfx/signature-gfx-kara.png"); } /* 111 x 156 */ .latest-items { margin-bottom: -2.5rem; } a.adspace-ad { margin: 2rem 0; display: block; } /* NEW BREADCRUMBS */ .breadcrumbs { margin: 1rem 0 2rem 0; } .breadcrumbs li { text-transform: none; } .breadcrumbs li a, .breadcrumbs li a:visited { color: #929497 !important; border-bottom: 1px solid #cfd2d6; padding: 0 0 2px 0; margin-right: 0.8rem; } .breadcrumbs li a:hover, .breadcrumbs li a:focus, .breadcrumbs li a:active { text-decoration:none; } .breadcrumbs li:not(:last-child)::after { display:none; } /* RENO SERIES */ a.reno-series-item p { font-size: 0.6rem; line-height: 1.4; color: #58595b; margin-bottom:0; } a.reno-series-item:hover p, a.reno-series-item:focus p, a.reno-series-item:active p { color: #58595b; } a.reno-series-item p span, a.reno-series-item:hover p span, a.reno-series-item:focus p span, a.reno-series-item:active p span { color: #00ccde; } a.reno-series-item .rs-img { position:relative; display: block; overflow: hidden; } a.reno-series-item .rs-img:before { content:''; position:absolute; top: -0.15rem; bottom: -0.15rem; left: -0.15rem; right: -0.15rem; background-color:rgba(48,62,72,0.5); transition: background-color .6s; mix-blend-mode: multiply; } a.reno-series-item:hover .rs-img:before { background-color:rgba(48,62,72,0); transition: background-color .6s; } a.reno-series-item .rs-img .overlay { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; justify-content: center; flex-direction: column; color:#FFF; line-height:100%; padding: 0 1rem; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align:center; z-index:1; } .rs-play-control { font-size: 1rem; } .rs-play-control i { font-size: 4rem; margin-bottom: 0.4rem; } .rs-img { margin-bottom:1rem; } .reno-series-item h6 { font-size: 0.85rem; margin:0 0 0.4rem 0; color:#00ccde; } .reno-series-item h2 { font-size: 1.3rem; margin:0 0 2.2rem 0; } .detail-view .main-description .reno-series-partners h3 { margin: 1rem 0 1.4rem 0; } .detail-view .main-description .reno-series-partners h5 { margin: 2rem 0 2rem 0; } .detail-view .main-description .reno-series-partners h5:before { background-color: #FFF; } .home-list { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } .home-list .column-block { margin-bottom: 1.6rem; float: none; width: auto; flex: 0 0 33.333%; } .home-list .column-block:last-child { display:none; } /* GENERAL LANDING */ .img-header .header-text { color:#FFF; font-size: 3rem; padding: 0.7rem 0; } /* LISTING ITEMS */ .row.list-items { margin-bottom: 2rem; } .list-items a .img-box { margin-bottom:0.8rem; } .list-items a .listing-title { line-height: 1.2; } .list-items a .listing-title span { font-size: 0.9rem; margin:0; color: #00ccde; } .list-items a .listing-title div { margin-bottom:0; } .list-items a .listing-title div h2, .list-items a:visited .listing-title div h2 { font-size: 0.9rem; line-height: 1.4; color: #58595b; margin: 0; } .list-items a:hover .listing-title div h2, .list-items a:focus .listing-title div h2, .list-items a:actuve .listing-title div h2 { color: #58595b; } #loadMore i, #loadMoreBlog i { font-size: 1.2rem; margin-bottom: 3px; } .detail-view .stripe3 { padding-top: 0; } .detail-pg-actions { margin-bottom: 2.8rem; } .img-header + .row > .column h6 { margin-top: 2rem; } /* BLOG ************************************************************************************/ .blog-post h1 { margin:2.2rem 0 1.2rem 0; font-size:1.2rem; } .blog-post .blog-date { margin:0 0 1rem 0; font-size:0.94rem; color:#a6a8ab; letter-spacing: 0.05rem; } .blog-post .image-caption { margin: 0.5rem 0 1.8rem 0; } .blog-tags a, .blog-shares a { color:#bbbdbf; font-size:0.85rem; } .blog-tags h6, .blog-shares h6 { color:#58595b; font-size:0.85rem; margin:0 0 0.2rem 0; padding:0.8rem 0 0.5rem 0; border-top:2px solid #e7e3dc; } a#nextpage { display:none !important; } /* ADDTHIS */ .detail-view .addthis_sharing_toolbox { margin:2.5rem 0 2.2rem 0; } .addthis_sharing_toolbox > div > a.at-share-btn { max-width: 30px !important; max-height: 30px !important; } .addthis_sharing_toolbox > div > a.at-share-btn > .at-icon-wrapper { border-radius: 50%; padding: 5px; width: 30px !important; height: 30px !important; line-height: 30px !important; } .blog-shares .addthis_sharing_toolbox > div > a.at-share-btn { display: block; margin-bottom: 0.3rem !important; } .blog-shares .addthis_sharing_toolbox > div > a.at-share-btn.at-svc-compact { display: inline-block; margin-top: 0 !important; } /* MOOD BOARD DETAIL */ #inspirationDetailPg #masterslider .ms-slide .column { position:relative; } #inspirationDetailPg #masterslider .ms-slide a { display:block; width:100%; height:100%; } #inspirationDetailPg #masterslider .ms-slide a:before { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(30,46,56,0); z-index: 1; transition: background-color .6s; } #inspirationDetailPg #masterslider .ms-slide a:hover:before { background-color: rgba(30,46,56,0.6); transition: background-color .6s; } #inspirationDetailPg #masterslider .ms-slide a > div { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; justify-content: center; flex-direction: column; color:#FFF; font-size:0.8rem; line-height:100%; padding: 0 2.5rem; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align:center; z-index:1; } .ie9 #inspirationDetailPg #masterslider .ms-slide a > div { top:30%; } /* #inspirationDetailPg #masterslider .ms-slide a div { position: absolute; left: 0; right: 0; bottom: 0; top: 0; text-align: center; color: #FFF; font-size: 0.8rem; line-height: 100%; margin: auto; padding: 0 3rem; width: 100%; display: table; z-index: 2; box-sizing: border-box; } */ #inspirationDetailPg #masterslider .ms-slide a > div span { font-size:1.1rem; padding-bottom:0.1rem; line-height: 1.9rem; border-bottom:1px solid rgba(0,204,222,0); color:rgba(255,255,255,0); transition: all .6s; } #inspirationDetailPg #masterslider .ms-slide a:hover > div span { border-bottom:1px solid rgba(0,204,222,1); color:rgba(255,255,255,1); transition: all .6s; } .swatches { background:#FFF; text-align: center; display:block; height:100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; justify-content: center; } /* .swatches div { position: absolute; left: 0; right: 0; bottom: 0; top: 0; text-align: center; font-size: 0.8rem; line-height: 100%; margin: auto; padding: 0 3rem; width: 100%; display: table; z-index: 2; box-sizing: border-box; } */ .swatches i { display: block; font-size: 160%; margin: 0.4rem 0; } #inspirationDetailPg .swatches i { display: inline-block; font-size: 290%; margin: 0.4rem; } #inspirationDetailPg .stripe3 { padding-bottom: 1.6rem; } /* .interview-question, .interview-answer { color:#000; font-size: 0.9rem; display:inline-block; margin-right:0.4rem; } .interview-answer { font-size: 1rem; color:#00ccde; } */ /* INSTAGRAM and TWITTER FEED */ #followCarousel { margin-bottom: 2rem; } #followCarousel a { height:180px; overflow:hidden; background-color: #eae8e5; border-radius:4px; } #followCarousel .owl-item a:before { background-color: rgba(255,255,255,0); z-index:2; } #followCarousel .owl-item a:hover:before { background-color: rgba(255,255,255,0.9); } .instafeed-details { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 5; opacity:1; transition:opacity .6s; color:#303E48; font-size:0.8rem; line-height:1rem; } #followCarousel a:hover .instafeed-details { opacity:1; transition:opacity .6s; } #followCarousel .icon-instagram, #twitterCarousel .icon-twitter { position: absolute; top: 1rem; right: 1rem; color: rgba(146,148,151,1); z-index: 1; font-size: 1.4rem; } .instafeed-likes { position: absolute; bottom: 0.5rem; right:1rem; color: #58595B; } .instafeed-comments { position: absolute; bottom: 0.5rem; left: 1rem; color: #58595B; } .instafeed-caption { position: absolute; bottom: 2.2rem; left: 1rem; right: 1rem; } .instafeed-sub-link { display:none; } .tweet-box { height:200px; overflow:hidden; background-color: #00CCDE; border-radius:4px; color:#FFF; font-size:0.8rem; } .tweet-box p { margin:0; line-height:1rem; } .owl-carousel .owl-item .tweet-box p img { width: 20px; display: inline-block; } .tweet-box p a { color:rgba(48,62,72,0.7); display:inline; } .tweet-box p a:before { display:none; } .tweet-box p a:hover { color:rgba(255,255,255,0.7); } .tweet-box .tweet { position:absolute; bottom:2rem; left:1rem; right:1rem; overflow:hidden; padding-top: 2rem; } .tweet-box .timePosted { position:absolute; bottom:0.5rem; left:1rem; right:1rem; } #twitterCarousel .icon-twitter { color: rgba(48,62,72,0.7); } /*.tweet-box .timePosted a:before { content:''; position:absolute; display:block; width:22px; height:22px; color:rgba(48,62,72,0.7); text-align:center; font-family: 'icomoon' !important; speak: none; font-size: 4.5rem; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 34px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition:color .6s; }*/ /* GENERAL STYLE REFERENCE ******************************************************/ /* Globals Reference: Colors: Deep Blue #303E48 rgba(48,62,72,1) Blue/Aqua #00CCDE rgba(0,204,222,1) Med Grey #58595B rgba(88,89,91,1) Lt Grey #929497 rgba(146,148,151,1) */ /* INSPIRATION IMG GRID ********************************************************************/ .img-grid .column {box-sizing: border-box;} .img-grid .h100 {height:100%;} .img-grid .h90 {height:90%;} .img-grid .h85 {height:85%;} .img-grid .h80 {height:80%;} .img-grid .h70 {height:70%;} .img-grid .h60 {height:60%;} .img-grid .h50 {height:50%;} .img-grid .h40 {height:40%;} .img-grid .h30 {height:30%;} .img-grid .h20 {height:20%;} .img-grid .h15 {height:15%;} .img-grid .h10 {height:10%;} .img-grid .bt {border-top:4px solid #FFF;} .img-grid .br {border-right:4px solid #FFF;} .img-grid .bb {border-bottom:4px solid #FFF;} .img-grid .bl {border-left:4px solid #FFF;} #inspirationDetailPg .img-grid .bt {border-top:20px solid #f0f1f1;} #inspirationDetailPg .img-grid .br {border-right:20px solid #f0f1f1;} #inspirationDetailPg .img-grid .bb {border-bottom:20px solid #f0f1f1;} #inspirationDetailPg .img-grid .bl {border-left:20px solid #f0f1f1;} .new-swatch { margin-top:20px; background-color:#FFF; } .new-swatch > .column { display: block; height: 13rem; } .new-swatch a { height: 100%; display: block; } .new-swatch .swatch-item { position: relative; height: 100%; -webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,0); -moz-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,0); box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,0); transition:all .6s; } .new-swatch a:hover .swatch-item { -webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1); box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1); } .new-swatch .swatch-item p { color: #58595b; background-color: #FFF; padding: 1rem 1rem 1rem 1rem; margin-bottom: 0; line-height: 1.3rem; position: absolute; bottom: 0; width: 100%; font-size: 0.9rem; } .new-swatch a:hover .swatch-item p { color: #2f2f2f; } .new-swatch .swatch-item p span { border-bottom: 1px solid transparent; transition:border .6s; } .new-swatch a:hover .swatch-item p span { border-bottom: 1px solid #00CCDE; } /* MODALS */ .reveal-overlay { background-color: rgba(48,62,72,0.9); } .reveal button.close-button { background: none; font-size: 0.9rem; padding: 0.6rem 0; } .reveal#popupComp { border: none; background-color: #FFF; box-shadow:0px 3px 15px rgba(0,0,0,1); } .reveal#popupComp h1 { color:#00CCDE; font-size: 4rem; margin: 2rem 0 -2rem 0; } .reveal#popupComp h3 { font-size: 2.3rem; margin: 0.8rem 0 1.4rem 0; } .reveal#popupComp label { color: #929292; margin-top: 2rem; font-size: 1rem; } .reveal#popupComp input { padding-left: 0; border-bottom: 1px solid #CCC; } .reveal#popupComp textarea { border: 1px solid #CCC; } .reveal#popupComp small { display: inline-block; margin-bottom: 0.5rem; } .reveal#popupComp .system-message { margin: 0; color:#00CCDE; } /* Comp Popup Styles */ .reveal#popupCompiRobot .comp-img { height: 140px; margin: -2rem; margin-bottom:2rem; background:url(/images/kandk-irobot-comp-2017.jpg); background-size:cover; } .reveal#popupCompiRobot button.close-button { color:#000; font-size:1.2rem; } .reveal#popupCompiRobot label { color:#929497; line-height: 1; } .reveal#popupCompiRobot [type='text'] { border:none; border-bottom:1px solid #cdced0; border-radius:0; } .reveal#popupCompiRobot textarea { border-bottom:1px solid #cdced0; border-radius:0; padding:1.2rem; } .reveal#popupCompiRobot [type='text']:active, .reveal#popupCompiRobot [type='text']:focus { border-bottom:1px solid #58595b; } .reveal#popupCompiRobot textarea:active, .reveal#popupCompiRobot textarea:focus { border-bottom:1px solid #58595b; } .reveal#popupCompiRobot button[type='submit'] { border:none; border-radius:0; background:#ff7e82; color:#FFF; } .reveal#popupCompiRobot button[type='submit']:hover, .reveal#popupCompiRobot button[type='submit']:focus, .reveal#popupCompiRobot button[type='submit']:active { border:none; background:#ec6065; color:#FFF; } .reveal#popupCompiRobot .terms-link { display:block; margin-top:0.8rem; } /* Comp Popup Styles */ .reveal#popupCompKidsBed .comp-img { height: 140px; margin: -2rem; margin-bottom:2rem; background:url(/images/kidsbed-comp-med.jpg); background-size:cover; background-position: top right; } .reveal#popupCompKidsBed button.close-button { color:#000; font-size:1.2rem; } .reveal#popupCompKidsBed label { color:#929497; line-height: 1; } .reveal#popupCompKidsBed [type='text'] { border:none; border-bottom:1px solid #cdced0; border-radius:0; } .reveal#popupCompKidsBed textarea { border-bottom:1px solid #cdced0; border-radius:0; padding:1.2rem; } .reveal#popupCompKidsBed [type='text']:active, .reveal#popupCompKidsBed [type='text']:focus { border-bottom:1px solid #58595b; } .reveal#popupCompKidsBed textarea:active, .reveal#popupCompKidsBed textarea:focus { border-bottom:1px solid #58595b; } .reveal#popupCompKidsBed button[type='submit'] { border:none; border-radius:0; background:#ff7e82; color:#FFF; } .reveal#popupCompKidsBed button[type='submit']:hover, .reveal#popupCompKidsBed button[type='submit']:focus, .reveal#popupCompKidsBed button[type='submit']:active { border:none; background:#ec6065; color:#FFF; } .reveal#popupCompKidsBed .terms-link { display:block; margin-top:0.8rem; } .reveal#popupCompKidsBed .comp-fav-renos input[type='radio'] { display:none; } .reveal#popupCompKidsBed .comp-fav-renos p { line-height:1rem; } .reveal#popupCompKidsBed .comp-fav-renos label a { color: #00CCDE; } .reveal#popupCompKidsBed .comp-fav-renos label:hover img { border: 6px solid rgba(255,126,130,.5); margin-bottom:-4px; cursor:pointer; } .reveal#popupCompKidsBed .comp-fav-renos label.selected img { border: 6px solid rgba(255,126,130,1); margin-bottom:-4px; } /* General Subscription Popup */ .popup-general-wrapper { text-align: center; position: fixed; bottom: 0.5rem; width: 100%; z-index: 99; } .popup-general { position: relative; width: 95%; max-width: 920px; background: #303e48; margin: 0 auto; padding: 0 0.6rem 0.6rem 0.6rem; color: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.8); } .popup-general a.pop-close { position: absolute; top: 0.4rem; right: 0.4rem; color: #FFF; padding: 0 0.2rem; transition:color .3s; } .popup-general a.pop-close:hover { color:#00ccde; } .popup-general .title { font-size: 0.85rem; margin: 0.4rem 0 0.6rem 0; } .popup-general .title strong { color:#00ccde; font-size:2.6rem; margin-right:0.4rem; position: relative; bottom: -0.3rem; } .popup-general form input[type=email] { border: none; border-bottom: 1px solid #FFF; color: #FFF; background-color: transparent; padding: 0.5rem 0; height: 1.7rem; font-size: 0.85rem; } .popup-general form button { border: 1px solid #FFF; color: #FFF; background-color: transparent; padding:0.5rem 0; line-height: 0.8; font-size: 0.85rem; } .popup-general form button:hover, .popup-general form button:active, .popup-general form button:focus { background-color: rgba(255,255,255,0.1); } .popup-general .system-message { margin: 0; } .popup-general .system-message h5 .hide { display:inline !important; } .popup-general .system-message h5 { font-size:0.9rem; } /* ECOMM ************************************************************************************/ .stripe.shop-info-bar { padding: 1.4rem 0 .8rem 0; background: #fafafa; margin-bottom: -2.5rem; margin-top: 4rem; } .stripe.shop-info-bar i { color: #79ac62; font-size: 3rem; margin-bottom: 0.4rem; } .stripe.shop-info-bar p { font-size:0.6875rem; margin-bottom: 0.2rem; line-height: 1.2; } .stripe.shop-info-bar .column { margin-bottom:1rem; } /* CAT LIST */ ul.cat-list li { margin-bottom:0.8rem;; } ul.cat-list li a { position:relative; display:block; height: 100%; } ul.cat-list li a > h3, ul.cat-list li a:visited > h3 { color:rgba(32,32,32,1); transition:color 0.3s; font-size: 1.1rem; padding:0 0.4rem; } ul.cat-list li a:hover > h3 { color:rgba(209,163,44,1); } ul.cat-list li .image { text-align: center; overflow: hidden; background: #FFF; vertical-align: middle; border:1px solid #c4c6c8; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition:border .6s; } ul.cat-list li a:hover .image { border:1px solid #95989b; } ul.cat-list li .image img { margin: 0 auto; } /* PROD LIST */ ul.prod-list { margin-top: 0.4rem; } ul.prod-list li { margin-bottom:1.2rem; padding-left: 0.5rem; padding-right: 0.5rem; } ul.prod-list li a { position:relative; display:block; height:100%; } ul.prod-list li a h5 { color:rgba(32,32,32,1); transition:color 0.3s; margin-top: 0.4rem; margin-bottom: 0.2rem; font-size: 0.9rem; padding:0 0.5rem; } ul.prod-list li a:hover h5 { color:rgba(209,163,44,1); } ul.prod-list li .image { text-align: center; background: #FFF; vertical-align: middle; border:1px solid #c4c6c8; margin-bottom: 1.2rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition:border .6s; } ul.prod-list li a:hover .image { border:1px solid #95989b; } ul.prod-list li .image img { margin: 0 auto; } ul.prod-list li .success.label { position: absolute; right: 0.6rem; top: 0.6rem; background: #ff7e82; color: #FFF; font-size: 0.7rem; border-radius: 2px; text-transform:uppercase; } ul.prod-list li p { margin-bottom: 0.6rem; font-size: 0.94rem; line-height: 1.2; color:#58595b; transition:color .6s; } ul.prod-list li .list-price { font-size:0.8125rem; color:#58595b; } ul.prod-list li .list-price strong { color:#ff7e82; } ul.prod-list li a:hover p { color:#45464a; } ul.prod-list li a:hover .list-price { color:#58595b; } /* PROD DETAIL */ .shop-detail h1 { font-size:1.25rem; } .shop-detail h4 { line-height: 0.9; margin: 0 0 1.8rem 0; color:#929497; } .shop-detail h4 small { color:#929497; font-size: 0.85rem; letter-spacing: -0.02rem; } .shop-detail h5 { font-size: 1rem; margin: 0.2rem 0; display: none; } .shop-detail .prod-title-area strong { color:#ff7e82; } .shop-detail .prod-img-cell { margin-bottom: 1.8rem; border: 1px solid #c4c6c8; } .productAttributes { margin-top: 1.4rem; } .prod-qty-input { position: relative; } .prod-qty-input:before { content: 'Qty'; position: absolute; top: 7px; left: 8px; } .productTextInput { padding-left: 3.5rem; } .button.add-to-cart, #catshopbuy, .button.purchase { color: #FFF; background-color: #303e48; border-radius: 2px; } .button.add-to-cart:hover, .button.add-to-cart:focus, .button.add-to-cart:active, #catshopbuy:hover, #catshopbuy:focus, #catshopbuy:active, .button.purchase:hover, .button.purchase:focus, .button.purchase:active { background-color: #ff7e82; } .button.purchase i { font-size: 2.2rem; margin-top: -4px; } /* Orbit for product images */ .productLarge .orbit-container { overflow: visible; } .productLarge .orbit-slide > div { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .productLarge .orbit-slide > div > img { margin: 0 auto; } .productLarge .orbit-next, .productLarge .orbit-previous { padding: 0.4rem; color: #c4c6c8; background-color: transparent; font-size: 1.6rem; } .productLarge .orbit-next { right: -3rem; } .productLarge .orbit-previous { left: -3rem; } .row.orbit-bullets { padding: 0 0.45rem; } .row.orbit-bullets .column-block { margin-bottom:1rem; } .productLarge .orbit-bullets button { width: auto; height: auto; margin: 0; border-radius: 0; background-color: transparent; border: 1px solid #ccc; padding: 0; cursor:pointer; } /* CART */ .shop-cart { padding: 0 0.8rem; } .shop-cart a.button.no-style, #catCartDetails a.button.no-style { margin: 1.4rem 0 1rem -1.5rem; } .shop-cart h4, #catCartDetails h4 { margin: 1.2rem 0 1.2rem 0; font-size: 1.1rem; } a.cart-prod-thumb { border: 1px solid #c4c6c8; display: inline-block; margin-bottom: 1.2rem; } a.cart-prod-thumb:hover { border: 1px solid #95989b; } .cart-prod-title { padding-bottom:1.4rem; } .cart-prod-price { margin-top:0.4rem; } a.cartLink { background: transparent; display: block; text-align: center; padding: 8rem 0; } .cart-prod-item { position:relative; margin-bottom: 1rem; } .cart-prod-item sup { top: -0.3em; } .cart-prod-item a.button { padding: 0.6rem 0; } a.cart-prod-remove { position:absolute; top:-1rem; right: 1rem; color: rgba(255,0,0,0.4); } a.cart-prod-remove:hover, a.cart-prod-remove:active, a.cart-prod-remove:focus { color: rgba(255,0,0,1); } .shop-box, #catCartDetails fieldset { border:1px solid #dedfe0; margin-bottom: 1rem; border-radius: 3px; } #catCartDetails fieldset { padding: 1rem; margin-bottom: 1.6rem; } .shippingDiv { margin-top: 1rem; } .shippingDiv span { display:none; } .shop-cart dl { margin-bottom:1.6rem; } .shop-cart dl dt { font-weight: 400; } .shop-cart dd { float: right; width: 30%; text-align: right; } .shop-cart dt { float: left; width: 60%; text-align: right; } .cart-totals dt, .cart-totals dd { margin: 0; padding: 0.8rem 0 0 0; } .shop-cart .input-group { margin-bottom: 2rem; } .shop-cart .input-group-label { padding: 0 2rem; border: 1px solid #303e48; background: #303e48; color: #FFF; border-radius: 0 3px 3px 0; } .shop-cart .input-group-label i { font-size: 2rem; margin: -0.4rem 0.4rem 0 -0.6rem; } .bc-security { margin-bottom: 1rem; } #eWAYBlock { margin-bottom: 1rem; } .order-receipt h1 { font-size: 6rem; color: #00ccde; margin: 3rem 0; } /* MEDIA QUERIES ***************************************************************************/ /* Screen only print fix */ @media only screen { .show-for-print {display:none;} } /************___________________________________________________________*/ /* Very Small only */ /* 350px and down */ @media screen and (max-width: 21.88em) { .site-footer .social-nav a span { display:none; } } /************___________________________________________________________*/ /* Small only */ /* 641px and down */ @media screen and (max-width: 39.9375em) { .wrapper > .row, .detail-view > .row, .sub-footer, .site-footer, .stripe3 { padding-left: 0.6rem; padding-right: 0.6rem; } #at-image-sharing-tool.in-slider.i-s-true, #at-image-sharing-tool.in-slider.active { top: 2rem !important; left: 0.5rem !important; right:auto !important; display:block !important; } .tools-hide { display:none; } #followCarousel .owl-item a:before { background-color: rgba(255,255,255,0.85); top:auto; height:35px; } .instafeed-caption { display:none; } .ms-view { overflow: visible; margin-bottom: 13rem; } .detail-view .ms-view { margin-bottom: 2rem; } .ms-slide .ms-slide-layers { top: 100%; } .ms-slide .ms-layer { width: 100%; top: 0% !important; } .detail-view .main-description h5:before, .detail-view .main-description h5:after { display:none; } .shop-detail .addthis_sharing_toolbox { text-align: center; } .shop-detail .prod-img-cell { margin-left: 3rem; margin-right: 3rem; } .reveal#popupCompiRobot .comp-img { margin-bottom: 1.2rem; } .reveal#popupCompiRobot p.lead { font-size: 0.85rem; line-height: 1.3; } .reveal#popupCompiRobot textarea { height: 100px; min-height: 100px; padding: 0.6rem; font-size: 0.9rem; } .reveal#popupCompiRobot button[type='submit'] { margin-bottom: 0; } .reveal#popupCompKidsBed .comp-img { margin-bottom: 1.2rem; } .reveal#popupCompKidsBed p.lead { font-size: 0.85rem; line-height: 1.3; } .reveal#popupCompKidsBed textarea { height: 100px; min-height: 100px; padding: 0.6rem; font-size: 0.9rem; } .reveal#popupCompKidsBed button[type='submit'] { margin-bottom: 0; } } /* Up Small 1 */ /* 380px and up */ @media screen and (min-width: 23.75em) { .swatches i { font-size: 230%; margin: 0.3rem 0; } .owl-item a .listing-title { font-size:0.9rem; } .owl-item a .listing-title h2 { font-size: 1.7rem; } } /* Up Small 2 */ /* 480px and up */ @media screen and (min-width: 30em) { .swatches i { font-size: 290%; margin: 0.6rem 0; } #inspirationDetailPg .swatches i { font-size: 360%; margin: 0.9rem; } } /* Up Small 3 */ /* 580px and up */ @media screen and (min-width: 36.25em) { .swatches i { font-size: 360%; margin: 0.6rem 0; } } /*___________************************************************************/ /* Medium and up */ /* 641px and up */ @media screen and (min-width: 40em) { .row, .top-bar .contain-to-grid { max-width:1024px; /* 1200px is F5 default */ } .contain-to-grid { margin:0 auto; } .top-bar { padding: 0 2rem; } .top-bar input { width: 230px; } .top-bar input[type="search"] { width: 230px; } h1.heading-special { font-size:6rem; margin: 0 0 2rem 0; line-height: 90%; } h2 { font-size: 2.375rem; margin: 2.5rem 0 2rem 0; } h2.header-special { font-size:1.313rem; } h2.header-special:before, h2.header-special:after { height: 2px; } h3 { font-size:2.3rem; margin:2rem 0 2rem 0; } h5 { font-size: 1.4rem; } .img-header .header-text { font-size: 5rem; } .stripe.brand-nav { margin-bottom:3.5rem; } .stripe2 { padding: 2.5rem 0; } .stripe2 > .row > .column { padding-left:0.9375rem; padding-right:0.9375rem; } .stripe2 + .row { margin-top: 3.2rem; } .stripe2 + .row + .row { margin-top:0rem; } .stripe3 { margin: 0 0 3.5rem 0; padding: 2.4rem 0 1.2rem 0; } .tabs-content .heading h1 { font-size: 3.2rem; margin: 3rem 0 2.4rem 0; } .feature-tiles { margin-bottom: 0; } #homePg .ms-caption h2 { font-size: 4rem; color: #FFF; margin: 1rem 0 0.8rem 0; } #homePg .ms-caption p { color: #FFF; } .hero-box .feature-tiles div[class^="hero-"] a h2, .reno-list .img-box h2 { font-size:2.813rem; } .hero-box .feature-tiles div[class^="hero-"] a h2 span, .reno-list .img-box h2 span { font-size:1.063rem; } .hero-box div[class^="hero-"] a h2, .reno-list .img-box h2 { font-size:0.75rem; } .owl-carousel { margin-bottom:2.8rem; } .owl-item a .listing-title { font-size:0.9rem; } .how-to-feature .more-link a { margin-top: 2.4rem; margin-left: -2rem; } .blog-feature .more-link a { margin-top: 2.6rem; margin-left: -0.3rem; } .social-nav .menu>li:not(.menu-text)>a { padding: 0 0 0.8rem 0; } .sub-footer { padding:3rem 0 1.3rem 0; } .sub-footer label { font-size:1.2rem; margin:0.25rem 0 0 0; text-align:left; } .sub-footer input#EmailAddress { margin-bottom:1.5rem; margin-right:1rem; font-size:1.3rem; } .sub-footer button[type="submit"] { font-size:1rem; padding: 0.8rem 0 0.6rem 0; } .site-footer h6 { font-size:1.2rem; margin:1.6rem 0 0.8rem 0; } .site-footer .copyright { font-size:0.8rem; } #footer { margin-top:6.5rem; } .brand-nav .menu { padding-bottom: 0rem; } .brand-nav .menu li { display:inline-block; padding:0 1.4rem; } .brand-nav .menu li a { font-size:1.2rem; padding:1.9rem 0 1.5rem 0; border-bottom:6px solid transparent; letter-spacing: -0.04rem; } .brand-nav .menu li a:hover, .brand-nav .menu li a:active, .brand-nav .menu li a:focus { border-bottom:6px solid rgba(0,204,222,0.5); } .brand-nav .menu li.active a { border-bottom:6px solid rgba(0,204,222,1); } #inspirationPg .brand-nav .menu li { padding:0 1rem; } #inspirationPg .brand-nav .menu li a { font-size:1.1rem; letter-spacing: -0.05rem; } .advert-h { margin-bottom:2.5rem; } .advert-v, .advert-v .ms-container { margin-bottom:2.5rem; } .detail-view .ms-container { margin-bottom: 1.5rem; } .ms-view { margin-bottom: 0rem; } #homePg .ms-view { margin-bottom: 0rem; } .ms-caption .button.hollow, .ms-caption button.hollow { border: 1px solid #FFF; color: #FFF; } .ms-caption .button.hollow:hover, .ms-caption .button.hollow:focus, .ms-caption .button.hollow:active, .ms-caption button.hollow:hover, .ms-caption button.hollow:focus, .ms-caption button.hollow:active { border: 1px solid #FFF; color: #FFF; background-color:rgba(255,255,255,0.1); } .ms-slide .listing-title span { font-size: 1rem; padding: 0.4rem 2.5rem 0.35rem 2.5rem; bottom: -0.5rem; } .ms-slide .listing-title h2 { font-size: 1.1rem; line-height: 130%; margin: 0 0 2rem 0; padding: 1.4rem 1rem 1.1rem 1rem; width:55%; } .ms-skin-default .ms-slide .ms-slide-vpbtn:after, .ms-skin-default .ms-video-btn:after { height:6rem; font-size: 6rem; margin-left:-1rem; } .ms-skin-default .ms-slide .ms-slide-vpbtn:before, .ms-skin-default .ms-video-btn:before { top: 5rem; left: 0.8rem; font-size: 1.4rem; } .ms-info { font-size:0.9rem; line-height:150%; } #slideCounter { font-size:1.6rem; letter-spacing: 0.2rem; } .ms-nav-prev, .ms-nav-next { width:4rem; margin-top:0.8rem; position:relative; display: inline-block; float: right; cursor:pointer; transition: all .6s; background-color: transparent; } .ms-nav-prev:before, .ms-nav-next:before { content:'\e901'; position:absolute; top:0; bottom:0; left:0; right:0; margin: auto; height:34px; color:#00ccde; text-align:center; font-family: 'icomoon' !important; speak: none; font-size: 3rem; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 34px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition:color .6s; } .ms-nav-prev:before { content:'\e901'; } .ms-nav-next:before { content:'\e902'; } .row.comments { margin-top:0.8rem; } .detail-view .listing-title h1 { font-size: 1.875rem; line-height: 135%; } ul.stats { padding: 0.9rem 0.2rem; } ul.stats > li { border-bottom:none; border-right:1px solid #dbd5ca; } ul.stats > li:last-child { border-bottom:none; border-right:none; } ul.stats > li i { margin: -1.7rem 0.2rem 0.2rem 0; float: left; white-space: nowrap; } .product-needs h4, .tool-needs h4 { font-size:1.6rem; } .detail-view .main-description h2 { font-size: 2rem; line-height: 100%; padding: 0 0 0.2rem 0.6rem; margin: -3.1rem 0 3rem 9.45rem; background: #f8f7f4; } .detail-view .main-description blockquote { margin: 4rem 0 7rem 0; padding: 2.5rem 2rem 2.5rem 2rem; font-size:1.4rem; line-height:155%; } .detail-view .main-description blockquote p { font-size:1.4rem; } .detail-view .main-description blockquote:before { padding:0.3rem 1rem 0.25rem 1rem; font-size:1rem; top:-1rem; left:2rem; } .detail-view .main-description blockquote.tip-from-kyal, .detail-view .main-description blockquote.tip-from-kara { padding: 2.5rem 10rem 3.5rem 2rem; } .detail-view .main-description blockquote.tip-from-kyal:after, .detail-view .main-description blockquote.tip-from-kara:after { width:111px; height:156px; bottom:auto; right:2rem; top:2.5rem; } .latest-items { margin-bottom: -6.5rem; } .latest-items h2 { margin-top: 0rem; } .detail-view .latest-items .more-link a { margin-top: -0.1rem; } .advert-bottom { margin-top:2.5rem; } .detail-view .main-description h2, .detail-view .main-description h5 { text-align: left; } .detail-view .main-description h5:after { width: 11.5rem; left: -2rem; } .blog-post h1 { margin:3.4rem 0 1.9rem 0; font-size:1.45rem; } .blog-post .blog-date { margin:0 0 1.2rem 0; font-size:1.2rem; } .blog-post .image-caption { margin: 0.8rem 0 3rem 0; } .blog-tags a, .blog-shares a { font-size:1rem; } .blog-tags h6, .blog-shares h6 { font-size:1rem; margin:0 0 0.2rem 0; padding:1rem 0 0.5rem 0; } .blog-shares h6 { margin-top:2rem; } .swatches i { font-size: 400%; margin: 0.8rem 0; } #at-image-sharing-tool.in-slider.i-s-true, #at-image-sharing-tool.in-slider.active { top: 9rem !important; right: 4% !important; left: auto !important; } #followCarousel a { height:220px; } .instafeed-details { font-size:0.8rem; line-height:1.2rem; opacity:0; } .tweet-box { height:250px; font-size:0.9rem; } .tweet-box .tweet { bottom:3rem; padding-top:3rem; } .tweet-box p { line-height:1.2rem; } .reveal#popupComp { padding-left: 25%; width:70%; } .reveal#popupComp:after { content:''; position:absolute; top:0; bottom:0; left:0; right: 66%; background: url('/images/competition-popup.jpg') no-repeat center center; background-size: cover; } .reveal#popupCompKidsBed .comp-img { height: 370px; } .reveal { width: 80% !important; } .popup-general-wrapper { bottom: 1.4rem; } .popup-general form { margin-top: 2.6rem; margin-right: 2.5rem; } .popup-general .title strong { font-size: 3.2rem; margin-right: 0; bottom: -0.6rem; } .popup-general form input[type=email] { height: 2.4rem; font-size: 0.9rem; } .popup-general form button { padding:0.7rem 0; line-height: 1; font-size: 0.9rem; } .stripe.shop-info-bar { padding: 1.4rem 0 0.6rem 0; margin-bottom: -6.5rem; } .shop-cart h4, #catCartDetails h4 { margin: 1.6rem 0 2.2rem 0; font-size:1.45rem; } .cart-prod-price { margin-top: 0; } .shop-detail .prod-detail-spacer { padding-left:1.4rem; } } /*___________*************_______________________________________________/ /* Medium only */ /* 641px up to 1025px */ @media screen and (min-width: 40em) and (max-width: 63.9375em) { } /*___________************************************************************/ /* Between Medium/Large and up */ /* 820px and up */ @media screen and (min-width: 51em) { .main-nav.dropdown.menu li a { padding: 1.5rem 1.1rem; font-size: 0.9rem; } .main-nav.dropdown.menu li ul li a { padding: 0.5rem 1rem; } .nav-buttons { width: 26px; } .social-nav a span { padding-left: 0.5rem; } .owl-item a .listing-title { padding: 0 2.5rem; font-size: 1.1rem; } .owl-item a .listing-title h2 { font-size:2.6rem; } .stripe.how-to-feature { padding: 0 0 3rem 0; } .how-to-feature .row.collapse > .column, .blog-feature .row.collapse > .column { padding-left: 0.9rem; padding-right: 0.9rem; } .how-to-feature a .listing-title h2, .blog-feature a .listing-title h2, .list-items a .listing-title h2 { font-size:1.2rem; } .ms-slide-info.ms-dir-h { min-height: 5.4rem !important; } ul.stats > li { line-height: 2; } .swatches i { font-size: 500%; margin: 1.2rem 0; } #inspirationDetailPg .swatches i { font-size: 450%; margin: 1.1rem; } /* ADDTHIS */ .blog-shares .addthis_sharing_toolbox > div > a.at-share-btn { display: inline-block; } #followCarousel a { height:260px; } } /*________________________***********************************************/ /* Large and up */ /* 1025px and up */ @media screen and (min-width: 64.1em) { .breadcrumbs { margin: 1.6rem 0 2rem 0; } .breadcrumbs li { font-size: 0.8875rem; } h4 { font-size: 1.6rem; } h2.header-special { font-size:2.375rem; } .img-header .header-text { font-size: 7.7rem; } .top-bar { height:77px; padding: 0 3rem; } .main-nav.dropdown.menu li a { padding: 1.85rem 1rem; font-size: 1rem; letter-spacing: 0rem; } .main-nav.dropdown.menu li ul li a { padding: 0.6rem 4rem 0.6rem 1.5rem; font-size: 0.9rem; } .main-nav.dropdown.menu li a sup { font-size: 0.6rem; top: 1.5rem; right: 1rem; } .main-logo #fullLogo, .main-logo #reducedLogo { top: 1.1rem; } .main-logo #reducedLogo { max-width:60px; } #homePg .main-logo #fullLogo { opacity:1; } #homePg .main-logo #reducedLogo { opacity:0; } #homePg .sticky.scrolled .main-logo #fullLogo { opacity:0; } #homePg .sticky.scrolled .main-logo #reducedLogo { opacity:1; } .nav-buttons { width: 36px; } .nav-buttons a { top: 1rem; font-size: 2rem; } .top-bar input[type="search"] { width: 250px; font-size: 1.1rem; height: 3rem; top: 0.9rem; } .ms-bullets.ms-dir-h .ms-bullets-count { bottom: 2.4rem; } #homePg .ms-caption h2 { font-size: 8.7rem; margin: 0 0 2.2rem 0; } #homePg .ms-caption p { font-size: 1.56rem; margin-bottom: 3.5rem; } .stripe.brand-nav { margin-bottom:4.5rem; } .stripe2 > .row > .column { padding-left:0.9375rem; padding-right:0.9375rem; } .stripe2 + .row { margin-top: 6rem; } .stripe2 + .row + .row { margin-top:0rem; } .stripe3 { margin: 0 0 4rem 0; padding: 2.4rem 0 1.7rem 0; } input[type="search"] { font-size: 1.313rem; } .hero-box { margin-top: 3rem; margin-bottom: 4rem; } .hero-box .feature-tiles div[class^="hero-"] a h2, .reno-list .img-box h2 { font-size:5.125rem; } .hero-box .feature-tiles div[class^="hero-"] a h2 span, .reno-list .img-box h2 span { font-size:1.875rem; } .hero-box div[class^="hero-"] a h2, .reno-list .img-box h2 span { font-size:1.375rem; } .more-link a { font-size: 1.313rem; } .owl-carousel { margin-bottom:4rem; } .owl-item a .listing-title { padding: 0 3rem; } .owl-item a .listing-title h2 { font-size:2.6rem; } .sub-footer label { font-size:1.3rem; } .sub-footer button[type="submit"] { font-size:1.1rem; padding: 0.6rem 0 0.5rem 0; } .site-footer { font-size:1.15rem; } .site-footer h6 { font-size:1.35rem; margin:1.8rem 0 1rem 0; } .site-footer .copyright { font-size:0.85rem; } .site-footer .social-nav a { padding:0 0 1rem 0; } .social-nav a span { padding-left:0.8rem; } #footer { margin-top:8rem; } .brand-nav .menu { padding-bottom: 0.05rem; } .brand-nav .menu li a { padding:2.2rem 0 1.8rem 0; } #inspirationPg .brand-nav .menu li { padding:0 1.5rem; } #inspirationPg .brand-nav .menu li a { padding:2.2rem 0 1.8rem 0; font-size:1.2rem; letter-spacing: -0.04rem; } .how-to-feature a .listing-title h2, .blog-feature a .listing-title h2, .list-items a .listing-title h2 { font-size:1.4rem; } .advert-h { margin-bottom:3rem; } .advert-v, .advert-v .ms-container { margin-bottom:3rem; } .button.hollow, button.hollow { font-size:0.94rem; padding: 0.6rem 1.6rem; } .button i { font-size: 2.2rem; } .ms-view { margin-bottom: 0rem; } #homePg .ms-view { margin-bottom: 0rem; } .ms-slide .listing-title span { font-size: 1.3rem; padding: 0.6rem 2.5rem 0.55rem 2.5rem; bottom: -0.8rem; } .ms-slide .listing-title h2 { font-size: 1.65rem; line-height: 130%; margin: 0 0 2.5rem 0; padding: 1.8rem 1rem 1.3rem 1rem; width:55%; } .ms-skin-default .ms-slide .ms-slide-vpbtn:after, .ms-skin-default .ms-video-btn:after { height:8rem; font-size: 8rem; margin-left:-1.8rem; } .ms-skin-default .ms-slide .ms-slide-vpbtn:before, .ms-skin-default .ms-video-btn:before { top: 5.8rem; left: 0.6rem; font-size: 1.6rem; } .ms-info { font-size:1rem; line-height:160%; } #slideCounter { font-size:2.4rem; letter-spacing: 0.2rem; } .ms-slide-info.ms-dir-h { min-height: 6.3rem !important; } .row.comments { margin-top:0.8rem; } ul.stats { padding: 1.1rem 0.6rem; } ul.stats > li { width:33%; font-size:0.95rem; } ul.stats > li i { margin: -1.7rem 1rem 0.2rem 0; } .detail-view .main-description h2 { padding: 0.3rem 0 0.4rem 1.4rem; margin: -7.5rem 0 3rem 13.95rem; } .detail-view .main-description h5 { margin: 5.5rem 0 3.5rem 0; font-size: 4rem; } .detail-view .main-description blockquote { margin: 4rem 0 7rem 0; font-size:1.6rem; line-height:155%; } .detail-view .main-description blockquote p { font-size:1.6rem; } .detail-view .main-description blockquote.tip-from-kyal, .detail-view .main-description blockquote.tip-from-kara { padding: 2.5rem 11.5rem 3.5rem 2rem; } .latest-items { margin-bottom: -8rem; } .advert-bottom { margin-top:2.5rem; } .detail-view .main-description h5:before { height: 3.5rem; top: 0.7rem; } .detail-view .main-description h5:after { width: 16rem; left: -2rem; height: 3.8rem; border-width: 2rem; } .detail-view .main-description h5 i, .detail-view .main-description h5 em { font-size: 3.3rem; width: 74px; } .detail-view .main-description h5 i:before, .detail-view .main-description h5 em:before { top: -0.4rem; font-size: 4.7rem; } .blog-post h1 { font-size:1.625rem; } .swatches i { font-size: 490%; margin: 1.2rem 0; } #inspirationDetailPg .swatches i { font-size: 650%; margin: 2rem; } #mediaPg ul.media { width: 75%; } #followCarousel a { height:280px; } .reveal#popupComp { padding-left: 22%; width:60%; } .reveal#popupComp h1 { font-size: 5rem; } .reveal#popupComp h3 { font-size: 2.8rem; margin: 0.5rem 0 1.4rem 0; } .popup-general form { margin-top: 3.1rem; } .popup-general .title strong { font-size: 3.6rem; margin-right: 0; bottom: -0.8rem; } a.reno-series-item p { font-size: 0.9rem; line-height: 1.4; margin-bottom: 0; } .rs-play-control { font-size: 1.4rem; } .rs-play-control i { font-size: 6.5rem; margin-bottom: 0.8rem; } .rs-img { margin-bottom:1rem; } .reno-series-item h6 { font-size: 1.1rem; margin:0 0 0.6rem 0; color:#00ccde; } .reno-series-item h2 { font-size: 1.65rem; margin:0 0 3rem 0; } .stripe.shop-info-bar { margin-bottom: -8rem; } .stripe.shop-info-bar i { font-size: 4.6rem; margin-bottom: 1.4rem; margin-top: 0.6rem; } .stripe.shop-info-bar p { font-size: 1.1rem; margin-bottom: 0.4rem; } .shop-cart { padding: 0; } } /*________________________**************_________________________________/ /* Large only */ /* 1025px up to 1200px */ @media screen and (min-width: 64.1em) and (max-width: 74.9375em) { } /*______________________________________*********************************/ /* Medium Large screens and up */ /* min-width 1300px, xlarge screens */ @media only screen and (min-width: 81.25em) { .owl-item a .listing-title h2 { font-size: 2.3rem; } #followCarousel a { height:260px; } } /*______________________________________*********************************/ /* XLarge screens and up */ /* min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) { .main-nav.dropdown.menu li a { padding: 1.85rem 1.2rem; font-size: 1.1rem; } .reveal#popupCompKidsBed .comp-img { height: 370px; } } /*______________________________________________________*****************/ /* XXLarge screens and up */ /* min-width 1921px, xlarge screens */ @media only screen and (min-width: 120.063em) { }