/* Add here all your css styles (customizations) */

.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

.cc-selector-2 input{
    position:absolute;
    z-index:999;
}

.white{background-image:url(http://yourcallsignhere.com/ycsAssets/img/white.png);}
.beige{background-image:url(http://yourcallsignhere.com/ycsAssets/img/beige.png);}
.grey{background-image:url(http://yourcallsignhere.com/ycsAssets/img/grey.png);}
.pink{background-image:url(http://yourcallsignhere.com/ycsAssets/img/pink.png);}
.odgreen{background-image:url(http://yourcallsignhere.com/ycsAssets/img/odgreen.png);}

.rockwell{background-image:url(http://yourcallsignhere.com/ycsAssets/img/rockwell.png);}
.stencil{background-image:url(http://yourcallsignhere.com/ycsAssets/img/stencil.png);}
.bernard{background-image:url(http://yourcallsignhere.com/ycsAssets/img/bernard.png);}
.erasbold{background-image:url(http://yourcallsignhere.com/ycsAssets/img/erasbold.png);}
.consolas{background-image:url(http://yourcallsignhere.com/ycsAssets/img/Consolas.png);}

.white1{background-image:url(http://yourcallsignhere.com/ycsAssets/img/white.png);}
.beige1{background-image:url(http://yourcallsignhere.com/ycsAssets/img/beige.png);}
.grey1{background-image:url(http://yourcallsignhere.com/ycsAssets/img/grey.png);}
.pink1{background-image:url(http://yourcallsignhere.com/ycsAssets/img/pink.png);}
.odgreen1{background-image:url(http://yourcallsignhere.com/ycsAssets/img/odgreen.png);}

.rockwell1{background-image:url(http://yourcallsignhere.com/ycsAssets/img/rockwell.png);}
.stencil1{background-image:url(http://yourcallsignhere.com/ycsAssets/img/stencil.png);}
.bernard1{background-image:url(http://yourcallsignhere.com/ycsAssets/img/bernard.png);}
.erasbold1{background-image:url(http://yourcallsignhere.com/ycsAssets/img/erasbold.png);}
.consolas1{background-image:url(http://yourcallsignhere.com/ycsAssets/img/Consolas.png);}

.antenna1{background-image:url(http://yourcallsignhere.com/ycsAssets/img/antenna1.png);}
.antenna2{background-image:url(http://yourcallsignhere.com/ycsAssets/img/antenna2.png);}
.skywarn{background-image:url(http://yourcallsignhere.com/ycsAssets/img/skywarn.png);}
.keyer{background-image:url(http://yourcallsignhere.com/ycsAssets/img/keyer.png);}
.oval{background-image:url(http://yourcallsignhere.com/ycsAssets/img/oval.png);}

.oneinch{background-image:url(http://yourcallsignhere.com/ycsAssets/img/oneinch.png);}
.onehalfinch{background-image:url(http://yourcallsignhere.com/ycsAssets/img/onehalfinch.png);}
.twoinch{background-image:url(http://yourcallsignhere.com/ycsAssets/img/twoinch.png);}

.cc-selector-2 input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
            border-style: solid;
    		border-width: 5px;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:200px;height:100px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/* Extras */
a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}
* { font-family:monospace; }
.cc-selector-2 input{ margin: 5px 0 0 12px; }
.cc-selector-2 label{ margin-left: 7px; }
span.cc{ color:#6d84b4 }