.content-section {
padding-top: 0.1px; margin-top: 50px; } @media (min-width: 992px) { .content-section { margin-top: 70px; } }
@media (min-width: 992px) {
.hero-carousel-wrapper, .hero-carousel-item, #hero-carousel { height: 340px; } }
.hero-carousel-item-width {
max-width: 1400px; margin: 0 auto; position: relative; height: 100%; }
.hero-carousel-item {
background-size: cover; background-position: center top; position: relative; }
a.hero-caorousel-item-link:hover {
text-decoration: none; }
.hero-carousel-copy-title {
line-height: 38px; } @media (min-width: 992px) { .hero-carousel-copy-title { line-height: 56px; } }
.hero-carousel-copy-description {
font-size: 18px; font-weight: bold; color: #111; } @media (min-width: 992px) { .hero-carousel-copy-description { line-height: 28px; font-size: 21px; font-weight: normal; } } .hero-carousel-copy-description h1, .hero-carousel-copy-description h2, .hero-carousel-copy-description h3, .hero-carousel-copy-description h4, .hero-carousel-copy-description h5 { color: inherit; }
.hero-carousel-copy-link {
font-size: 16px; font-weight: bold; line-height: 25px; color: #0066c0; } .hero-carousel-copy-link:hover { color: #e87825; } @media (min-width: 992px) { .hero-carousel-copy-link { font-size: 16px; font-weight: normal; } }
.hero-carousel-item–left-aligned-copy .hero-carousel-copy {
text-align: center; max-width: 480px; } @media (max-width: 991px) { .hero-carousel-item--left-aligned-copy .hero-carousel-copy { margin: 24px auto 16px; } } @media (min-width: 992px) { .hero-carousel-item--left-aligned-copy .hero-carousel-copy { max-width: 100%; text-align: left; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0; } }
@media (max-width: 991px) {
.hero-carousel-item--left-aligned-copy .hero-carousel-productImgWrapper { margin: 0 auto; width: 240px; height: 170px; } }
@media (min-width: 992px) {
.hero-carousel-item--left-aligned-copy .hero-carousel-productImgWrapper { width: 480px; height: 340px; } }
@media (min-width: 992px) {
#hero-carousel .owl-dots { position: absolute; left: 50%; bottom: 0%; -webkit-transform: translate(-50%, -20%); transform: translate(-50%, -20%); } #hero-carousel .owl-dots .owl-dot { display: inline-block; width: 12px; height: 12px; margin: 5px 7px; border-radius: 20px; background: white; border: 1px solid #999; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); opacity: 0.6; } #hero-carousel .owl-dots .owl-dot.active { opacity: 1; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } }
@media screen and (max-width: 991px) {
.hero-carousel-wrapper, .hero-carousel-item, .hero-carousel-item-z-controller, #hero-carousel { height: 340px; } .hero-carousel-wrapper .row, .hero-carousel-item .row, .hero-carousel-item-z-controller .row, #hero-carousel .row { position: static; } .hero-carousel-wrapper .h1, .hero-carousel-wrapper h1, .hero-carousel-item .h1, .hero-carousel-item h1, .hero-carousel-item-z-controller .h1, .hero-carousel-item-z-controller h1, #hero-carousel .h1, #hero-carousel h1 { font-size: 28px; font-weight: 300; line-height: 32px; } .hero-carousel-wrapper .h2, .hero-carousel-wrapper h2, .hero-carousel-item .h2, .hero-carousel-item h2, .hero-carousel-item-z-controller .h2, .hero-carousel-item-z-controller h2, #hero-carousel .h2, #hero-carousel h2 { font-size: 24px; font-weight: 400; line-height: 28px; } .hero-carousel-wrapper .h3, .hero-carousel-wrapper h3, .hero-carousel-item .h3, .hero-carousel-item h3, .hero-carousel-item-z-controller .h3, .hero-carousel-item-z-controller h3, #hero-carousel .h3, #hero-carousel h3 { font-size: 21px; font-weight: 400; line-height: 25px; } .hero-carousel-wrapper .h4, .hero-carousel-wrapper h4, .hero-carousel-item .h4, .hero-carousel-item h4, .hero-carousel-item-z-controller .h4, .hero-carousel-item-z-controller h4, #hero-carousel .h4, #hero-carousel h4 { font-size: 18px; font-weight: 300; line-height: 20px; } .hero-carousel-productImgWrapper { overflow: hidden; position: absolute; margin: auto; bottom: 0; left: 0; right: 0; } .hero-carousel-copy { margin-top: 24px; } .hero-carousel-copy-title { margin-bottom: 8px; padding: 0; } .hero-carousel-copy-description, .hero-carousel-copy-description p { font-size: 14px; } }
/*# sourceMappingURL=hero-carousel.css.map */