/* Alle relevante styles for højdejustering af TVet på mobil er markeret med Højdeplacering Mobil */

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

	#chat-banner {
		display:none;
	}

	#mobil-image-sepaatv {
        display: flex;
        width: 100%;
        margin: 0 auto;
        opacity: 0;
        bottom: 20px;
        position: fixed;
	}

	#mobil-image-sepaatv > img {
		width: 300px;
        margin: 0 auto;
        text-align: center;
        display: flex;
	}

	#video-container {padding-top:171px;} /* Højdeplacering Mobil */
	
	#loader-overlay {top:280px !important;}

	.startbar {display:none !important;}

	.gaestebog-knap {display:none;}

	.teksttv-knap {
		display: none;
	  }
	
	#container {
		box-shadow:none !important;
	}
	
	#tvframe > img.taend {width:100% !important;}
	#tvframe > img.sluk {width:100% !important;}

	.upperbuttons-overlay, .button-img, .onoff-pause-next-overlay {display:none;}
	#teksttv {display:none;}
	#teksttv-knap {display:none;}

	#pause-resume {
		display:block !important;
		position:absolute !important;
		width: 280px;
        height: 213px;
		margin-top:28px !important;
		margin-left:-67px;
		top: 0;
        left: 83px;
	}

	.windows {
		width: 200px;
        margin-top: 86px;
	}
	
	#quiz-tekst {
		font-size: 11px !important;
		padding: 10px 5px !important;
	}
	
	#startButton, #viewAnswerButton, #hintButton, #newVideoButton {
		padding: 3px 12px !important;
		margin: 5px 5px 10px 5px !important;
		font-size:11px !important;
	}

	#hint-window {
		font-size: 11px !important;
		margin: auto 5px !important;
        padding: 15px 5px 12px !important;
	}
	
	#videoTitle, #hintText, #error-message {
		font-size: 11px !important;
		margin: 0 auto !important;
		padding: 15px 5px 12px !important;
	}
		  
	#flimmer {
		width: 276px !important;
        padding: 0px !important;
        margin-top: 93px !important;
        margin-right: 9px !important;
        height: 85px !important;
	}

	#flimmer-ats {
		width: 276px !important;
        padding: 0px !important;
        margin-top: 93px !important;
        margin-right: 9px !important;
        height: 85px !important;
	}

	#infoknap-mobil {
		display: block !important;
		position: absolute !important;
		left: 302px;
		top: 165px;
		width: 21px !important;
	}

	#infoskaerm-mobil {
		padding:20px;
		background-color:black;
		position:absolute;
		z-index:12;
		width: 276px !important;
        height: 215px !important;
        margin-top: 28px !important;
        margin-right: 20px !important;
		margin-left: -48px !important;
	}

	#infoskaerm-mobil p {
        font-family: 'FiraCodeVF';
        font-size: 8.5px;
        color: white;
        text-align: left;
        line-height: 13px;
        letter-spacing: -0.7px;
        margin-top: 6px;
        padding: 4px;
	}

	#infoskaerm-mobil h2 {
		font-family: 'FiraCodeVF';
		font-size:14px;
		color:yellow;
		margin-bottom:5px;
	}

	#kanal1, #kanal4, #kanal7 {left: 301px; width:23px !important; height: 18px !important;}
	#kanal2, #kanal5, #kanal8 {left: 324px; width:20px !important; height: 18px !important;}
	#kanal3, #kanal6, #kanal9 {left: 344px; width:23px !important; height: 18px !important;}

	#kanal1, #kanal2, #kanal3 {top: 101px;}
	#kanal4, #kanal5, #kanal6 {top: 119px;}
	#kanal7, #kanal8, #kanal9 {top: 138px;}		  

    #play {
		left: 281px !important;
        top: 210px !important;
        width: 53px !important;
        height: 43px !important;
        padding: 0;
    }    
	
	#off {
		left: 281px !important;
        top: 210px !important;
        width: 53px !important;
        height: 43px !important;
        padding: 0;
    }		
    
    #restart {
		left: 332px !important;
        top: 210px !important;
        width: 53px !important;
        height: 43px !important;
        padding: 0;
    }

    #restart-quiz {
		left: 281px !important;
        top: 210px !important;
        width: 53px !important;
        height: 43px !important;
        padding: 0;
    }

    #restart-music {
		left: 332px !important;
        top: 210px !important;
        width: 53px !important;
        height: 43px !important;
        padding: 0;
    }    
	
	#next {
		left: 329px !important;
		top: 211px !important;
		width: 50px !important;
		height: 50px !important;
    }
	
	#switch {
		left: 285px !important;
		top: 33px !important;
		width: 106px !important;
		height:42px !important;
	}	
	
	#switch-reset {
		display:none;
		left: 285px !important;
		top: 33px !important;
		width: 106px !important;
		height:42px !important;
	}	
	
	#switch2 {
		left: 285px !important;
		top: 71px !important;
		width: 106px !important;
		height:33px !important;
	}

	#switch3 {
		left: 285px !important;
		top: 71px !important;
		width: 106px !important;
		height:33px !important;
	}
	
	#easteregg {
		display:none;
	}
    	
    #easteregg2 {
		left: 326px !important;
		top: 162px !important;
		width:42px !important;
	}

	#glas {
		margin-right: 160px;
		width: 100px;
	}
    
	.screen {
		z-index:12 !important;
		display:block !important;
		position:absolute !important;
		width: 280px;
        height: 230px;
		margin-top:28px;
		margin-left:-65px;
	}

	#fejl-tv {
		display:block !important;
		position:absolute !important;
		width: 280px;
        height: 213px;
		margin-top:28px !important;
		margin-left:-67px;
	}
	
    #player-container {
        height: 300px !important;
    }
    
    #static-out {
		width: 276px !important;
        height: 215px !important;
        margin-top: 28px !important;
        margin-right: 20px !important;
    }    
	
	#static-out-music {
		width: 276px !important;
        height: 215px !important;
        margin-top: 28px !important;
        margin-right: 20px !important;
    }

	#static-pause {
		width: 276px !important;
        height: 215px !important;
        margin-top: 28px !important;
        margin-right: 20px !important;
    }

	#static-out-pause {
		width: 276px !important;
        height: 215px !important;
        margin-top: 28px !important;
        margin-right: 20px !important;
		margin-left:0;
    }			
    
    #static, #static-fejl {
		width: 276px !important;
        height: 215px !important;
        margin-top: 28px !important;
        margin-right: 20px !important;
    }
	
	#tv-glow, #tv-glow-inset {
		width: 276px !important;
        height: 215px !important;
        margin-top: 28px !important;
        margin-right: 20px !important;
	}
    
    #tvframe {
        width: 380px !important;
    }
    
    #fejl {
        padding-right: 103px !important;
        padding-top: 31px !important;
    }
    
    #fejl img {
        width: 267px !important;
        height: 210px !important;
        padding-left: 35px !important;
    }
    
    #player-div {
		display:block !important;
		position:absolute !important;
		top:0px;
		padding:0;
		width: 300px;
        height: 245px;
        top:19px;
		margin-top:28px;
		margin-left:-48px;
		margin-right:20px;
    }    
	
	#player-div-quiz {
		width: 295px;
        height: 230px;
        top: 190px; /* Højdeplacering Mobil */
		left: 41%;
        -webkit-transform: translateX(-39%);
        transform: translateX(-39%);
    }

	#guesswho {
        margin-top: 89px !important;
        margin-right: 68px !important;
		width: 254px !important;
		padding-top: 0px !important;
		padding-right: 0px !important;
	}

	#glitchdiv1 {
		top:187px; /* Højdeplacering Mobil */
	}		

	.glitch-top {
		left: 24%;
		-webkit-transform: translateX(-24%);
		transform: translateX(-24%);
		width: 282px !important;
		height: 38px !important;
	}

	#glitchdiv2 {
		top:382px; /* Højdeplacering Mobil */
		height:34px; 
	}	
	
	.glitch-bottom {		
		left: 24%;
		-webkit-transform: translateX(-24%);
		transform: translateX(-24%);
		width: 282px !important;
		height: 38px !important;
	} 	
	
	#bgimg {
		background: url(https://the90sbutton.com/images/default/rainbow.gif);
		height: 50px;
		position: absolute;
		top: -40px;
		width: 100%;
		z-index: -1;
		display:none;
	}
	
	#bgimg > img {display:none;}	
	
	#bgimg2 {
		display:block;
		background: url(https://the90sbutton.com/images/default/rainbow.gif);
        height: 320px;
        position: absolute;
        top: 240px;
        width: 100%;
        z-index: -1;
        background-position: bottom;
	}
	
	#bgimg2 > img {display:none;}

	#bgimg00 {
		display:block;
		background: url(bgs/00s/00s-tv-min.jpg);
	}

	#player-container-nyc {
		width: 271px;
		height: 308px;
		margin-left:-67px;
		top:114px; /* Højdeplacering Mobil +px */
	}	    

	#player-div-nyc {
		width: 3000px;
		height: 209px;
		top: 187px; /* Højdeplacering Mobil -px */
		left: -1259px;
	}

	.pause-menu, .nosignal-menu {
		margin-top: 53px;
		margin-left: -185px;
		padding: 5px 5px;
		width:100px;
		font-size:13px;
		filter:blur(0.25px);
	}

	.pause-menu > img {width:80px;}

	.marquee-container {
        right: 15px;
        margin-left: 538px;
        margin-top: 22px;
        width: 60px;
        height: 17px;
	}

	.marquee-text {
		font-family: 'DigitalPlay';
		font-size:10px;
		padding-top:3px;
		animation: marquee-mobil 28s linear infinite;
		color: #3244b8;
		padding-left: 65px;
	}	

	.button-img {display:none;}
	.upperbuttons-overlay {display:none;}
	.onoff-pause-next-overlay {display:none;}	
	
}

@media only screen and (max-width: 579px) and (orientation: landscape) {
	.overlay {
	  display: flex !important;
	}
  }