/* 
 * Buttons
 */

.swiper-button-prev, .swiper-button-next{
    background:none;
    border: 2px solid transparent;
    color: #428bca;
    font-size: 2rem;
    line-height: 1rem;
    text-align:center;
    margin: 0;
    padding: 15px;
    transition: color 300ms, width 300ms;
    transform:translateY(-50%);
    height: auto;
    width: auto;
}

.swiper-button-prev{left: 0;}
.swiper-button-next{right: 0;}

.swiper-button-prev i,
.swiper-button-next i{
    width: 2rem;
}

.swiper-container .container-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.swiper-container .container-nav .swiper-button-prev{margin-left:15px;}
.swiper-container .container-nav .swiper-button-next{margin-right:15px;}

/* Button Styles */
.swiper-button-icon.swiper-button-next, 
.swiper-button-icon.swiper-button-prev{
    background: transparent;
    border: 2px solid transparent;
    color:#428bca;
}

.swiper-button-border.swiper-button-next, 
.swiper-button-border.swiper-button-prev{
    background: transparent;
    border: 2px solid #428bca;
    color: #428bca;
}
.swiper-button-border-round.swiper-button-next, 
.swiper-button-border-round.swiper-button-prev{
    background: transparent;
    border: 2px solid #428bca;
    color: #428bca;
    border-radius:100%;
}

.swiper-button-fill.swiper-button-next, 
.swiper-button-fill.swiper-button-prev{
    background:#428bca;
    border: 2px solid #428bca;
    color: #fff;
}
.swiper-button-fill-round.swiper-button-next, 
.swiper-button-fill-round.swiper-button-prev{
    background:#428bca;
    border: 2px solid #428bca;
    color: #fff;
    border-radius:100%;
}


/* Buttons Disabled */
.swiper-container .swiper-button-disabled{
    opacity: 0.5!important;
}

/* Pagination */
.swiper-container-horizontal .swiper-pagination-bullets, 
.swiper-pagination-custom, 
.swiper-pagination-fraction{
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 5px;
}

/* 
 * Content  
 */

.swiper__logo--hero img{
    max-width: 100%;
}

.swiper__title--hero,
.swiper__subtitle--hero,
.swiper__description--hero{
    color: #fff;
}

.swiper__title--hero{
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
}

.swiper__subtitle--hero{
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    font-size: 1.125rem;
}

.swiper__description--hero{
    font-size: 1rem;
}

/* 
 * Media Queries 
 */

@media (min-width: 768px){

    .swiper__title--hero{
        font-size: 2.5rem;
    }

    .swiper__subtitle--hero{
    }

    .swiper__description--hero{
        font-size: 1.1rem;
    }

}