/* import file for a variety of colors */
/* import file for fonts */
@font-face { font-family: IsonormD; src: url(/assets/webfonts/i011000d.woff2) format("woff2"), url(/assets/webfonts/i011000d.ttf) format("truetype"); font-display: swap; }

/* various useful variables and mixins */
.top-slider { overflow: hidden; }

.top-slider .top-slider-wrap { width: 100vw; height: 25rem; display: flex; transition: transform .7s ease-in-out; }

.top-slider .top-slider-wrap > div { color: white; height: 100%; width: 100vw; flex-shrink: 0; display: flex; justify-content: center; align-items: center; background-size: cover; background-position: center; }

.top-slider .top-slider-wrap > div h1 { font-size: 350%; color: white; line-height: 1; }

@media (max-width: 690px) { .top-slider .top-slider-wrap > div h1 { font-size: 250%; } }

.top-slider .top-slider-wrap .column-container { align-items: center; width: 100%; }

.top-slider .top-slider-wrap .text-block { color: white; height: 100%; width: calc(50% - .6rem); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 .3rem; }

.top-slider .top-slider-wrap .text-block h1 { font-size: 350%; color: white; margin-bottom: 0; text-align: center; line-height: 1; }

@media (max-width: 1200px) { .top-slider .top-slider-wrap .text-block h1 { font-size: 250%; } }

.top-slider .top-slider-wrap .text-block img { height: 100%; width: 40%; max-width: 100rem; justify-self: center; }

@media (max-width: 1200px) { .top-slider .top-slider-wrap .text-block img { display: none; } }

.top-slider .top-slider-wrap .text-block p { margin-bottom: 0; margin-top: 2rem; font-size: 130%; text-align: center; line-height: 1.2; }

@media (max-width: 1200px) { .top-slider .top-slider-wrap .text-block p { font-size: 110%; } }

.top-slider .top-slider-wrap .text-block .btn { border-radius: 6px; }

.top-slider .top-slider-wrap .text-block picture { display: flex; justify-content: center; }

.dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }

.active, .dot:hover { background-color: #717171; }

/*# sourceMappingURL=topSlider.css.map */