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:5px;left:5px;padding:10px 15px;z-index:10;background:rgba(250, 250, 250, 1);border-radius:8px;min-width:220px;}

#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 16px;border:2px solid #777;background:rgba(255,255,255,1);border-radius:1.2rem;font-size: 1rem;line-height:2rem;margin:0 5px 10px;text-align: center;opacity:0.5;white-space: nowrap;}

a{color:#777;}

a:hover{color:#000;}

.bcLink{color:#aaa;text-decoration: none;}

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

#reload, #fs{display:none;}

.enabled{cursor: pointer;opacity:1}

.enabled:hover{border-color:#aaa;}

.title{font-size: 1.2rem;margin:0.5rem 0.7rem 1.1rem ;}


/* ======================
	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;}

.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;}
    .title{margin-top:0;}

}