/* Page Votes */

/* Default desktop styling */


body.node-type-vote #main-content,
body.node-type-votemultiple #main-content,
body.open-votes #main-content,
body.archived-votes #main-content  {
    margin: 0 5%;
}

body.open-votes .view-content,
body.archived-votes .view-content {
    padding-bottom: 50px;
}


body.node-type-vote #main-content-header #page-title,
body.node-type-votemultiple #main-content-header #page-title,
body.open-votes #main-content-header #page-title,
body.archived-votes #main-content-header #page-title {
    text-align: center;
    text-transform: uppercase;
    font-family: "ralewayextrabold";
    font-size: 27px;
    letter-spacing: 4px;
    color: #041E3A;
    margin: 40px;
}

body.open-votes #content .vote-header,
body.archived-votes #content .vote-header-description {
    font-family: "merriweatherregular";
    font-size: 17px;
    color: #2A2828;
    text-align: center;
    margin: 0 5% 5% 0%;
}

body.open-votes .field-content a,
body.archived-votes .field-content a {
    font-family: "open_sansregular";
    font-size: 13px;
    font-weight: normal;
    line-height: 2.0;
    color: #0277AE;
}

body.open-votes .field-content a:hover,
body.archived-votes .field-content a:hover {
    color: #2A2828;
}



body.open-votes .view-content h3,
body.archived-votes .view-content h3 {
    text-transform: uppercase;
    font-family: "ralewayextrabold";
    font-size: 13px;
    letter-spacing: 4px;
    color: #041E3A;
    padding-top: 20px;
}


body.node-type-vote #main-content p,
body.node-type-votemultiple #main-content p,
body.node-type-vote .block-content,
body.node-type-votemultiple .block-content{
    font-family: "open_sansregular";
    font-size: 14px;
    color: #2A2828;
    margin: 0;
}

body.newsletters #main-content li {
    font-family: "open_sansitalic";
    font-size: 14px;
    color: #2A2828;
    line-height: 30px;
}

body.node-type-vote #main-content .block-title,
body.node-type-votemultiple #main-content .block-title,
body.node-type-votemultiple #main-content h2.field-label {
    text-transform: uppercase;
    font-family: "ralewayextrabold";
    font-size: 13px;
    letter-spacing: 4px;
    color: #041E3A;
    padding-top: 20px;
    padding-bottom: 10px;
    font-weight: normal;
}

body.node-type-votemultiple #main-content .multivote-row h2.field-label{
    display: none;
}

.views-field-field-voter-response {
    font-family: "open_sansitalic";
    font-size: 16px;
    color: #A51D31;
}



body.node-type-vote .block-content .view-all-votes a,
body.node-type-votemultiple .block-content .view-all-votes a,
body.open-votes .vote-header-link a {
    border: 2px solid #0277AE;
    display: inline-block;
    margin-top: 30px;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "ralewayextrabold";
    font-size: 12px;
    letter-spacing: 3px;
    font-weight: normal;
}

body.open-votes .vote-header-link {
    text-align: left;
    margin: 0;
}



body.node-type-vote .block-content .view-all-votes a:hover,
body.node-type-votemultiple .block-content .view-all-votes a:hover,
body.open-votes .vote-header-link a:hover {
    background-color: #0277AE;
    border-color: #0277AE;
    color:#fff;
}

body.node-type-vote .panels-flexible-row-51-main-row,
body.node-type-votemultiple .panels-flexible-row-54-main-row{
    text-align: center;
    border: 1px solid;
    padding: 0px;
}

body.node-type-vote .panels-flexible-region-51-center,
body.node-type-votemultiple .panels-flexible-region-54-center{
    border-right: 1px solid;
    height: 125px;
}

body.node-type-vote .panels-flexible-region-51-survey_name,
body.node-type-votemultiple .panels-flexible-region-54-survey_name{
    border-right: 1px solid;
    height: 125px;
    margin: 0px;
}

body.node-type-vote .panels-flexible-row-51-1-inside,
body.node-type-votemultiple .panels-flexible-row-54-1-inside{
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
}


body.node-type-vote .rules-link-yes_vote,
body.node-type-vote .rules-link-vote_no,
body.node-type-vote .rules-link-abstain {
    text-align: center;
}

body.node-type-vote .panels-flexible-row-51-2,
body.node-type-votemultiple .panels-flexible-row-54-2{
    margin: 2em 0;
}

body.node-type-vote .panels-flexible-row-51-2 .panels-flexible-region,
body.node-type-votemultiple .panels-flexible-row-54-2 .panels-flexible-region,
.panels-flexible-row-51-main-row-inside .panels-flexible-region
{
    display: inline-block;
}

body.node-type-vote .panels-flexible-row-51-2 .panels-flexible-region a,
body.node-type-votemultiple .panels-flexible-row-54-2 .panels-flexible-region a{
    padding: 1em 0;
    color: white;
    display: block;
    font-family: "ralewayextrabold";
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
}


body.node-type-vote .panels-flexible-row-51-2 .rounded-shadow,
body.node-type-vote .panels-flexible-row-51-2 .rounded-shadow-wrap-corner .rounded-shadow-left-edge,
body.node-type-vote .panels-flexible-row-51-2 .rounded-shadow-wrap-corner .rounded-shadow-right-edge,
body.node-type-vote .panels-flexible-row-51-2 .pane-entity-field-extra.block
{
    padding: 0;
    margin: 0;
} 

#multivote-form  .form-type-radios .form-radios {
    overflow: hidden;
}

#multivote-form .form-type-radios input[type=radio] {
    display:none;
}

#multivote-form .form-type-radios .form-radio + label {
    width: 283px;
    height: 65px;
    display:inline-block;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 60px;
    color: #0277AE;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.4);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.4);
}
#multivote-form .form-type-radios .form-radio + label:hover {
    text-decoration: underline;
}
div[id^="edit-voteoption-"] {
    display: flex;
    justify-content: space-between;
    padding:5px;
}
input[id^="edit-voteoption-"][id$="0"] + label {
    background-color: #F82828;   
}
input[id^="edit-voteoption-"][id$="1"] + label {
    background-color: #30f13a;   
}
input[id^="edit-voteoption-"][id$="2"] + label {
    background-color: #BCB6B6;   
}
#multivote-form .form-type-radios label{
    display:none;
}

#multivote-form .form-type-radios .form-radio:checked + label {
    background-image:url(../images/checked-24x24.png);
    background-repeat: no-repeat;
}

#multivote-form .form-submit{
    border : none;
    width: 283px;
    height: 65px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    display: block; 
    padding: 4px 12px;
    font-size: 14px;
    line-height: 60px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    background-color : #0a66c9;
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.4);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.4);
}

#multivote-form hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

/* Mobile styling */
@media screen and (max-width: 780px){ 


    body.node-type-vote #main-content-header #page-title,
    body.node-type-votemultiple #main-content-header #page-title{
        font-size: 17px;
    }


    body.node-type-vote .panels-flexible-row-51-2 .panels-flexible-region,
    body.node-type-votemultiple .panels-flexible-row-54-2 .panels-flexible-region,
    .panels-flexible-row-51-main-row-inside .panels-flexible-region
    {
        float: none;
        width: 100%;
        margin-bottom: 2em;
    }

    body.node-type-vote .panels-flexible-51 .panels-flexible-region-inside,
    body.node-type-votemultiple .panels-flexible-51 .panels-flexible-region-inside
    {
        padding: 0;
    }

}