html {font-size: 16px;}

body{padding:0;margin:0;overflow: hidden;font-family: 'Arial', serif; -webkit-font-smoothing: antialiased;color:#333;background:#fafafa;}
			
#wrapper{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:row;align-items:center;justify-content:center;}

#showControls{position:absolute;top:0;left:0;right:0;height:100px;}

#controls{position:absolute;top:0;left:0;padding:10px;right:0;z-index:10;display:flex;flex-direction:row;align-items:center;}

#iframeContainer{background:#eee;border:none;box-shadow: 2px 3px 15px rgba(0,0,0,0.2);}

::-webkit-scrollbar {display: none;}

.button{display:inline-block;padding:0 1rem;border:2px solid #000;background:rgba(255,255,255,0.5);border-radius:0.5rem;font-size: 1rem;line-height:2.6rem;margin:5px;text-align: center;white-space: nowrap;cursor:pointer;}

a{color:#777;}

a:hover{color:#000;}

.bcLink{color:#000;text-decoration: none;border-bottom: 2px dotted #000;}

.bcLink:hover{border-bottom: 1px solid #fff;}

.links{margin:1rem 0 2rem;}

#reload, #fs{display:none;}

.button:hover{color:#000;background:rgba(255,255,255,0.6);}

.title{font-size: 1.2rem;margin:0.3rem 0.5rem ;background:rgba(255,255,255,0.5);border-radius:0.5rem;line-height:2.2rem;text-align: center;padding:0 1rem;}

#clickField{position:absolute;top:0;bottom:0;left:0;right:0;}

#refresh{border-color:#fff;}

/* ======================
	Artblocks cell
======================= */

#mintNumRow{align-items:center;justify-content:center;background:rgba(255,255,255,1);border-radius:0.5rem;border:1px solid #ddd;padding:0.5rem;display:none;}

.textButton{text-align:center;height:1.6rem;border:2px solid #bbb;border-radius:1rem;background:#eee;line-height:1.6rem;padding:0 15px;margin:8px;cursor:pointer;box-shadow: 1px 2px 3px rgba(0,0,0,0.1);}

.textButton:hover{border-color:#bbb;}

.shadowInput{font-size:0.9rem;color:#aaa;font-family:Courier;padding:0 20px;height:34px;line-height:34px;overflow:hidden;border:none;background:transparent;margin:8px;box-shadow: 1px 2px 5px rgba(0,0,0,0.3);border-radius: 5px;}

#mintNumContainer, #paletteSelectContainer{display:flex;flex-direction:row;align-items:center;}

.prevNext{width:20px;height:40px;cursor:pointer;}

#mint{width: 50px;font-weight:bold;font-family: Arial, Helvetica, sans-serif;color:#333;text-align: center;font-size:1rem;padding:0 10px;border:2px solid #333;}

#mint_prev, #palette_prev{background:url(../img/prev.png) no-repeat 50% 50%;background-size:60%;}

#mint_next, #palette_next{background:url(../img/next.png) no-repeat 50% 50%;background-size:60%;}

#mintRadios{display:flex;flex-direction:row;margin:15px 0 10px 0;}

.noValidEntry{font-weight:normal!important;color:#bbb!important;}

/* ======================
    Features
======================= */

.featureDisplay{padding:0.5rem 0;color:#777;}

td{padding:0.5rem;}

td.featureVal{color:#333;font-weight: bold;}


/* ======================
	Media queries
======================= */

@media screen and (max-width: 600px){
    
    html {font-size: 14px;}
   
}