.notice-pulse{
	animation: notice_pulse 1s infinite;
}

@media screen and ( max-width: 800px ){
    #mobile-toggle{
    	display: initial;
    }
	.is-MUD .game.row .result-active.is-active{
		animation: active_pulse 1.5s linear infinite;
	}
	
    #main-links{
    	background: black;
    	padding: 20px;
    	font-size: 1.2rem;
    	padding-top: 50px;
    	transition: .3s;
    	right: -500px;
    	border-left: 1px solid grey;
    	border-bottom: 1px solid grey;
    }
    #main-links.toggled{
    	right: 0px;
    }
    .auth-link{
        display: block;
        margin: 15px 0;
        text-align: right;
        padding: 0;
        padding-right: 0px;
    }
	.auth-link span{
		display: none;
	}
    .auth-link:nth-of-type(1){
		position: relative;
		left: 0;
    }
    .auth-link.removed{
        display: none;
    }


    .column-2,
    .column-3{
    	max-width: 100%;
    }
    .column-4,
    .column-5,
    .column-6,
    .column-7{
    	max-width: 50%;
    }
	.row.game .column:nth-of-type(1){
		/* max-width: 55% !important; */
/* 		border: 1px solid; */
	}
	.row.game .column.featured-image{
		/* max-width: 45% !important; */
	}
	
	.message-row .column-4:nth-of-type(1){
		max-width: 50% !important;
	}
	
    .game.row{
    	margin: 10px 0 10 0;
    	/* height: 1200px; */
    	/* max-height: 130px; */
    }
	

    #content{
    	padding-left: 10px;
    	padding-right: 10px;
        margin-top: 50px;
    }

    .site-title{
	    box-shadow: 0px 0px 10px black;
    }
    #logo{
    	left: 50%;
    	top: 2px;
    	width: 60px;
    	margin-left: -30px;
    }
	#second-logo{
		left: 56%;
		width: 45px;
	}

    #mode-toggle{
	    position: absolute;
	    left: 70px;
        width: 25px;
    }
    
    .row.game .result-side.result-year{
    	display: none;
    }
    .row.game .result-side:first-of-type{
    	/* vertical-align: top; */
    }

	.cat-wrapper{
		text-align: left;
		opacity: 1;
	}
	.cat-wrapper .button{
/* 		color: black; */
	}

	/* these are annoying on mobile */
	.header-main, 
	.header-append{
		display: none;
	}

	.modal.stages .modal-content{
		max-width: 1000vw;
	}
	.modal.stages .modal-close{
		right: 0;
	}

	.is-MUD #mssp-players{
		margin-top: 8px;
		display: inline-block;
	}

	.row.game .result-active{
		/* width: 30px; */
	}

	.result-description{
		min-height: 50px;
		/* max-width: 45% !important; */
		/* position: absolute !important; */
		/* top: 40px; */
		/* left: 10px; */
	}
	.alert-msg{
		border: 2px solid lightgrey;;
	}
	#mobile-nav-toggle{
        position: fixed;
        top: 60px;
        right: 10px;
        z-index: 999;
        display: inline-block;
        background: var(--scry-color);
    }

	#nav{
        position: fixed;
        z-index: 99;
        width: calc(100% - 10px);
        text-align: center;
        top: 100px;
        height: calc(100vh - 150px);
        overflow-y: auto;
        transition: .3s;
        border: 1px solid var(--scry-color);
        border-radius: 5px;
        left: 100%;
        padding: 15px;
    }
    #nav.toggled{
        left: 5px;
    }

	#tags{
        position: fixed;
        z-index: 99;
        width: calc(100% - 10px);
        text-align: center;
        top: 100px;
        height: calc(100vh - 150px);
        overflow-y: auto;
        background: white;
        transition: .3s;
        border: 3px solid var(--scry-color);
        border-radius: 8px;
        left: 100%;
        padding: 15px;
		text-align: left;
	}
	#tags.toggled{
        left: 5px;
    }
	
	#menu-center{
		position: relative;
		left: 0;
	}
	#menu-center .auth-link{
		margin: 20px 0px;
	}
	#menu-center .auth-link span{
	}
	#menu-center .auth-link:nth-of-type(1){
		margin-right: auto;
	}
	.desktop{
		display: none !important;
	}
	.scry-cat-explain{
		text-align: left;
		padding-left: 10px;
	}
	#string-search{
		width: 100%;
		max-width: calc(100% - 140px);
	}
	#string-search,
	#string-search *{
		font-size: 16px;
	}
	.is-MUD .scry-cat-explain,
	.is-MAIN .scry-cat-explain,
	.is-SERV .scry-cat-explain{
		position: absolute;
		display: none !important;
	}
	.is-MUD #games,
	.is-MAIN #games,
	.is-SERV #games{
		margin-top: 60px;
	}
	.is-MUD #return,
	.is-MAIN #return,
	.is-SERV #return{
		right: 17px
	}

	#directory-header{
		z-index: 99;
		background: rgba(0, 0, 0, .9);
		top: 50px;
	}

	.quest-display.traverser{
		padding: 10px;
		max-width: 90%
	}
	.quest-display.traverser *{
		font-size: .8rem;
	}
	.quest-display .corner{
		width: 20px;
		height: 20px;
	}
	.traverser div.quest-solved{
		max-width: 30px;
		background-repeat: no-repeat;
		background-position: center center;
		bottom: 5px;
		top: auto;
		right: 50px !important;
	}
	.traverser div.price-tag{
		bottom: 15px;
		left: auto;
		right: 0px;
		width: auto;
		min-width: 0;
		
		display: inline-block;
/* 		border: 1px solid; */
/* 		display: none; */
	}
	.quest-quid.column{
		display: none;
	}
	.traverser .quest-depth{
		display: none;
	}
	.link-display{
		max-width: 30px !important;
	}
	.traverse .modal-close,
	.traverse .modal-content,
	.traverse .modal-content .backdrop{
		position: fixed;
	}
	.traverse .modal-content{
		padding: 10px 40px;;
	}
	.traverse .modal-close{
		top: 20px;
		right: 20px;
	}

	#placement img{
		max-width: 100% !important;
	}
	#placement{
		bottom: 100px;
	}

	body.listings #admin{
		right: 10px;
	}
    
	body.listings #mobile-nav-toggle{
        top: 100px;
    }
	body.listings #result-area{
        width: 100%;
        margin-left: 0px;
		padding-top: 80px;
    }
    body.listings .row.listing .column-2{
        max-width: 100%;
    }
    body.listings .row.listing{
        max-height: 100%;
    }
    body.listings .row.listing .column-2:nth-of-type(2){
        margin-top: 20px;
    }

    body.recruit #result-area{
		padding-top: 50px;
	}

	.gsgp-row{
		height: 150px;
	}
	.gsgp-img{
		height: 80px;
/* 		display: none; */
	}
	.gsgp-row .column:nth-of-type(1){
		width: 100%;
		max-width: 100%;
	}
	.gsgp-row .column:nth-of-type(2){
		max-width: 20%;
	}
	.gsgp-row .column:nth-of-type(4){
		max-width: 40%;
	}
	
}/* 800 */



@keyframes active_pulse {
	90% { opacity: .2 }
	100% { opacity: 1 }
}
@keyframes link_pulse {
	90% { opacity: .8 }
	100% { opacity: 1 }
}
@keyframes notice_pulse {
	90% { opacity: .6 }
	100% { opacity: 1 }
}
@keyframes button_pulse {
	50% { background: transparent }
	100% { background: #ad7c24 }
}
@keyframes tab_pulse {
	0% { opacity: .4 }
	60% { opacity: .3 }
	100% { opacity: .5 }
}
@keyframes load_pulse {
	0% { transform: scale(.7) }
	60% { transform: scale(.5) }
	100% { transform: scale(.7) }
}