@font-face {
    font-family: Serif-Gothic-Heavy;
    src: url('/fonts/Serif-Gothic-Heavy.otf');
}

@font-face {
    font-family: Proxima-Nova-Extra-Condensed-Semibold;
    src: url('/fonts/Proxima-Nova-Extra-Condensed-Semibold.otf');
}

.player {
    color:#3d8ba1;
    text-transform: uppercase;
}

.luke-sucks{
    border-color:#666 !important;
}

body {
    color: #dbd9d6;
    background-image: url("/images/FF-BG.png");
    background-color: #000;
    font-family: Proxima-Nova-Extra-Condensed-Semibold;
    text-transform:uppercase;
}

.off-board{
    color:red;
    text-decoration: line-through;
}

.modal-body input {
    text-transform:uppercase !important;
}

p {
    font-family: Proxima-Nova-Extra-Condensed-Semibold, Arial, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
}

#header{
    height: 12vh;
    margin-bottom: 20px;
}

#ff_logo{
    height:10vh;
    //max-width:25%;
    float:left;
    //margin:0 50px 0 30px;
    margin: 0 0px 0 10px;
}

#ff_title {
    height:10vh;   
    float:left;
}

.ff-timer {
    height:10vh;
    font-family: Proxima-Nova-Extra-Condensed-Semibold, Arial, sans-serif;
    font-size: 58px;
    float:right;
    margin-right: 50px;
    text-transform: uppercase;
    padding-top:20px;
}

#header h1 {
    padding:5px;
}

.action{
    margin-right:20px;
    float:left;
    font-size:20px;
}


#body {
    height:80vh
}

#queue {
    width:15vw;
    height:80vh;
    margin-left: 50px;
    float:left;
    border-right: #dbdbdb 1px solid;
}

#queue h2 {
    margin:0px 50px 20px 0;
    font-family: Serif-Gothic-Heavy, Georgia, serif;
    text-transform: uppercase;
    text-decoration: underline;
}

#queue p {
    text-transform: uppercase;
    margin-bottom:0px;
    font-size:16pt;
}

#machines {
    height:83vh;
}

.machine_block .players{
    margin-top:-1px;
}

.machine_block_ipad .players{
    margin-top:-5px;
}

.machine_block .players p{
    text-align: center;
    text-transform: uppercase;
    line-height: 0.6em;
    font-size:20pt;
}

.machine_block_ipad .players p{
    text-align: center;
    text-transform: uppercase;
    line-height: 0.6em;
    font-size:20pt;
}

input.player_action{
    font-size:24pt;
}


.machine_block h3{
    margin-top:2px;
    text-align:center;
    width:12vw;
}

.versus {
    color: #a5a5a5;
    font-size: 14px;
}

.latest_pin {
    animation-name: flash;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

@keyframes flash {
    from {color: #333333;}
    to {color: yellow;}
}


.player_img {
    height:32px;
}

table {
    font-family: Proxima-Nova-Extra-Condensed-Semibold, Arial, sans-serif;
}

.dual_col{
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2; 
    column-gap: 40px;
    -moz-column-gap: 40px;
    -webkit-column-gap: 40px;   
}

.tri_col{
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3; 
    column-gap: 40px;
    -moz-column-gap: 40px;
    -webkit-column-gap: 40px;   
}

.quad_col{
    column-count: 4;
    -moz-column-count: 4;
    -webkit-column-count: 4; 
    column-gap: 25px;
    -moz-column-gap: 25px;
    -webkit-column-gap: 25px;   
}

.player_name{
    font-size:14pt;
}

.player_game{
    text-align: right;
}

.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}