/* http://jsfiddle.net/3zdfqLje/ */

input[type="radio"] {background-image: url(../icons/nfl.svg);}
input[value="Ravens"] {background-image: url(../icons/BAL.svg);background-color:#241773;}
input[value="Bengals"] {background-image: url(../icons/CIN.svg);background-color:#FB4F14;}
input[value="Browns"] {background-image: url(../icons/CLE.svg);background-color:#FF3C00;}
input[value="Steelers"] {background-image: url(../icons/PIT.svg);background-color:#000000;}
input[value="Bears"] {background-image: url(../icons/CHI.svg);background-color:#0B162A;}
input[value="Lions"] {background-image: url(../icons/DET.svg);background-color:#0076B6;}
input[value="Packers"] {background-image: url(../icons/GB.svg);background-color:#203731;}
input[value="Vikings"] {background-image: url(../icons/MIN.svg);background-color:#4F2683;}
input[value="Texans"] {background-image: url(../icons/HOU.svg);background-color:#03202F;}
input[value="Colts"] {background-image: url(../icons/IND.svg);background-color:#002C5F;}
input[value="Jaguars"] {background-image: url(../icons/JAX.svg);background-color:#9F792C;}
input[value="Titans"] {background-image: url(../icons/TEN.svg);background-color:#002244;}
input[value="Falcons"] {background-image: url(../icons/ATL.svg);background-color:#A71930;}
input[value="Panthers"] {background-image: url(../icons/CAR.svg);background-color:#0085CA;}
input[value="Saints"] {background-image: url(../icons/NO.svg);background-color:#D3BC8D;}
input[value="Buccaneers"] {background-image: url(../icons/TB.svg);background-color:#D50A0A;}
input[value="Bills"] {background-image: url(../icons/BUF.svg);background-color:#00338D;}
input[value="Dolphins"] {background-image: url(../icons/MIA.svg);background-color:#008E97;}
input[value="Patriots"] {background-image: url(../icons/NE.svg);background-color:#002244;}
input[value="Jets"] {background-image: url(../icons/NYJ.svg);background-color:#003F2D;background-position-x:5px;}
input[value="Giants"] {background-image: url(../icons/NYG.svg);background-color:#0B2265;}
input[value="Eagles"] {background-image: url(../icons/PHI.svg);background-color:#004C54;}
input[value="Cowboys"] {background-image: url(../icons/DAL.svg);background-color:#002244;}
input[value="Commanders"] {background-image: url(../icons/WAS.svg);background-color:#5A1414;background-position-x:3px;}
input[value="Broncos"] {background-image: url(../icons/DEN.svg);background-color:#002244;}
input[value="Chiefs"] {background-image: url(../icons/KC.svg);background-color:#E31837;}
input[value="Raiders"] {background-image: url(../icons/OAK.svg);background-color:#000000;}
input[value="Chargers"] {background-image: url(../icons/LAC.svg);background-color:#002A5E;}
input[value="Cardinals"] {background-image: url(../icons/ARI.svg);background-color:#97233F;}
input[value="Rams"] {background-image: url(../icons/LA.svg);background-color:#002244;}
input[value="49ers"] {background-image: url(../icons/SFO.svg);background-color:#AA0000;}
input[value="Seahawks"] {background-image: url(../icons/SEA.svg);background-color:#002244;}


form.miniSurveyView {
    font-size: 1.5em;
}

.miniSurveyView input[type="radio"] {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: inherit !important;
}

.miniSurveyView input[type="radio"]:active{
     opacity: 1;
}

.miniSurveyView input[type="radio"]:checked, .miniSurveyView input[type="radio"]:checked:hover{
     -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}

.miniSurveyView input[type="radio"] {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 68px;
    -webkit-transition: all 100ms ease-in !important;
       -moz-transition: all 100ms ease-in !important;
            transition: all 100ms ease-in !important;
    -webkit-filter: grayscale(1) opacity(.5);
       -moz-filter: grayscale(1) opacity(.5);
            filter: grayscale(1) opacity(.5);
}

.miniSurveyView input[type="radio"]:hover {
    -webkit-filter: opacity(.7);
       -moz-filter: opacity(.7);
            filter: opacity(.7);
}

.miniSurveyView label{float:left; margin-right: 2em; text-align:center;margin-top: 1em;}

.miniSurveyView .radio label span{
    display: block;
    text-align: center;
    font-size: smaller;
    opacity: .5;
}

.miniSurveyView .form-group.field.field-radios {
    float: left;
    width: 50%;
}

.miniSurveyView label.control-label {
    width: 100%;
    text-align: left;
}

.miniSurveyView .radio label {
    padding-left:0px;
}

.miniSurveyView .radio input[type="radio"] {
    margin-left:0px;
}

.miniSurveyView div.g-recaptcha {
    clear: both;
    padding-top: 1em;
}

.miniSurveyView textarea, .checkboxList, form .text-muted {
    display: none !important;
}

.miniSurveyView .field-textarea label {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    text-transform: uppercase;
    color: Firebrick;
}

.miniSurveyView .field-checkboxlist label {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: dodgerblue;
    text-transform: uppercase;
}

.form-action {
    clear: both;
}

@media screen and (min-width: 1200px){

.miniSurveyView .form-group.field.field-radios {
    width: 33%;
}}

@media screen and (max-width: 700px){

.miniSurveyView .form-group.field.field-radios {
    width: 100%;
}}