.how-to-color .icon.colorsmith{position:absolute;margin:auto;left:0;right:0;width:100px;height:100px;top:-50px}@media (max-width: 991px){.how-to-color .icon.colorsmith{width:80px;height:80px;top:-40px}}@media (max-width: 767px){.how-to-color .icon.colorsmith{width:60px;height:60px;top:-30px}}.how-to-color .hero{padding-top:30px}@media (min-width: 768px){.how-to-color .hero{background-image:url("/images/colorsmith/how-to-color/D_hero.jpg");background-position:center center;height:550px;padding:60px 0;background-repeat:no-repeat;position:relative}}@media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx){.how-to-color .hero{background-image:url("/images/colorsmith/how-to-color/D_hero@2x.jpg");background-size:1242px 550px}}@media (min-width: 768px){.how-to-color .hero:before,.how-to-color .hero:after{content:'';width:50%;top:0;bottom:0;position:absolute;z-index:-1}.how-to-color .hero:before{left:0;background-color:#90aaba}.how-to-color .hero:after{right:0;background:#90aab9;background:-moz-linear-gradient(top, #90aab9 0%, #8fabb9 100%);background:-webkit-linear-gradient(top, #90aab9 0%, #8fabb9 100%);background:linear-gradient(to bottom, #90aab9 0%, #8fabb9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#90aab9', endColorstr='#8fabb9',GradientType=0 )}}@media (min-width: 768px){.how-to-color .hero .section-title{width:320px;color:#fff;margin-bottom:0}}@media (min-width: 768px){.how-to-color .hero .section-title .title{font-size:42px;font-size:4.2rem;line-height:46px;line-height:4.6rem}}@media (min-width: 768px){.how-to-color .hero .section-title p{font-size:18px;font-size:1.8rem;line-height:26px;line-height:2.6rem}}@media (min-width: 768px){.how-to-color .color-videos{margin-top:-75px}}@media (min-width: 1200px){.how-to-color .color-videos{margin-top:-90px}}.how-to-color .color-videos .video-wrapper{cursor:pointer;-moz-box-shadow:0px 10px 14px 0px rgba(0,0,0,0.15);-webkit-box-shadow:0px 10px 14px 0px rgba(0,0,0,0.15);box-shadow:0px 10px 14px 0px rgba(0,0,0,0.15);margin-bottom:20px}@media (min-width: 768px){.how-to-color .color-videos .video-wrapper{display:flex;flex-direction:column;margin-bottom:40px}}@media (max-width: 767px){.how-to-color .color-videos .video-wrapper{display:flex;align-items:center}}@media (max-width: 575px){.how-to-color .color-videos .video-wrapper{align-items:start}}.how-to-color .color-videos .video-wrapper:hover .content,.how-to-color .color-videos .video-wrapper:hover .video-play{opacity:0.6}.how-to-color .color-videos .video-wrapper ul li{margin:10px 0;text-transform:capitalize;font-size:16px;font-size:1.6rem;line-height:20px;line-height:2rem}.how-to-color .color-videos .video-wrapper .image-box{flex:none;position:relative}@media (max-width: 767px){.how-to-color .color-videos .video-wrapper .image-box{max-width:150px}}@media (max-width: 575px){.how-to-color .color-videos .video-wrapper .image-box{max-width:120px}}.how-to-color .color-videos .video-wrapper .image-box .video-play{bottom:15px;left:15px}@media (max-width: 575px){.how-to-color .color-videos .video-wrapper .image-box .video-play{width:40px;height:40px;bottom:5px;left:5px}}.how-to-color .color-videos .video-wrapper .content{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;padding:10px}@media (max-device-width: 1024px){.how-to-color .color-videos .video-wrapper .content{transition:none}}@media (min-width: 321px){.how-to-color .color-videos .video-wrapper .content{padding:10px 15px}}@media (min-width: 576px){.how-to-color .color-videos .video-wrapper .content{padding:30px}}@media (min-width: 768px){.how-to-color .color-videos .video-wrapper .content{flex:1 0 auto;padding:20px 20px 0 20px}}.how-to-color .color-videos .video-wrapper .content .subtitle{font-size:12px;font-size:1.2rem;line-height:20px;line-height:2rem}@media (min-width: 768px){.how-to-color .color-videos .video-wrapper .content .subtitle{margin-bottom:5px}}@media (max-width: 767px){.how-to-color .color-videos .video-wrapper .content h2{font-size:16px;font-size:1.6rem;line-height:20px;line-height:2rem}}@media (max-width: 320px){.how-to-color .color-videos .video-wrapper .content h2{font-size:14px;font-size:1.4rem;line-height:18px;line-height:1.8rem}}.how-to-color .color-videos .video-wrapper .content p{margin-bottom:15px}.how-to-color .color-videos .video-wrapper .content p.time{margin-bottom:5px}@media (max-width: 767px){.how-to-color .color-videos .video-wrapper .content p.time{font-size:14px;font-size:1.4rem;line-height:20px;line-height:2rem}}@media (min-width: 768px){.how-to-color .color-videos .video-wrapper .time-wrapper{padding:0 20px 25px 20px}}.how-to-color .color-videos .video-wrapper .time-wrapper .time{margin-bottom:5px}@media (max-width: 767px){.how-to-color .color-videos .video-wrapper .time-wrapper .time{font-size:14px;font-size:1.4rem;line-height:20px;line-height:2rem}}.how-to-color .color-videos .video-wrapper .time-wrapper hr{width:40px;margin:0}@media (max-width: 767px){.how-to-color .color-videos .video-wrapper .time-wrapper hr{width:25px}}.how-to-color .quick-tips{position:relative;background-color:#EBF0F0;padding:60px 0 40px;margin-top:50px}@media (min-width: 768px){.how-to-color .quick-tips{padding:80px 0 60px;margin-top:60px}}@media (min-width: 992px){.how-to-color .quick-tips{padding:100px 0 60px}}@media (min-width: 1200px){.how-to-color .quick-tips{margin-top:80px}}.how-to-color .quick-tips .panel-group{margin-top:20px}.how-to-color .quick-tips .panel-group .panel{padding:0 20px;background-color:#fff;margin-bottom:10px}.how-to-color .quick-tips .panel-group .panel .panel-heading{padding:20px 25px 20px 0;display:block}.how-to-color .quick-tips .panel-group .panel .panel-heading p{margin-bottom:0}.how-to-color .quick-tips .panel-group .panel .panel-heading:not(.collapsed){font-family:"Niveau-Grotesk-Med"}.how-to-color .quick-tips .panel-group .panel .panel-body{padding:0 0 25px 0}.how-to-color .quick-tips .panel-group .panel .panel-body .image-box{flex:none;margin-top:15px}@media (min-width: 768px){.how-to-color .quick-tips .panel-group .panel .panel-body .image-box{margin-top:0;padding:0 30px}}.how-to-color .quick-tips .panel-group .panel .panel-body p{margin-bottom:0}.how-to-color .quick-tips .inner-panel{background-color:#FAFAFA;padding:0 20px}.how-to-color .quick-tips .inner-panel .collapse-link{position:relative;padding:20px 25px 20px 0;display:block}.how-to-color .quick-tips .inner-panel .collapse-link:not(.collapsed){font-family:"Niveau-Grotesk-Med"}

/*# sourceMappingURL=how-to-color.css.map */