/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:none}
.flickity-viewport{overflow:hidden;position:relative;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}
.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}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-button{position:absolute;background:hsla(0,0%,100%,0.75);border:none;color:#333}
.flickity-button:hover{background:#fff;cursor:pointer}
.flickity-button:focus{outline:none;box-shadow:0 0 0 5px #19F}
.flickity-button:active{opacity:.6}
.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}
.flickity-button-icon{fill:currentColor}
.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}
.flickity-prev-next-button.previous{left:10px}
.flickity-prev-next-button.next{right:10px}
.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}
.flickity-page-dots{position:absolute;width:100%;bottom:-34px;padding:0;margin:0;list-style:none;text-align:center;line-height:1;display:flex;}
.flickity-page-dots .dot{flex-grow:1;height:.5rem;margin:0;background:#ddd;cursor:pointer}
.flickity-page-dots .dot.is-selected {background: #ff0022}
/* flickity fade */
.flickity-enabled.is-fade .flickity-slider > * {pointer-events: none; z-index: 0}
.flickity-enabled.is-fade .flickity-slider > .is-selected {pointer-events: auto; z-index: 1}  
/* Page Dots Bottom */
[class*="--dots"] .flickity-page-dots {background-color: rgba(0, 0, 0, 0.6); width: 100%; position: absolute; bottom: 0; left: 0; margin: 0; line-height: .3; padding: 15px 0; border-bottom: 15px solid #ff0022; display: initial;}
[class*="--dots"] .flickity-page-dots .dot {width: 20px; height: 20px; margin: 0 10px; position: relative; z-index: 9; flex-grow: unset; display: inline-block; border-radius: 50%;}
/* Single Slider */
.single__slider-item {padding-top: 52.2901%; position: relative}
.single__slider-item img, .gallery__item img {width: 100%; height: 100%; object-fit: cover; object-position: center top; position: absolute; top: 0; right: 0}
.gallery__item {padding-top: 57.75%; position: relative}
.gallery__thumbnails .gallery__item {padding-top: 75%}
.work_category-comics .single__slider-item {padding-top: 67.7015%}
/* News Slider */
.news__slider {border-bottom: 15px solid var(--cyan) !important}
.news__slider .single__slider-item {padding-top: 53.5311%}
.news__slider-title {background-color: rgba(0, 0, 0, 0.6); width: 100%; padding: 8px 24px; font-weight: 900; color: #FFF; position: absolute; margin-bottom: 0; bottom: 0; left: 0}
/* Colors */
.yellow--dots .flickity-page-dots .dot.is-selected {background-color: var(--yellow)}
.yellow--dots .flickity-page-dots {border-bottom-color: var(--yellow) !important}
.yellow--dots .nav .nav-link.active {color: var(--yellow)}
.green--dots .flickity-page-dots .dot.is-selected {background-color: var(--green)}
.green--dots .flickity-page-dots {border-bottom-color: var(--green) !important}
.cyan--dots .flickity-page-dots .dot.is-selected {background-color: var(--cyan)}
.cyan--dots .flickity-page-dots {background-color: transparent; border-bottom: unset; width: auto; left: auto; right: 1rem}