/****** CUSTOM CSS FOR POLITIC THING ******/


.full-width {

    width: 100%;

}

body {
    
    background: #000000;
    text-align: center;

}



.section1 {
    
    background-image: url('../img/header2.png');
    height: 400px;
    
}

.section1other {
    
    background-image: url('../img/header2.png');
    
}


.section2 {

    padding-top: 20px;
    background: #F2F2F2;
    
}


.section3, .section3 > .panel {

    padding-top: 20px;
    background: #BBBBBB;
    
}


.section4 {
    
    padding-top: 20px;
    background: #CCCCCC;
    
}




.header {

    text-align: center;
    font: bold;

}

.header > h1 {

    color: #FFFFFF;
    padding-top: 0px;
    text-align: center;
    font-size: 4em;
    text-shadow: 2px 2px #000000;    /*margin-left: 39%;*/
}

#logo {
    
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    padding-bottom: 0px;
    text-shadow: 2px 2px #000000;
    
    
}


#logoOther {
    
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    text-shadow: 2px 2px #000000;

}
    
.panel {

    border: none;

}

.candidates {
    
    border: none;
    margin-bottom: 30px;
    
}

.candidates > img {
    
    border-radius: 150px;
    border-style: solid;
    border-width: 3px;
    padding: 2px;
    width: 275px;

}

.candidates {
    
    padding-bottom: 0px;
}

.yesName {
    
    display: none;
    
}

.repub:hover > .noName {
    
    
    display: none;
    
    
}

.repub:hover > .yesName {
    
    
    display: inline;
    
    
}


.demo:hover > .noName {
    
    
    display: none;
    
    
}

.demo:hover > .yesName {
    
    
    display: inline;
    
    
}

.lib:hover > .noName {
    
    
    display: none;
    
    
}

.lib:hover > .yesName {
    
    
    display: inline;
    
    
}

.greens:hover > .noName {
    
    
    display: none;
    
    
}

.greens:hover > .yesName {
    
    
    display: inline;
    
    
}




.repub > img {
    
       border-color: #FF0000;
}

.demo > img {
    
       border-color: #0000FF;
}

.lib > img {
    
       border-color: #CCCC00;
}

.greens > img {
    
       border-color: #00B355;
}



.name {

    display: none;
    background-color: #3C3C3C;
    color: #FFFFFF;
    width: 100%;
    height: 100%;
    border-radius: 150px;
    
}

.candidates:hover ~ .name {

    display: all;

}


.candidates:hover {
    
    -webkit-animation-name: candidatesZoom;
    -webkit-animation-duration: 1s;
    
    
}


.issues {
    
    background: #CCCCCC;
    
}

.issuesOther {
    
    background: #F2F2F2;
    
}

.issues > img {
    
    width: 80px;
    margin-bottom: 5px;
}

.droppedOut {
    
    display: none;

}


.hidden {

    display: none;

}

#twitter-widget {

    background-color: #CCCCCC;
    margin-bottom: 30px;
    
}

.footer > img {
    
    border-radius: 100px;
    border-style: solid;
    border-width: 3px;
    border-color: #FFFFFF;
    padding: 2px;
    width: 175px;
    margin-bottom: -5px;
}

.footer > h4 {

    text-align: center;
    color: #BBBBBB; !important;
    font-variant: small-caps;
    margin-top: -15px;

}


.buttonWide {
    
    width: 100%;
    
}

#twitter-widget > h1 {

    color: #FFFFFF;
    margin-top: -20px;

}


.twitter {

    padding;

}


.attributions {
    
    text-align: left;
    
}

.panel {
    
    background: inherit;
    
}


/*/////// MEDIA QUERIES ///////*/


@media only screen and (max-width: 40em) {
   
    .hideMobile {
    
        display: none;
    
    }
     
    #twitter-widget {
        
        
    
    }
}








/*/////// CSS ANIMATIONS ///////*/


/*
@keyframes candidatesZoom {
    0%   {width: 100% height: 100%;}
    100% {width: 150% height: 150%;}
}
*/