/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:0}
.flickity-viewport{overflow:hidden;position:relative;height:100%;touch-action:pan-y}
.flickity-slider{position:absolute;width:100%;height:100%;left:0}
.flickity-rtl 
.flickity-slider{left:unset;right:0}
.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;user-select:none}
.flickity-enabled.is-draggable 
.flickity-viewport{cursor:move;cursor:grab}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}

.flickity-cell{position:absolute;left:0}.flickity-rtl .flickity-cell{left:unset;right:0}

.flickity-button{
    position:absolute;
    z-index:4
}

.flickity-button:hover{background:transparent;cursor:pointer}
.flickity-button:focus{outline:0;}
.flickity-button:active{opacity:1}

.flickity-button:disabled{opacity:.8;cursor:auto;pointer-events:none}
.flickity-button-icon{}

.flickity-button-icon {
    visibility: hidden;
}

/*.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}*/

.flickity-prev-next-button.next {
  background-image: url("../svg/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  right: 26%;
}

.flickity-prev-next-button.previous {
  background-image: url(../svg/arrow-left.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  left: 26%;
}

.flickity-prev-next-button {
    bottom: -3em;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
}

.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%}

.flickity-page-dots{position:absolute;width:100%;bottom:-1.5em;text-align:center;display:flex;justify-content:center;flex-wrap:wrap;z-index:2}

.flickity-rtl .flickity-page-dots{direction:rtl}

.flickity-page-dot{display:block;width:10px;height:10px;padding:0;margin:0 4px;background:#fff;border-radius:50%;cursor:pointer;appearance:none;border:1px solid #000000;text-indent:-9999px;overflow:hidden}

.flickity-rtl .flickity-page-dot{text-indent:9999px}

.flickity-page-dot:focus{outline:0;background:#000000}

.flickity-page-dot.is-selected{background:#000000}

/************************************************************************************
*
* CUSTOM CSS
*
************************************************************************************/

.carousel {
 position: relative
}

.carousel-content {
  width: 1220px;
  max-width: 100%;
  height: auto;
  margin-right: 2em;
}

.carousel-content--image img{
    width:1220px;
    max-width:100%;
    height:auto;
    object-fit: cover;
    object-position: center
}

.carousel-content--caption{
    width: fit-content;
    position: absolute;
    box-decoration-break: clone;
	display: inline;
    padding:1.5em;
    background-color:rgba(29,29,27, .8);
}

.caption-text strong{
    font-size:2rem;
    line-height:2.25rem;
    color:#fff;
    font-weight:700;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}

.caption-link button a{
    min-width: 220px;
    display:inline-block;
    margin:1em 0;
    padding: .5em 1em;
    border:1px solid #fff;
    border-radius:1.25em;
    font-size: 1rem;
    font-weight:400;
    color:#fff;
    text-align: left;
    background-image: url(../svg/arrow-right-inverted.svg);
    background-repeat: no-repeat;background-position: 94%;
}

.caption-link button a:hover{
    min-width: 220px;
    display:inline-block;
    margin:1em 0;
    padding: .5em 1em;
    border:1px solid #fff;
    border-radius:1.25em;
    font-size: 1rem;
    font-weight:400;
    color:#000;
    text-align: left;
    background-color:#fff;
    background-image: url(../svg/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: 94%;
}


/************************************************************************************
*
* CSS MEDIA QUERIES
*
************************************************************************************/

@media screen and (min-width: 20em) {
    

.carousel-content--caption{
    width: 100%;
    position: relative;
	display: block;
    padding:1.5em;
    background-color:rgba(29,29,27, .8);
}
    
.caption-text strong{
    font-size:1.25rem;
    line-height:1.5rem;
    color:#fff;
    font-weight:700;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}

}

@media screen and (min-width: 35em) {
    
}

@media screen and (min-width: 37.5em) {
    
    .carousel-content--caption{
    width: fit-content;
    position: absolute;
    left:2em;
    bottom:2em;
    box-decoration-break: clone;
	display: inline;
    padding:1.5em;
    background-color:rgba(29,29,27, .8);
}
    

.caption-text strong{
    font-size:1.5rem;
    line-height:2rem;
    color:#fff;
    font-weight:700;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}

}

/* ==========================================================================
CSS Tablet / Desktop
========================================================================== */

@media screen and (min-width: 40em) {
    
.carousel-content--caption {
    left: 4.375em;
    bottom: 3em;
}
}

@media screen and (min-width: 48.75em) {
    
    .caption-text strong{
    font-size:2rem;
    line-height:2.25rem;
    color:#fff;
    font-weight:700;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}

}

@media screen and (min-width: 50em) {}

/* ==========================================================================
CSS Over 9000px
========================================================================== */

@media screen and (min-width: 75em) {}

@media screen and (min-width: 87.5em) {}

@media screen and (min-width: 120em) {}