﻿
.section-slideshow{
    margin-top:50px;
    min-height:400px;
}

.section-slideshow ul{
    margin:0;
    padding:0;
    list-style:none
}

.section-slideshow .sflistitem{
    display:none;
    padding-left:30px;
    padding-right:30px;
}

.section-slideshow .sflistitem:first-child{
    display:block;
}

.section-slideshow .table{
    display:table;
    width:100%;
}

    .section-slideshow .table .left, .section-slideshow .table .right {
        display: table-cell;
        vertical-align:top;
    }

    .section-slideshow .table .right {
        display: table-cell;
        vertical-align: top;
        padding-left: 100px;
    }

    .section-slideshow .table .right img {
        max-width: 380px;
        max-height: 380px;
    }

    .section-slideshow .button{
        margin-top:20px;
        max-width:200px;
    }

    .section-slideshow h1, .section-slideshow h2 {
        font-size: 40px;
    }

    .section-slideshow .countdown, .section-slideshow .countdownheader {
        color: #a72231 !important;
    }

    .section-slideshow .countdownheader{
        text-align:center;
    }

    .section-slideshow .countdownheader h1 {
        color:black;
        padding-bottom:0px;
        margin-bottom:5px;
    }

    .section-slideshow .countdown {
        border-style: solid;
        border-width: 1px 0 1px 0;
        border-color:#dedede;
        padding:10px 0 10px 0;
        margin-top:20px;
    }

        .section-slideshow .countdown .days {
            color: black !important;
        }

        .section-slideshow .countdown .cell .circle {
            border-color: #a72231 !important;
        }

        .slideshow-controls{
            position:absolute;
        }

            .slideshow-controls .caret-left, .slideshow-controls .caret-right{
                position:absolute;
                left:0;
                margin-top:200px;
                padding:10px;
                background:rgba(0,0,0,.7);
                cursor:pointer;
                z-index:9;
            }

            .slideshow-controls .caret-right {
                left:auto;
                right:0;
            }
.mission{
    font-size:38px !important;
    margin-bottom:20px !important;
}

/*nav*/

.section-nav .base-content-in{
    max-width:1400px;
    padding:0px;
}
.section-nav .nav {
    margin-top:-40px;
    display: table;
    width:100%;
    box-shadow: 0px 10px 39px -25px rgba(0,0,0,0.73);
}

.section-nav .nav .cell {
    display: table-cell;
    width:33.3%;
    vertical-align:top;
    padding:50px;
    background:white;
}

.section-nav ul{
    list-style:none;
    margin:0;
    padding:0;
}

.section-nav ul a{
    padding:15px;
    display:block;
    border-style:solid;
    border-width:0 0 1px 0;
    border-color: #dddddd;
    color: #333333 !important;
}

.section-nav .cell h1, .section-nav .cell h2 {
    font-family: RaleWay;
}

.section-nav .cell:nth-child(2) {
    background-image: url(/images/default-source/ui/flag-red.png);
    background-size: cover;
    background-color: #8c1b27;
}

    .section-nav .cell:nth-child(2) h1, .section-nav .cell:nth-child(2) h2 {
        color: white !important;
    }

    .section-nav .cell:nth-child(2) ul a {
        color: white !important;
        border-color: #a3544c;
    }


/*how can we help*/
.section-help {
    background: #214181;
    min-height:50px;
    padding:30px 0px 90px 0px;
    
}

.section-help .base-content-in{
    max-width:1100px;
    padding:0px;
}

    .section-help h1, .section-help h2 {
        text-align: center;
        color: white;
        font-size: 45px;
        background-position: bottom center;
        margin-bottom: 40px;
        font-family: RaleWay;
    }

.section-help .table{
    display:table;
    width:100%;
}

.section-help .table .cell{
    display:table-cell;
    width:20%;
    text-align:center;

}

.section-help img{
    
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    width:calc(100% - 40px);
    max-width:176px;
}

.section-help a{
    color:white;
    text-transform:uppercase;
    font-size:16px;
}

/*section news*/

.section-news{
    margin-top:70px;
    margin-bottom:40px;
}

.section-news .base-content-in{
    max-width:1350px;
}

    .section-news .news-label {
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        color: #2A70A2;
    }

    .section-news h1, .section-news h2 {
        font-size: 38px;
        margin-bottom: 40px;
        font-family:RaleWay;
    }


    /*sitefinity news widget*/
    .news-list {
    }

    .news-list .news-list-item {
        display: table;
        margin-bottom:30px;
    }

        .news-list .news-list-item .day, .news-list .news-list-item .month {
            font-weight: 700;
            font-size: 38px;
            color: #a72231;
            text-align:center;
            line-height:38px;
        }


        .news-list .news-list-item .month {
            font-size:15px;
            text-transform:uppercase;
            line-height:20px;
        }

            .news-list .left, .news-list .right {
                display: table-cell;
                vertical-align:top;
            }


.news-list .left{
    width: 60px;
}

.news-list .right{
    padding-left:30px;
}

        .news-list h2, .news-list h3 {
            margin-top: 3px;
            margin-bottom: 10px;
            font-size: 18px;
        }

            .news-list h2 a, .news-list h3 a {
                color: #333333 !important;
                text-transform:uppercase;
                font-family:RaleWay;
            }

        .news-list .sfnewsMetaInfo {
            font-style:italic;
            margin-bottom:20px;
            font-size:12px;
        }

        .news-list .button{
            max-width:100px;
            font-size:13px;
        }

    

.twitter-container {
    max-height: 540px;
    overflow-y: scroll;
}

.section-countdown {
    background: #76151c;
}

.voter-stats h2.bar{
    display:none;
}


@media(max-width:990px) {

    
}

@media(max-width:800px){

    .section-help h1{
        padding-left:10px;
        padding-right:10px;
    }

    .section-help .table .cell {
        display: block;
        width: 100%;
        padding-bottom: 40px;
    }
}

@media(max-width:600px) {
    .section-nav .nav .cell {
        display: block;
        width: calc(100% - 100px);
    }

    .section-slideshow .table .left {
        display: block;
        width:100%;
        text-align:center;
    }

        .section-slideshow .table .left h1{
            text-align:center;
            background-position:bottom center;
        }

        .section-slideshow .table .left .button{
            margin-left:auto;
            margin-right:auto;
        }

        .section-slideshow .table .right {
            display: none;
        }

}

@media(max-width:500px) {

       

    .section-nav h1 {
        font-size: 20px;
    }
}