.all-events-header{font-size:42px;line-height:46px;letter-spacing:normal;font-family:"PlayfairDisplay-Regular";padding-top:40px !important;margin-top:30px !important}
.promo-module{margin:0}
.promo-module .promo-img{background-position:top;background-size:cover !important;min-height:400px;padding:30px 30px;background:linear-gradient(#f8f8f8,#f8f8f8),url(../../../../../../content/dam/kohler-kds/textura-promo.jpg) no-repeat;background-blend-mode:multiply}
.promo-module .promo-content{background-color:#fff;padding:30px 70px}
.promo-module .promo-hero{height:658px;padding:0}
.promo-module .promo-hero img{height:100%;width:inherit;object-fit:cover}
.promo-module .promo-header{display:flex;justify-content:space-between;align-items:flex-start}
.share-evt{margin-top:-4px}
.share-btn span{font-family:"Helvetica-Regular" !important;font-size:12px !important;letter-spacing:1px !important;line-height:16px !important;padding-bottom:2px !important;border-bottom:1px solid #000}
.promo-module .promo-content .promo-title p{font-family:'Helvetica-Light';line-height:18px;text-transform:uppercase;font-size:14px;letter-spacing:normal}
.promo-module .promo-content .promo-title h3{font-family:"PlayfairDisplay-Regular";line-height:32px;font-size:28px;margin-bottom:28px}
.promo-module .promo-details .event-dates{border-right:1px solid #ccc;flex:1;padding-right:15px}
.promo-module .promo-details .event-dates .date-place{margin-bottom:10px}
.promo-module .promo-details .event-dates .date-place p,.promo-module .promo-details .event-dates .desc p{font-family:'Helvetica-Light';line-height:20px;text-transform:none;font-size:16px;margin-bottom:2px}
.promo-module .promo-details .event-dates .desc{margin-bottom:18px}
.promo-module .promo-details .event-dates a{font-family:'Helvetica-Regular';line-height:21px;text-transform:capitalize;font-size:14px;letter-spacing:1px;padding-bottom:7px;border-bottom:1px solid #000}
.promo-module .promo-details .add-cal{margin-bottom:15px}
.promo-module .promo-details .add-cal a{border-bottom:0}
.promo-module .promo-details .add-cal a span{border-bottom:1px solid #000;padding-bottom:3px}
.add-cal .fa-calendar-plus::before{font-size:16px;line-height:16px;letter-spacing:normal}
.promo-module .promo-details .add-cal span{margin-bottom:15px;font-size:14px;line-height:21px;letter-spacing:1px}
.promo-module .promo-details .event-register{flex:1}
.promo-module .promo-details .event-register .register-text,.promo-module .promo-details .event-register .preregister-text,.promo-module .promo-details .event-register .gotoevent-text{padding-left:30px}
.promo-module .promo-details .event-register .register-text h2,.promo-module .promo-details .event-register .preregister-text h2,.promo-module .promo-details .event-register .gotoevent-text h2{font-family:"PlayfairDisplay-Regular";line-height:26px;font-size:22px;margin-bottom:24px}
.promo-module .promo-details .event-register .register-text h3,.promo-module .promo-details .event-register .register-text h3 b,.promo-module .promo-details .event-register .preregister-text h3,.promo-module .promo-details .event-register .gotoevent-text h3,.promo-module .promo-details .event-register .text{font-family:"Helvetica-Medium";line-height:20px;font-size:16px;margin-bottom:18px;letter-spacing:normal;font-weight:500}
.promo-module .promo-details .event-register .register-text ul li,.promo-module .promo-details .event-register .preregister-text ul li,.promo-module .promo-details .event-register .gotoevent-text ul li,.promo-module .promo-details .event-register .preregister-text h3 b,.promo-module .promo-details .event-register .gotoevent-text h3 b{font-family:"Helvetica-Light";line-height:20px;font-size:16px;font-weight:normal !important}
.promo-module .promo-details .event-register .register-text p b,.promo-module .promo-details .event-register .preregister-text p b,.promo-module .promo-details .event-register .gotoevent-text p b{font-family:"Helvetica-Medium";line-height:20px;font-size:16px;font-weight:normal !important}
.promo-module .promo-details .event-register .text{margin-bottom:0}
.promo-module .promo-details .event-register .register-text ul{margin-bottom:22px}
.promo-module .promo-details .event-register button{min-width:270px !important;min-height:37px !important;max-width:320px;height:auto;width:auto}
.promo-module .promo-details .event-register button a{text-transform:uppercase !important;font-size:14px !important;letter-spacing:1px;line-height:21px !important;font-family:'Helvetica-Regular' !important;text-decoration:none;color:#fff}
@media only screen and (min-width:1024px) and (max-width:1279px){.all-events-header{line-height:38px;font-size:34px}
.promo-module{margin:0}
.promo-module .promo-img{padding:30px 30px;min-height:406px}
.promo-module .promo-hero{height:523px;padding:0}
.promo-module .promo-content{padding:28px 50px}
.promo-module .promo-content .promo-title h3{line-height:28px;font-size:24px;margin-bottom:15px}
.promo-module .promo-details .event-register .register-text h2,.promo-module .promo-details .event-register .preregister-text h2,.promo-module .promo-details .event-register .gotoevent-text h2{line-height:24px;font-size:20px;margin-bottom:15px}
.promo-module .promo-details .event-register button{width:240px}
}
@media only screen and (min-width:991px) and (max-width:1199px){.all-events-header{padding-left:1%}
}
@media only screen and (min-width:768px){.share-btn span{font-size:14px !important;line-height:18px !important}
}
@media only screen and (min-width:768px) and (max-width:1023px){#promo-event{padding:0;max-width:100%}
.all-events-header{font-size:34px;line-height:38px;letter-spacing:normal}
.promo-module{margin:0}
.promo-module .promo-hero{height:768px;padding:0}
.promo-module .promo-img{background-blend-mode:multiply;background:linear-gradient(#f8f8f8,#f8f8f8),url(../../../../../../content/dam/kohler-kds/textura-promo-verticle.jpg) no-repeat;background-size:cover;min-height:326px;padding:40px 39px}
.promo-module .promo-content{padding:40px 60px}
.promo-module .promo-details{flex-direction:column}
.promo-module .promo-content .promo-title h3{line-height:26px;font-size:22px;margin-bottom:15px}
.promo-module .promo-details .event-dates{border-bottom:1px solid #eee;border-right:0;padding-right:0;padding-bottom:25px}
.promo-module .promo-details .event-dates .date-place p{font-family:'Helvetica-Medium'}
.promo-module .promo-details .event-register{padding-top:25px}
.promo-module .promo-details .event-register .register-text,.promo-module .promo-details .event-register .preregister-text,.promo-module .promo-details .event-register .gotoevent-text{padding-left:0}
.promo-module .promo-details .event-register .register-text h2,.promo-module .promo-details .event-register .preregister-text h2,.promo-module .promo-details .event-register .gotoevent-text h2{line-height:24px;font-size:20px;margin-bottom:15px}
.share-evt{margin-top:-4px}
}
@media only screen and (min-width:320px) and (max-width:767px){.all-events-header{padding-top:0 !important;padding-bottom:15px !important;font-size:26px;line-height:30px;margin-bottom:0 !important}
#promo-event{padding:0}
.promo-module .header-div{margin:0 15px !important}
.promo-module{margin:0}
.promo-module .promo-hero{height:320px;padding:0}
.promo-module .promo-img{background:url(../../../../../../content/dam/kohler-kds/textura-promo-verticle.jpg) no-repeat;background-size:cover;padding:25px 15px;box-shadow:inset 0 0 0 2000px rgb(231 230 230 / 30%)}
.promo-module .promo-content{padding:25px 23px;position:relative}
.promo-module .promo-header{display:block}
.promo-module .promo-content .promo-title p{font-family:'Helvetica-Light';line-height:16px;text-transform:uppercase;font-size:12px;letter-spacing:normal}
.promo-module .promo-header .share-evt{position:absolute;top:23px;right:20px}
.share-btn .icon-Share::before{font-size:15px;line-height:16px}
.promo-module .promo-details .add-cal span{font-size:12px;line-height:17px}
.promo-module .promo-details{flex-direction:column}
.promo-module .promo-content .promo-title h3{line-height:24px;font-size:20px;margin-bottom:15px}
.promo-module .promo-details .event-dates{border-bottom:1px solid #eee;border-right:0;padding-right:0;padding-bottom:25px}
.promo-module .promo-details .event-dates .date-place p,.promo-module .promo-details .event-dates .desc p{font-family:'Helvetica-Regular';font-size:14px;line-height:18px}
.promo-module .promo-details .event-dates .desc p{font-family:'Helvetica-Light'}
.promo-module .promo-details .add-cal{margin-bottom:18px;font-size:12px;line-height:17px;letter-spacing:1px}
.promo-module .promo-details .event-register{padding-top:25px}
.promo-module .promo-details .event-register .register-text,.promo-module .promo-details .event-register .preregister-text,.promo-module .promo-details .event-register .gotoevent-text{padding-left:0}
.promo-module .promo-details .event-register .register-text h2,.promo-module .promo-details .event-register .preregister-text h2,.promo-module .promo-details .event-register .gotoevent-text h2{line-height:22px;font-size:18px;margin-bottom:24px}
.promo-module .promo-details .event-register .register-text ul li,.promo-module .promo-details .event-register .preregister-text ul li,.promo-module .promo-details .event-register .gotoevent-text ul li,.promo-module .promo-details .event-register .register-text h3 b,.promo-module .promo-details .event-register .preregister-text h3 b,.promo-module .promo-details .event-register .gotoevent-text h3 b{line-height:18px;font-size:14px}
.promo-module .promo-details .event-register .register-text h3,.promo-module .promo-details .event-register .preregister-text h3,.promo-module .promo-details .event-register .gotoevent-text h3,.promo-module .promo-details .event-register .text{font-family:"Helvetica-Regular";line-height:18px;font-size:14px;margin-bottom:23px}
.promo-module .promo-details .event-register .register-text p b,.promo-module .promo-details .event-register .preregister-text p b,.promo-module .promo-details .event-register .gotoevent-text p b{font-family:"Helvetica-Regular";line-height:18px;font-size:14px;margin-bottom:23px}
.promo-module .promo-details .event-register button{min-width:243px !important;min-height:37px !important;max-width:100%;height:auto;width:100%}
}