/* hero-carousel globals
*/

.hero-carousel { }

.hero-cell { 
width: 100%;
}
.cell-min-height { 
min-height:0rem;
min-height:20rem !important;
}
.hero-cell-img { 
display: block;
margin: 0 auto;
*min-height:20rem; 
max-height:40rem; 
max-width:calc(100% - 1rem); 
max-width:-moz-calc(100% - 1rem);
max-width:calc(100% - 8rem); 
max-width:-moz-calc(100% - 8rem);
transition:all 0.8s ease;
-webkit-transition:all 0.8s ease;
/*
opacity: 0;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
*/
}
.hero-cell-img.flickity-lazyloaded {
opacity: 1;
max-height:40rem !important; 
transition:all 0.8s ease;
-webkit-transition:all 0.8s ease;
}
.px-cell-txt { 
padding-right:3rem; padding-left:3em; 
}
.px-cell-txt-4 { 
padding-right:4rem; padding-left:4rem; 
}
.px-cell-txt-6 { 
padding-right:6rem; padding-left:6rem; 
}

@media (min-width:0px) and (max-width:1079px) { 

.hero-cell-img { 
max-height:40rem; 
max-width:calc(100% - 1rem); 
max-width:-moz-calc(100% - 1rem);
padding-bottom:1rem;
}
.px-cell-txt,
.px-cell-txt-4,
.px-cell-txt-6 { 
padding-right:0.5rem; padding-left:0.5rem; 
}

}

.cell-img-45vh { 
max-height:45vh; 
max-width:calc(100% - 1rem); 
max-width:-moz-calc(100% - 1rem);
}
.cell-img-33vh { 
max-height:33vh; 
max-width:calc(100% - 1rem); 
max-width:-moz-calc(100% - 1rem);
}
.cell-min-height { 
min-height:20rem;
min-height:0rem;
}
.cell-top-padding { 
min-height:8vh;
}

@media (max-width:640px) {

.hero-cell-img { }

}

@media (max-width:860px) {

.scroll-45vh { }

}

@media (max-width:1080px) {

.cell-min-height { }

}

.flickity-enabled {
position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
transition:all 0.8s ease;
-webkit-transition:all 0.8s ease;
}

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

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

/* flickity-button
*/

.flickity-button {
position: absolute;
background:rgba(255,0,0,1);
background: transparent;
border: none;
color: #333;
opacity: 0.1;
/* background:orange; */
}

.flickity-button:hover {
background: white;
background: transparent;
cursor: pointer;
opacity: 0.8;
}

.flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19F;
box-shadow: none;
}

.flickity-button:active {
opacity: 0.8;
}

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

/* previous/next buttons
*/

.flickity-prev-next-button {
z-index:99;
top: 50%;
width:10rem;
width:6rem;
height:100%;
transform: translateY(-50%);
/* background:orange; */
}

.flickity-prev-next-button.previous { 
left: 1rem; 
left: -1rem; 
/* left: 0; */
}
.flickity-prev-next-button.next { 
right: 1rem; 
right: -1rem; 
/* right: 0; */
}

.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 0%;
top: 20%;
width: 60%;
width:6rem;
height: 60%;
padding:0 2rem;
}

@media (min-width:0px) and (max-width:1590px) {

.flickity-prev-next-button {
z-index:99;
top: 50%;
width:4rem;
height:100%;
transform: translateY(-50%);
/* background:orange; */
}

.flickity-prev-next-button.previous { 
left: 1rem; 
left:0; 
}
.flickity-prev-next-button.next { 
right: 1rem; 
right:0; 
}

.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 0%;
top: 20%;
width:4rem;
height: 60%;
padding:0 1rem;
}

}

/* 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-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
opacity: 1;
}

/*
*/