.designfull-imageText h2{font-family:'Unna';font-weight:400;color:#000}
.designfull-imageText.designfull-imageText-black h1,.designfull-imageText.designfull-imageText-black h5,.designfull-imageText.designfull-imageText-black p a,.designfull-imageText.designfull-imageText-black h3,.designfull-imageText.designfull-imageText-black h2{color:#000}
.designfull-imageText h2{display:block;display:-webkit-box;height:auto;font-size:36px;line-height:40px;font-weight:400}
.designfull-imageText{background-color:#fff}
.designfull-imageText-black{background-color:#fff}
#designfull-latestPost.designfull-imageText-black{background-color:#000}
#designfull-latestPost.designfull-imageText-black .bg-white{background-color:#2e2e2e !important}
#designfull-latestPost.designfull-imageText-black .cat-title,#designfull-latestPost.designfull-imageText-black .blog-title,#designfull-latestPost.designfull-imageText-black .hero-title,#designfull-latestPost.designfull-imageText-black .cta a{color:#fff}
.designfull-imageText.designfull-imageText-black .cta a{border-bottom:1px solid #fff}
.designfull-imageText .designfull-hero-text p a,.designfull-imageText.designfull-imageText-black p a{border-bottom:1px solid #000;color:#000}
.designfull-imageText p:first-child{font-size:14px;line-height:20px;color:#888;text-shadow:2px 4px rgba(0,0,0,0);font-family:'Helvetica-Regular'}
#designfull-latestPost p:first-child{color:#000}
#designfull-latestPost img{width:49% !important;height:610px;object-fit:cover}
#designfull-latestPost .cat-title,#designfull-latestPost .hero-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding:0;max-height:100%;height:100%}
#designfull-latestPost .blog-title{padding:0;max-height:100%;height:100%}
#designfull-latestPost .blog-title,#designfull-latestPost .cat-title,#designfull-latestPost .hero-title{margin-bottom:20px !important}
#designfull-latestPost .cat-title{-webkit-line-clamp:1}
#designfull-latestPost .hero-title{-webkit-line-clamp:5}
#designfull-latestPost p.cta{margin-bottom:4px}
#designfull-latestPost p.cta a{font-weight:300}
#designfull-latestPost .designfull-text{width:51%;padding:0 100px 0 70px}
#designfull-latestPost.image-left-text-right .position-relative{text-align:left !important}
.designfull-imageText h3{font-size:16px;line-height:22px;color:#000;font-weight:300}
.designfull-imageText p a:hover{text-decoration:none}
.designfull-imageText p a{text-underline-position:under;border-bottom:1px solid #000}
.designfull-imageText .load-more button{height:40px;width:145px;font-size:16px;line-height:19px;border:1px solid #000}
.designfull-imageText .designfull-hero-text{top:50%;transform:translateY(-50%)}
.designfull-imageText .designfull-hero-text h2{font-family:Unna;font-size:48px;line-height:52px;color:#000}
.designfull-image-bg::before{content:"";background-image:url("../../../../../../content/dam/kohler-kds/designful-slashes-bg.png");background-repeat:no-repeat;background-position:left center;background-size:cover;width:60%;height:100%;position:absolute;left:0;top:0}
.designfull-image-bg.image-left-text-right::before{right:0;left:auto}
.designfull-image-bg.image-left-text-right .designfull-blog-text.text-right{text-align:left !important}
#designfull-latestPost.image-left-text-right .designfull-text.text-left{right:0;padding-right:70px;padding-left:100px}
.designfull-blog-page #designfull-bloglist .row{padding-top:67px}
.designfull-imageText h3{display:block;display:-webkit-box;max-height:55px;margin:0 auto;font-size:16px;line-height:22px;font-weight:300;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.designfull-imageText h1{font-family:Unna;font-size:48px;font-weight:bold;line-height:50px;color:#000}
.designfull-imageText .designfull-text{top:50%;transform:translateY(-50%)}
.designfull-imageText .designfull-hero-text h2+p{width:85%}
.designfull-hero-text h4{color:#000;font-size:22px;line-height:26px}
.designfull-blog-text h5{color:#000;font-size:16px;line-height:22px;font-weight:300}
.designfull-story-hero-carousel .carousel-caption.design-story-hero{text-align:left;left:0;position:static;padding:0}
#hero-carousel.designfull-hero-indicators .carousel-indicators{left:auto;bottom:115px}
@media(min-width:992px){.designfull-hero .designfull-hero-text .offset-lg-1{margin-left:8%}
.designfull-story-hero-carousel .designfull-hero-text .offset-lg-1{margin-left:6%}
.designfull-image-bg.image-left-text-right .offset-lg-2{margin-left:0}
}
@media(min-width:768px){.designfull-story-hero-carousel .designfull-hero-text .offset-md-1{margin-left:6%}
#designfull-latestPost .bg-white .designfull-text{background-color:#fff;padding-top:45px;padding-bottom:45px}
#designfull-latestPost.designfull-imageText-black .bg-white .designfull-text{background-color:#2e2e2e}
}
@media(min-width:320px) and (max-width:767px){.designfull-imageText .row{margin-left:-30px;margin-right:-30px}
.designfull-blog-page #designfull-bloglist .row{padding-top:55px}
#hero-carousel.designfull-hero-indicators .carousel-indicators{left:0}
.designfull-imageText .designfull-hero-text{top:45%;transform:translateY(-50%)}
.designfull-imageText.designfull-image-bg .container{padding:0}
.designfull-imageText:not(#designfull-latestPost) .designfull-text{position:inherit !important;transform:none}
.designfull-text{top:50%;transform:none}
.designfull-story-hero-carousel .carousel-item img{width:100%}
.designfull-imageText.designfull-image-bg .mobile-view{padding:0}
.designfull-imageText h2{font-size:22px;line-height:24px;height:auto}
.designfull-imageText p{font-size:14px;line-height:18px}
.designfull-imageText.designfull-hero img{object-fit:cover;height:450px;object-position:center}
.designfull-imageText .designfull-hero-text h2{font-size:32px;line-height:34px}
.designfull-hero .designfull-hero-text .offset-1{padding:0}
.designfull-imageText .designfull-hero-text h2+p{width:100%}
}
@media only screen and (min-width:320px) and (max-width:767px) and (orientation:landscape){.designfull-imageText p:first-child{width:100%}
}
@media(min-width:768px) and (max-width:991px){.designfull-imageText:not(#designfull-latestPost) .designfull-text{position:inherit !important;transform:unset !important}
.designfull-imageText h3{margin:4px 0 !important}
#designfull-latestPost h3{margin-top:0 !important}
.designfull-imageText h2{margin:10px 0}
#designfull-latestPost h2{margin-top:0}
}
.designfull-imageText .blog-title{padding-bottom:14px}
.designfull-imageText .hero-title{padding-top:2px}
#designfull-latestPost{padding:70px 0;position:relative}
@media only screen and (min-width:1280px){#designfull-latestPost .cat-title,#designfull-latestPost .blog-title,#designfull-latestPost .hero-title{margin-bottom:30px !important}
#designfull-latestPost .head2-typ{line-height:49px !important}
}
@media only screen and (min-width:1024px) and (max-width:1279px){#designfull-latestPost img{height:482px}
#designfull-latestPost .designfull-text{padding:0 80px 0 50px}
#designfull-latestPost.image-left-text-right .designfull-text.text-left{padding-right:50px;padding-left:80px}
#designfull-latestPost .head2-typ{line-height:44px !important}
}
@media only screen and (min-width:768px) and (max-width:1023px){#designfull-latestPost img{height:353px}
#designfull-latestPost .designfull-text{padding:0 60px 0 30px}
#designfull-latestPost.image-left-text-right .designfull-text.text-left{padding-right:30px;padding-left:60px}
#designfull-latestPost{padding:60px 0}
#designfull-latestPost .head2-typ{line-height:40px !important}
}
@media only screen and (max-width:767px){#designfull-latestPost img{height:342px}
#designfull-latestPost img{width:100% !important}
#designfull-latestPost .designfull-text{position:relative !important;transform:none;width:100%;padding:20px 15px 40px 15px !important}
#designfull-latestPost p:first-child{padding-top:0 !important}
#designfull-latestPost .designfull-text .row{padding:20px 23px 40px 23px !important}
#designfull-latestPost .cat-title,#designfull-latestPost .blog-title,#designfull-latestPost .hero-title{margin-bottom:15px !important}
#designfull-latestPost{padding:0}
#designfull-latestPost.designfull-image-bg .bg-white{background-color:transparent !important}
#designfull-latestPost .designfull-text .row{background-color:#fff !important}
#designfull-latestPost.designfull-imageText-black .designfull-text .row{background-color:#2e2e2e !important}
#designfull-latestPost.designfull-image-bg{background-position:center 511px}
.designfull-image-bg{background-image:url("../../../../../../content/dam/kohler-kds/designful-slashes-bg.png");height:auto;background-repeat:no-repeat;background-position:left center;background-size:contain}
.designfull-image-bg.image-left-text-right{background-position:right center}
.designfull-image-bg::before{content:none}
}
.designfull-blog h1{font-family:"PlayfairDisplay-Regular";font-size:80px;line-height:120px;color:#000}
.designfull-blog{background-color:#fff}
.designfull-blog .wellbeing p,.designfull-blog p{font-size:16px;line-height:22px;color:#000}
.designfull-hero-indicators .carousel-indicators li{background-color:#000}
.designfull-blog .wellbeing p:first-child{font-family:'Unna';font-size:24px;line-height:28px}
.designfull-blog .wellbeing h1{font-family:"PlayfairDisplay-Regular";font-size:66px;line-height:70px;color:#000}
@media(min-width:320px) and (max-width:767px){.designfull-blog .tab-view h2.navbar-toggler{border-bottom:1px solid #000;color:#000;font-size:14px;line-height:16px;font-weight:400}
.designfull-blog .tab-view h2.navbar-toggler::after{background-color:#fff;color:#000}
.designfull-blog h1{font-size:48px;line-height:42px}
.designfull-blog .wellbeing h1{font-size:48px;line-height:52px}
.designfull-blog #collapsibleNavbar{border:1px solid #000}
.designfull-blog .wellbeing p,.designfull-blog p{width:100% !important}
}
.designfull-blog{background-color:#fff}
.designfull-blog .wellbeing p,.designfull-blog p{font-size:16px;line-height:22px;color:#000}
.designfull-blog .wellbeing p:first-child{font-family:'Unna';font-size:24px;line-height:28px}
.designfull-blog .wellbeing h1{font-family:"PlayfairDisplay-Regular";font-size:66px;line-height:70px;color:#000}
.blog-hero #collapsibleNavbar{min-height:30px;overflow:hidden;height:100%}
.blog-hero .nav-item{font-family:'Helvetica-Regular';font-size:14px;line-height:18px;border:1px solid #000;border-radius:18.5px}
.blog-hero .nav-item:hover{font-family:'Helvetica-Regular';background-color:#f1f1f1;border:1px solid #f1f1f1;cursor:pointer}
.blog-hero .nav-item.active{border-bottom:1px solid #000;background-color:#000;color:#fff}
.blog-hero .nav-item.active:hover{border:1px solid #000}
.blog-hero .nav-tabs{display:flex;flex-direction:row;height:100%;padding:0;margin:0;list-style:none;flex-wrap:wrap;width:auto;row-gap:15px}
.blog-hero .nav-item{margin-right:15px}
.blog-hero .nav-item:last-child{margin-right:0}
.blog-hero .nav-tabs::-webkit-scrollbar{display:none;height:3px}
.blog-hero .nav-tabs:hover::-webkit-scrollbar{display:block}
.blog-hero .nav-tabs::-webkit-scrollbar-track{background-color:#f1f1f1}
.blog-hero .nav-tabs::-webkit-scrollbar-thumb{background-color:#c1c1c1}
.nav-tabs .nav-item{margin-bottom:0}
@media(hover:none) and (pointer:coarse){.blog-hero .nav-tabs:hover::-webkit-scrollbar{display:none}
}
@media only screen and (min-width:320px) and (max-width:767px){.blog-hero.designfull-blog .tab-view{padding:24px 0 40px 0}
.blog-hero .nav-item{display:flex;height:30px}
.blog-hero .nav-item{padding:6px 30px;font-family:'Helvetica-Regular'}
.blog-hero .nav-item:last-child{margin-right:0}
.main-block{width:500px;display:flex}
.blog-hero.designfull-blog .nav-tabs{width:86%;display:flex;flex-wrap:wrap;height:30px;overflow:hidden;align-content:flex-start}
.drop-down{width:30px;min-height:30px;background-color:#e4e4e4;border-radius:20px;cursor:pointer;position:relative;align-self:normal}
.dropdown-block{width:30px;height:30px;border-radius:50%;background-color:black;position:absolute;text-align:center;color:white}
.dropdown-block .fa-angle-down:before,.dropdown-block .fa-angle-up:before{font-size:24px;line-height:1.4}
.blogcategory .designfull-imageText .row:first-child{padding-top:40px !important}
}
@media only screen and (min-width:768px) and (max-width:1023px){.blog-hero.designfull-blog .tab-view{padding:30px 0}
.blog-hero .nav-item{display:flex;padding:10px 29.5px 9px 29.5px}
.blog-hero .nav-item:last-child{margin-right:0}
}
@media only screen and (min-width:1024px) and (max-width:1279px){.blog-hero.designfull-blog .tab-view{padding:40px 0}
.blog-hero .nav-item{display:flex;padding:10px 29.5px 9px 29.5px}
.blog-hero .nav-item:last-child{margin-right:0}
}
@media only screen and (min-width:1280px){.blog-hero.designfull-blog .tab-view{padding:40px 0}
.blog-hero .nav-item{display:flex;padding:10px 29.5px 9px 29.5px}
.blog-hero .nav-item:last-child{margin-right:0}
}