.h-100 { height: 100%; } .flickity-viewport { transition: height 0.2s; } .d-flex { display: flex; } .flex-column { flex-direction: column; } .ftext { flex: 1 1 auto; margin: 0 0 1.2rem 0; } .mx-auto { margin: auto; } .himage { border-radius: 20px; } .rm { font-weight: bold; } .carousel-cell { transition: opacity 0.5s, bottom 0.5s, top 0.5s; opacity: 0.5; width: 100%; display: flex; align-items: stretch; background: #EEF1F2; border-radius: 24px; min-height: 100%; margin: 0 5rem; padding: 5rem; } .hightitle { margin: 2rem 0; } @media screen and (min-width: 750px) { .hightitle { margin: 0 0 1.6rem 0; } } .carousel-cell:hover .rm { color: var(--color-orange); } .carousel-cell:before { display: block; } .news-carousel { width: 100%; height: auto; } @media screen and (min-width: 760px) { .carousel-cell { width: 75%; } } .carousel-cell.is-selected { opacity: 1; } /*! Flickity v2.3.0 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; /* height: 100%!important; */ /* min-height: 100%; */ } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; overflow: visible; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- flickity-button ---- */ /* ---- previous/next buttons ---- */ /* right to left */ /* ---- page dots ---- */ .carousel-cell .content-wrapper { display: flex; flex-direction: column; justify-content: center; /* border-radius: 50px; */ margin: 0 auto; width: 80%; text-align: center; height: 100%; } .pr-0 { padding-right: 0 !important; } .content-wrapper .content { width: 100%; margin: auto; padding: 3rem; display: flex; flex-direction: column; } /* ---- flickity-button ---- */ .flickity-button { position: absolute; background: rgba(255, 255, 255, 0.75); border: none; color: #333; } .flickity-button:hover { /* background: white; */ cursor: pointer; color: white; } .flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; } .flickity-button:active { opacity: 0.6; } .flickity-button:disabled { opacity: 0.3; cursor: auto; /* prevent disabled button from capturing pointer up event. #716 */ pointer-events: none; } .flickity-button-icon { fill: currentColor; } .flickity-button.flickity-prev-next-button.next:hover { left: 90%; } .flickity-button.flickity-prev-next-button.previous:hover { right: 90%; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { top: 50%; width: 44px; /* left: 89%; */ height: 44px; border-radius: 50%; /* vertically center */ transform: translateY(-50%); transition: 0.5s ease; display: block; padding: 0; font: inherit; } .flickity-prev-next-button.previous { right: 89%; /* left: 10px; */ } .flickity-prev-next-button.next { /* right: 10px; */ left: 89%; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .carousel-cell-text { margin: 0 0 2rem 0 !important; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #fff; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } /*******************************************************************/ /* ftrtch dino */ /* [type: CSS] [file:highlights] [54.2819] DESIGN*/ /*******************************************************************/ /* 0.1 D>D */ /* db 180 */ /*******************************************************************/ /* ftrtch dino */ /* [type: CSS] [file:highlights] [54.2819] DESIGN*/ /*******************************************************************/ /* 0.1 D>D */ /* db 168 */ /*******************************************************************/ /* ftrtch dino */ /* [type: CSS] [file:highlights] [54.3850] DESIGN*/ /*******************************************************************/ /* 0.2 P>P */ /* db 140 */