/*
 *   ModernWeb <http://modernweb.azurewebsites.net/>
 *   Copyright 2016 Raphael Dhainaut, David Vanschepdael
 *
 *   Licensed under the Apache License, Version 2.0 (the "License");
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the License at
 * 
 *       http://www.apache.org/licenses/LICENSE-2.0
 * 
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 */
/* =========================================================================
   Carousel 
   ========================================================================= */
.mw-carousel,
.mw-carousel > .mw-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mw-carousel {
    position: relative;
}

.mw-carousel .mw-slides {
    height: 100%;
}

.mw-carousel .mw-slides .mw-slide {
    height: 100%;
    width: 100%;
}

/* =========================================================================
   Controls
   ========================================================================= */
/* Navigation
   ========================================================================= */
.mw-carousel > .mw-inner > .mw-controls .mw-control {
    z-index: 10;
    cursor: pointer;
}

.mw-carousel > .mw-inner > .mw-controls .mw-navigation, .mw-carousel > .mw-inner > .mw-controls .mw-control.mw-prev, .mw-carousel > .mw-inner > .mw-controls .mw-control.mw-next {
    display: inline-flex;
    position: absolute;
    top: calc(50% - 4rem);
    z-index: 10;
    padding: 1.2rem 0.4rem;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
}

.mw-carousel > .mw-inner > .mw-controls .mw-control.mw-prev {
    left: 0;
}

.mw-carousel > .mw-inner > .mw-controls .mw-control.mw-next {
    right: 0;
}

@media only screen and (min-width: 768px) {
    .mw-carousel > .mw-inner > .mw-controls .mw-control.mw-prev,
    .mw-carousel > .mw-inner > .mw-controls .mw-control.mw-next {
        font-size: 3.5rem;
    }
}

/* Indicators
   ========================================================================= */
.mw-carousel > .mw-inner > .mw-controls .mw-indicators {
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    left: calc(50% - (50% / 2));
    height: 3rem;
    width: 50%;
    text-align: center;
}

.mw-carousel > .mw-inner > .mw-controls .mw-indicators .mw-indicator {
    border-radius: 50%;
    margin: 0 0.4rem;
    padding: 0.5rem;
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #000000;
}

.mw-carousel > .mw-inner > .mw-controls .mw-indicators .mw-indicator.mw-active {
    background-color: #b70f0a;
    border: 2px solid #000000;
    position: relative;
    top: 1px;
}

.mw-carousel > .mw-inner > .mw-controls .mw-indicators .mw-indicator:hover, .mw-carousel > .mw-inner > .mw-controls .mw-indicators .mw-indicator:focus {
    background-color: #b70f0a;
}

/* Progress
   ========================================================================= */
.mw-carousel .mw-progress {
    height: 2px;
}

/*# sourceMappingURL=mw-carousel.css.map */
