@font-face {
    font-family: DomineBold;
    src: url('/font/Domine-Bold.ttf') format('truetype');
    font-weight: bold;
}

.btns-qst {
    width: 50vw;
    margin: auto;
    display: flex;
}

.btns-yesno {
    display: flex;
    margin: auto;
    width: 30vw;
}

.btnNo {
    margin-left: auto;
}

.logo-container {
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-auto {
    margin: auto;
}

.logo-center {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.imgsplash1, .imgsplash1rot, .imgsplash2, .imgsplash2rot, .imgsplash2rotSlow, .imgsplash3, .imgsplash3rot {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
}

/* splashActivity */

#splashActivity {
    background: linear-gradient(128deg, rgba(9,9,121,1) 0%, rgba(0,0,0,1) 50%, rgba(9,9,121,1) 100%) fixed;
}

.overlay.activity {
    position: absolute;
    background: black;
    animation: opacity-breathing 6s infinite;
}

.lifelinePing {
    animation: lifelinePing 1s alternate;
}

.imgsplash1rot, .imgsplash2rot, .imgsplash3rot {
    animation: rotate360 6s linear infinite;
}

.imgsplash2rotSlow {
    animation: rotate360 12s linear infinite;
}
  
  @keyframes rotate360 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes opacity-breathing {
    50% {
        opacity: 0;
    }
  }

  @keyframes lifelinePing {
    50% {
        scale: 1.3;
    }
  }

.game-qst {
    text-align: center;
}

.menu {
    top: 60%;
    width: 100%;
}

.dbgbar {
    position: absolute;
    left: 10px;
    top: 5px;
    width: 100%;
    background-color: slategray;
}

.dbgbar p {
    margin: 0;
}

/* video activity */

#videosplash {
    width: 100%;
    height: 100%;
    margin: auto;
}

.activity {
    width: 100%;
    height: 100%;
}

/* mainMenu Activity */

#mainMenuActivity {
    background: url('/img/olga/wwtbam2_Background.png') no-repeat;
}

.menu button {
    position: relative;
    display: block;
    margin: 0.5em auto;
    z-index: 1;
}

/* HotSeat Activity */

/* right pane - money tree */

.mt-separator {
    background: url('/img/olga/tree_separator.png') no-repeat;
    background-size: cover;
    height: 100%;
    width: 10px;
    position: absolute;
    right: 24.5vw;
    z-index: 10;
}

#moneyTree {
    background: url('/img/olga/money_tree_bg.png') no-repeat;
    width: 24.5vw;
    min-width: 460px;
    height: 100%;
    min-height: 1050px;
    background-size: cover;
    background-position-x: -110px;
    position: absolute;
    right: 0;
    z-index: 8;
}

.lifelines {
    min-height: 160px;
}

.btnLifeline {
    border: none;
    min-height: 160px;
    min-width: 200px;
    margin: auto;
}

#ftf, #ftfm {
    background: url('/img/olga/5050.png') no-repeat center center;
}

img#ftfcross {
    position: absolute;
    right: 265px;
}

img#ftfcrossm {
    position: absolute;
}


#ftf:hover, #ftf.active {
    background: url('/img/olga/5050_yellow.png') no-repeat center center;
}

#ata, #atam {
    background: url('/img/olga/ata.png') no-repeat center center;
}

img#atacross {
    position: absolute;
    right: 20px;
}

img#atacrossm {
    position: absolute;
    right: -10px;
}


#ata:hover, #ata.active {
    background: url('/img/olga/ata_yellow.png') no-repeat center center;
}

#ate, #atem {
    background: url('/img/olga/ate.png') no-repeat center center;
}

img#atecross {
    position: absolute;
    right: 265px;
}

img#atecrossm {
    position: absolute;
}

#ate:hover, #ate.active {
    background: url('/img/olga/ate_yellow.png') no-repeat center center;
}

#stq, #stqm {
    background: url('/img/olga/stq.png') no-repeat center center;
}

img#stqcross {
    position: absolute;
    right: 20px;
}

img#stqcrossm {
    position: absolute;
    right: -10px;
}

#stq:hover, #stq.active {
    background: url('/img/olga/stq_yellow.png') no-repeat center center;
}

.meter {
    min-height: 1050px;
}

.meter table {
    font-family:DomineBold;
    font-weight: bold;
    position: relative;
    z-index: 3;
    width: 300px;
    margin: auto;
    border-collapse: collapse;
    color: #ffa600;
}

.meter table tr {
    margin: auto;
    line-height: 4vh;
}

.meter table tr.checkpoint {
    color: white;
}


.meter table tr td {
    text-align: right;
}

.meter table tr td.diam {
    width: 40px;
    padding-left: 35px;
}

.meter table tr td.diam.active {
    background: url('/img/olga/orange_diamond.png') no-repeat center center;
}


.meter table tr td:first-child {
    margin-right: 25px;
}

.meter table tr td:last-child {
    padding-right: 25px;
}

#mmeter tr.active {
    background-color: rgb(255, 115, 0);
    color: black;
}

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

    #videosplash {
        width: 100%;
        height: 65vh;
    }
    
    div#gamePod {
        width: 100%;
    }

    #moneyTree {
        display: none;
    }
}