/*
 * Start Bootstrap - Full Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
    height: 90%; /*changed from 100%*/
    font-family: Arial, sans-serif;
}

.carousel,
.item,
#carousel-active {
    height: 100%;
    min-height: 300px;
    /*margin-top: 30px;*/
    overflow: hidden;
}

.carousel-inner {
    height: 100%;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.first-rotator-image {
    background-image: url('/img/alzheimers-advocates-bold-passes-house.jpg');
    /*background-image: url('/img/advocates_background-min.jpg');*/
    /*background-image:url('/img/bold-act-alzheimers-carousel-image.png');*/
    /*background-image: url('/img/across_board_2_min.png');*/
    /*background-image: url('/img/alzheimers_research_funding_thank_you.jpg');*/
    /*background-image: url('/img/advocacy_forum_alz_people_2017_min.jpg');*/
    /*background-image:url('/img/care-and-support-alz-187.jpg');*/
    /*background-image:url('/img/alz_aim_banner_july_2017.jpg');*/ /*fireworks.jpg*/
    vertical-align: bottom;
}

.second-rotator-image {
    background-image:url('/img/alz-care-support-carousel-min.jpg');
    /*background-image:url('/img/fireworks.jpg');*/
    /*background-image:url('/img/alz-advocates-press-june-2018-min.jpg');*/
    /*background-image:url('/img/carousel-1in5.jpg');*/
    /*background-image:url('/img/capitol-background.jpg'); */
    vertical-align: bottom;
}

.third-rotator-image {
    background-image:url('/img/neurons-for-carousel.jpg');
    /*background-image:url('/img/stock_lowres.jpg');*/
    vertical-align: bottom;
}
/*.fourth-rotator-image {
    background-image:url('/img/115_congress_2017.jpg'); 
    vertical-align: bottom;
}*/
/*came from http://spacenews.com/edwards-to-run-for-mikulskis-senate-seat/*/
/*/img/fireworks.jpg*/

element.style {
}

.carousel-caption {
    text-align: left;
}

.carousel-indicators {
    text-align: left;
}

.carousel-control .icon-prev {
    font-size: 10rem;
    font-weight: 800;
}

.carousel-control .icon-next {
    font-size: 10rem;
    font-weight: 800;
}

.carousel-control .icon-prev:hover {
    cursor: pointer;
    color: #4a0D66;
}

.carousel-control .icon-next:hover {
    cursor: pointer;
    color: #4a0D66;
}

.carousel-control {
    opacity: 1;
    width: 8%;
}
.carousel-control.left {
    background: transparent;
}
.carousel-control.right {
    background: transparent;
}

.rotator-info {
    position: absolute;
    bottom: 0;
    height: 100%;
    background: rgba(0,0,0,.7);
    padding: 30px 30px;
    padding-top: 14%;
    width: 30%;
    margin: 0 0 0 100px;
}

.rotator-text-primary p {
    padding: 8px;
    color: #ffffff;
    font-size: 3.3rem;
    text-align: left;
    margin-bottom: 10px;
    letter-spacing: -1px;
    line-height: 1;
    text-transform: uppercase;
    font-family: "HouschkaAltPro-Medium", Arial, sans-serif;
}
.together {
    color: #FFA400;
}

.rotator-text-secondary p {
    color: #ffffff;
    font-size: 1.8rem;
    letter-spacing: 0px;
    line-height: 1.1;
    padding: 10px;
}

a.join-button {
    background-color: #FFA400;
    color: #ffffff;
    padding: 10px;
    border: solid 3px #e59300;
    margin-left: 10px;
    font-size: 2rem;
    line-height: 4;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-family: "HouschkaAltPro-Medium", Arial, sans-serif;
}

a.join-button:hover {
    background-image: none;
    background-color: #4a0D66;
    text-decoration: none;
    border: solid 1px #4a0D66;
    cursor: pointer;
}

a.login-button {
    background: transparent;
    color: #ffffff;
    padding: 10px;
    border: solid 1px #FFFFFF;
    font-size: 2rem;
    line-height: 4;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-family: "HouschkaAltPro-Medium", Arial, sans-serif;
}

a.login-button:hover {
    background-image: none;
    background-color: #4a0D66;
    text-decoration: none;
    border: solid 1px #4a0D66;
    cursor: pointer;
}
#below-rotator {
    display: none;
}

