/* external css: flickity.css */

* { box-sizing: border-box !important; }
.carousel {
    margin-top: 100px;
    margin-bottom: 200px;
}

.carousel-cell {
    width: 80%;
    /*height: 100%;*/
    /*min-height: 700px;*/
}

/*.carousel-cell img {*/
    /*width: 100%;*/
    /*height: auto;*/
/*}*/

/*.flickity-viewport {*/
    /*height: 100%;*/
/*}*/

/* smaller, dark, rounded square */
.flickity-prev-next-button {
    width: 50px;
    height: 50px;
    border: 0px;
    border-radius: 0px;
    background: transparent;
    top: inherit;
    bottom: -200px;
    outline: none;
}
.flickity-prev-next-button:hover {
    background: transparent;
    outline: none;
}
.flickity-prev-next-button:focus {
    background: transparent;
    border: 0;
    outline: none;
}

/* arrow color */
.flickity-prev-next-button .arrow {
    color: #555;
}

.flickity-button-icon {
    fill: #555 !important;
}

.flickity-prev-next-button.no-svg {
    color: #555;
}


.flickity-prev-next-button.previous,
.flickity-prev-next-button.next {
    width: 50%;
}

.flickity-prev-next-button .flickity-button-icon {
    width: auto;
    left: inherit;
    right: inherit;
}

.flickity-prev-next-button.previous {
    left: inherit;
}

.flickity-prev-next-button.previous .flickity-button-icon {
    right: 5px;
}

.flickity-prev-next-button.next .flickity-button-icon {
    left: 5px;
}

.flickity-button:focus {
    box-shadow: none !important;
}