@import "../vars.less";

@media (min-width: 768px) 
{
    .banner, .banner .banner-left
    {
        height: 200px;
    }
    .site-logo img
    {
        max-width: 200px;
    }
    .banner-left
    {
        border-top-right-radius: 25% 100%;
    }
    .navbar
    {
        background-color: #fff;
    }
    nav .navbar-nav li:first-child a
    {
        padding-left: 0 !important;
    }    
    nav .navbar-nav li:last-child
    {
        padding-right: 0;
    }
    .dropdown-menu
    {
        border-radius: 0;
        padding: 0;
    }
    .dropdown-menu a.dropdown-item:focus, .dropdown-menu a.dropdown-item:hover
    {
        background-color: @primaryColor;
        color: #fff;
    }          
    .carousel-item
    {
        margin-right: 0;        
    }
    #carouselHome .carousel-item
    {
        height: 550px;
    }
    .carousel-caption
    {
        width: 320px;
        height: 320px;
        padding: 2rem;
        background-color: @primaryColor;
        color: #fff;
        left: 75%;
        bottom: 20%;
    }
    .carousel-caption h5
    {
        font-size: 1.7rem;
        padding-bottom: 1rem;
    }
    .carousel-caption a
    {
        color: #fff;
    }
    .carousel-indicators
    {
        left: 75%;
        bottom: 20%;
        margin-left: 0;
        margin-right: 0;
        width: 320px;
    }
    .partners
    {
        .carousel-item
        {
            margin-right: 0;
        }
        /* show 5 items */
        .carousel-inner .active,
        .carousel-inner .active + .carousel-item,
        .carousel-inner .active + .carousel-item + .carousel-item,
        .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
            display: block;
        }

        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
            transition: none;
        }

        .carousel-inner .carousel-item-next,
        .carousel-inner .carousel-item-prev {
            position: relative;
            transform: translate3d(0, 0, 0);
        }

        .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
            position: absolute;
            top: 0;
            right: -25%;
            z-index: -1;
            display: block;
            visibility: visible;
        }

        /* left or forward direction */
        .active.carousel-item-left + .carousel-item-next.carousel-item-left,
        .carousel-item-next.carousel-item-left + .carousel-item,
        .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
        .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
        .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
            position: relative;
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }

        /* farthest right hidden item must be abso position for animations */
        .carousel-inner .carousel-item-prev.carousel-item-right {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            display: block;
            visibility: visible;
        }

        /* right or prev direction */
        .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
        .carousel-item-prev.carousel-item-right + .carousel-item,
        .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
        .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
        .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
            position: relative;
            transform: translate3d(100%, 0, 0);
            visibility: visible;
            display: block;
            visibility: visible;
        }
    }
    
    .content .col-md-9 p
    {
        width: 80%;
    }
    .full-profile .col-md-4 .btn
    {
        max-width: 235px;
    }   
    .full-profile > .row > div:first-child
    {
        text-align: left;
    }
    .secondary ol, .secondary ul
    {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }
    .secondary ol li:nth-child(even), .secondary ul li:nth-child(even)
    {
        border-bottom: 3px solid @olBorderColor;
    }
    .footer-left, .footer-right
    {
        text-align: left;
    }
    .footer-left #mc_embed_signup_scroll
    {
        margin-left: 0;
        margin-right: 0;
    }
}