/* ------------------------ HOME PAGE ROTATOR RESPONSIVE DESIGN ------------------------ */

@media (max-width: 991px) {
    .carousel-control .icon-prev {
        font-size: 3rem;
        font-weight: 300;
    }
    
    .carousel-control .icon-next {
        font-size: 3rem;
        font-weight: 300;
    }

@media (min-width: 1501px) {
    .rotator-info {
        margin: 0 0 0 160px;
        width: 35%;
    }
    .rotator-text-primary p {
        padding: 5px;
        font-size: 2.8rem;
        margin-bottom: 10px;
        letter-spacing: -1px;
        line-height: 1.3;
    }
    .rotator-text-secondary p {
        font-size: 2rem;
        letter-spacing: 0px;
        line-height: 1.4;
        padding: 5px;
        margin-bottom: 20px;
    }
    a.join-button {
        padding: 15px;
        margin-left: 5px;
        font-size: 2rem;
        line-height: 2;
        letter-spacing: -1px;
    }

    a.login-button {
        padding: 15px;
        font-size: 2.0rem;
        line-height: 2;
        letter-spacing: -1px;
    }
}

@media (max-width: 1500px) {
    .rotator-info {
        margin: 0 0 0 140px;
        width: 35%;
    }
    .rotator-text-primary p {
        padding: 5px;
        font-size: 3.5rem;
        margin-bottom: 10px;
        letter-spacing: -1px;
        line-height: .9;
    }
    .rotator-text-secondary p {
        font-size: 1.8rem;
        letter-spacing: 0px;
        line-height: 1;
        padding: 5px;
        margin-bottom: 10px;
    }
    a.join-button {
        padding: 15px;
        margin-left: 5px;
        font-size: 2.2rem;
        line-height: 2;
        letter-spacing: -1px;
    }

    a.login-button {
        padding: 15px;
        font-size: 2.2rem;
        line-height: 2;
        letter-spacing: -1px;
    }
}

@media (max-width: 1300px) {
    .rotator-info {
        margin: 0 0 0 110px;
        width: 35%;
    }
    .rotator-text-primary p {
        padding: 5px;
        font-size: 3.8rem;
        margin-bottom: 10px;
        letter-spacing: -2px;
        line-height: .9;
    }
    .rotator-text-secondary p {
        font-size: 2rem;
        letter-spacing: 0px;
        line-height: 1;
        padding: 5px;
        margin-bottom: 10px;
    }
    a.join-button {
        padding: 10px;
        margin-left: 5px;
        font-size: 2rem;
        line-height: 2;
        letter-spacing: -1px;
    }

    a.login-button {
        padding: 10px;
        font-size: 2rem;
        line-height: 2;
        letter-spacing: -1px;
    }
}

@media (max-width: 1100px) {
    .rotator-info {
        margin: 0 0 0 100px;
        width: 35%;
    }
    .rotator-text-primary p {
        padding: 5px;
        font-size: 2.2em;
        margin-bottom: 10px;
        letter-spacing: -2px;
        line-height: 1;
    }
    .rotator-text-secondary p {
        font-size: 1.4em;
        letter-spacing: 0px;
        line-height: 1.1;
        padding: 5px;
        margin-bottom: 20px;
    }
    a.join-button {
        padding: 15px;
        margin-left: 5px;
        font-size: 2.0rem;
        line-height: 2;
        letter-spacing: -1px;
    }

    a.login-button {
        padding: 15px;
        font-size: 2.0rem;
        line-height: 2;
        letter-spacing: -1px;
    }
}


@media (max-width: 991px) {
    .rotator-info {
        display: none;
    }
    #below-rotator {
        display: block;
        width: 100%;
        padding: 10px;
    }
    .rotator-text-primary p {
        color: #000000;
        text-align: center;
        padding: 10px;
        font-size: 5.0rem;
        letter-spacing: -2px;
        line-height: 1.2;
        font-family: "HouschkaAltPro-Medium", Arial, sans-serif;
    }
    .rotator-text-secondary p {
        color: #000000;
        text-align: center;
        font-size: 2.0rem;
        letter-spacing: 0px;
        line-height: 1.2;
        padding: 5px 20px;
        margin-bottom: 10px;
    }
    .callout-buttons {
        text-align: center;
    }
    a.join-button {
        padding: 12px 36px;
        margin-left: 5px;
        font-size: 2.0rem;
        line-height: 2;
        letter-spacing: -1px;
        font-family: "HouschkaAltPro-Medium", Arial, sans-serif;
    }

    a.login-button {
        padding: 12px 36px;
        font-size: 2.0rem;
        line-height: 2;
        letter-spacing: -1px;
        color: #000000;
        border: solid 1px #000000;
        font-family: "HouschkaAltPro-Medium", Arial, sans-serif;
    }
    span.join-or {
        color: #000000;
        padding: 20px;
        font-size: 1em;
        font-family: "HouschkaAltPro-Medium", Arial, sans-serif;
    }
}

