/* SLIDE HEIGHT */
.ls-outline .ls-slide{
    height:30vw !important;
}

/* IMAGE */
.ls-outline .ls-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    border-radius:32px;
    display:block;
}

/* CONTENT POSITION */
.ls-outline .ls-l{
    position:absolute !important;
    top:0;
    left:112px !important;
    height:100%;
    display:flex !important;
    align-items:center;
    z-index:3;
}

/* TEXT WIDTH */
.ls-outline .ls-l > *{
    max-width:420px;
    width:100%;
}

/* SPACING */
.ls-outline .ls-l > * + *{
    margin-top:24px;
}

/* TYPOGRAPHY */
.ls-outline .ls-l h1,
.ls-outline .ls-l h2,
.ls-outline .ls-l h3{
    font-size:3rem !important;
    margin:0;
}

.ls-outline .ls-l p{
    font-size:16px !important;
    margin:0;
}

/* ARROWS RESET SKIN */
.ls-outline .ls-nav-prev,
.ls-outline .ls-nav-next{
    width:48px !important;
    height:48px !important;
    border-radius:50% !important;
    border:1px solid #cccccc !important;
    box-shadow:none !important;
    top:50% !important;
    margin-top:-24px !important;
    transition:none !important;
}

/* REMOVE SKIN ANIMATION */
.ls-outline .ls-nav-prev:hover,
.ls-outline .ls-nav-next:hover{
    border: #D8232A
}

/* THIN ARROW ICON */
.ls-outline .ls-nav-prev:before,
.ls-outline .ls-nav-prev:after,
.ls-outline .ls-nav-next:before,
.ls-outline .ls-nav-next:after{
    width:2px !important;
    height:10px !important;
    background:#000 !important;
}

/* PAGINATION POSITION */
.ls-outline .ls-bottom-slidebuttons{
    position:absolute !important;
    left:114px !important;
    bottom:80px !important;
    top:auto !important;
}

/* DOT STYLE */
.ls-outline .ls-bottom-slidebuttons a{
    width:8px !important;
    height:8px !important;
    border-radius:999px !important;
    border:none !important;
    background:#ccc !important;
    margin-right:6px !important;
    transition:none !important;
}

/* ACTIVE DOT */
.ls-outline .ls-bottom-slidebuttons a.ls-nav-active{
    width:32px !important;
    background:#D8232A !important;
}