@media (max-width: 800px) {
    .rotator-text-primary p {
        padding: 10px;
        font-size: 4.2rem;
        margin-bottom: 10px;
        letter-spacing: -1px;
        line-height: 1;
    }
    .rotator-text-secondary p {
        font-size: 1.8rem;
        letter-spacing: -.5px;
        line-height: 1.2;
        padding: 10px;
        margin-bottom: 10px;
    }
    a.join-button {
        padding: 12px 32px;
        margin-left: 5px;
        font-size: 2.0rem;
        line-height: 2;
        letter-spacing: -1px;
    }

    a.login-button {
        padding: 12px 32px;
        font-size: 2.0rem;
        line-height: 2;
        letter-spacing: -1px;
    }
}

@media (max-height: 400px) {
    .rotator-text-primary p {
        padding: 5px;
        font-size: 2.8rem;
        margin-bottom: 5px;
        letter-spacing: -1px;
        line-height: 1;
    }
    .rotator-text-secondary p {
        font-size: 1.4rem;
        letter-spacing: -.5px;
        line-height: 1;
        padding: 5px;
        margin-bottom: 10px;
    }
    a.join-button {
        padding: 6px 12px;
        margin-left: 5px;
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: -1px;
    }

    a.login-button {
        padding: 6px 12px;
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: -1px;
    }
}


@media (max-width: 660px) {
    .rotator-text-primary p {
        padding: 10px;
        font-size: 4.0rem;
        margin-bottom: 10px;
        letter-spacing: -1px;
        line-height: 1;
    }
    .rotator-text-secondary p {
        font-size: 1.8rem;
        letter-spacing: -.5px;
        line-height: 1.2;
        padding: 10px;
        margin-bottom: 20px;
    }
    a.join-button {
        padding: 12px 24px;
        margin-left: 5px;
        font-size: 2.0rem;
        line-height: 2;
        letter-spacing: -1px;
    }

    a.login-button {
        padding: 12px 24px;
        font-size: 2.0rem;
        line-height: 2;
        letter-spacing: -1px;
    }
}

@media (max-width: 440px) {
    .rotator-text-primary p {
        padding: 10px;
        font-size: 3.0rem;
        margin-bottom: 10px;
        letter-spacing: -1px;
        line-height: 1.2;
    }
    .rotator-text-secondary p {
        display: none;
        /*font-size: 1.8rem;
        letter-spacing: -.5px;
        line-height: 1;
        padding: 10px;
        margin-bottom: 20px;*/
    }
    a.join-button {
        padding: 10px 24px;
        margin-left: 5px;
        font-size: 2.0rem;
        line-height: 2;
        letter-spacing: -1px;
    }

    a.login-button {
        padding: 10px 24px;
        font-size: 2.0rem;
        line-height: 2;
        letter-spacing: -1px;
    }
}


@media (max-width: 325px) {
    .rotator-text-primary p {
        padding: 5px;
        font-size: 2.8rem;
        margin-bottom: 10px;
        letter-spacing: -1px;
        line-height: 1;
    }
    .rotator-text-secondary p {
        display: none;
        /*font-size: 1.5rem;
        letter-spacing: 1px;
        line-height: 1;
        padding: 10px;
        margin-bottom: 20px;*/
    }
    a.join-button {
        padding: 8px 24px;
        margin-left: 5px;
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: -1px;
    }
    a.login-button {
        padding: 8px 24px;
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: -1px;
    }
}