html { 
  background: url(../ASSETS/GophersBackground_Test.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 3px;
	border: 0;
	vertical-align: baseline;}

.header {
	
}

.body {
	min-height:200px;
}

a:link {
	color: #000;
	border-radius: 5px;
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	color: black;
	background: orange;
	box-shadow: 1px 1px 5px #000;
}

.logo_main {
	width:320px;
	box-shadow:1px 1px 5px rgba(255,255,255,1);
	border-radius: 20px;
	margin-top:3px;
}

.logo_main:hover{
	box-shadow:1px 1px 5px orange;
}

.logoLink {
	background:transparent;
	box-shadow:none;
}
.logoLink:hover {
	background:transparent;
	box-shadow:none;
}

.marquee {
	margin-left:0px;
	color:white;
	text-shadow: 2px 2px #000;
}

.menuWrapper{
	float:right;
	border-radius:5px;
	display:inline-block;
	overflow:hidden;
}

#urlmenu{
	border-radius: 10px;
	padding:5px;
	float:right;
	line-height: 15px;
	font-size:1.2em;
	background: gold;
	background-size: 400% 400%;
	/* silver */
	/*
	background-image: linear-gradient(
		-90deg, 
		rgba(208,206,206,1) 0%, 
		rgba(242,242,242,1) 33%,
		rgba(208,206,206,1) 66%
	);
	*/
	/* GOLD */
	background-image: linear-gradient(
		-90deg, 
		rgba(184,166,14,1) 0%, 
		rgba(241,219,33,1) 15%,
		rgba(198,179,18,1) 85%
	);
	animation: AnimateBackTitle 3s ease infinite;
	border:2px solid orange;
	box-shadow: 1px 1px 5px #000;
}

#urlmenu:hover{
	border: 2px solid black;
	box-shadow: 1px 1px 10px #000;
	background-image: linear-gradient(
		-90deg, 
		rgba(255,165,0,1) 0%,
		rgba(255,165,0,1) 50%
	);
	cursor:pointer;
}

#clearCompare {
	background:yellow;
	display:inline-block;
	Border-radius:10px;
	color:black;
	margin:3px;
	
	
	
	background: gold;
	background-size: 400% 400%;
	/* silver */
	/*
	background-image: linear-gradient(
		-90deg, 
		rgba(208,206,206,1) 0%, 
		rgba(242,242,242,1) 33%,
		rgba(208,206,206,1) 66%
	);
	*/
	/* GOLD */
	background-image: linear-gradient(
		-90deg, 
		rgba(184,166,14,1) 0%, 
		rgba(241,219,33,1) 15%,
		rgba(198,179,18,1) 85%
	);
	animation: AnimateBackTitle 3s ease infinite;
	border:2px solid orange;
	box-shadow: 1px 1px 5px #000;
}

#clearCompare:hover {
	border: 2px solid black;
	box-shadow: 1px 1px 10px #000;
	background-image: linear-gradient(
		-90deg, 
		rgba(255,165,0,1) 0%,
		rgba(255,165,0,1) 50%
	);
	cursor:pointer;
}

.wrapper{
	padding: 0px;
	margin: 0px;
}

.errorBox{
	background: transparent;
	border: 2px solid orange;
	box-shadow: 1px 1px 5px #000;
	background-image: linear-gradient(
		-45deg, 
		/*
		rgba(139,246,134,.7) 0%, 
		rgba(245,135,209,.8) 65%, 
		rgba(245,63,185,.9) 80%
		*/
		rgba(139,246,134,.7) 0%, 
		rgba(121,159,211,.8) 20%,
		rgba(58,80,134,.9) 90%
	);
	border-radius: 10px;
}

.errorTxtBox{
	margin:10px;
	padding:10px;
	background:white;
	border-radius: 5px;
	box-shadow: 1px 1px 5px #000;
}

.errorTitle {
	margin:10px;
	text-align:left;
	color:red;
	background:white;
	border-radius:5px;
	box-shadow: 1px 1px 5px #000;
	position: relative;
	padding-left:10px;
}

.reportBox{
	background: transparent;
	border: 2px solid orange;
	box-shadow: 1px 1px 5px #000;
	background-image: linear-gradient(
		-45deg, 
		/*
		rgba(139,246,134,.7) 0%, 
		rgba(245,135,209,.8) 65%, 
		rgba(245,63,185,.9) 80%
		*/
		rgba(139,246,134,.7) 0%, 
		rgba(121,159,211,.8) 20%,
		rgba(58,80,134,.9) 90%
	);
	border-radius: 10px;
}

.reportTxtBox{
	margin:10px;
	padding:10px;
	background:white;
	border-radius: 5px;
	box-shadow: 1px 1px 5px #000;
}

.reportTitle {
	margin:10px;
	text-align:left;
	color:green;
	background:white;
	border-radius:5px;
	box-shadow: 1px 1px 5px #000;
	position: relative;
	padding-left:10px;
}

.searchbox {
	position: relative;
	background: rgba(173,216,230,.8);
	border-radius: 10px;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,1);
	padding: 0;
	margin-left: 0px;
	margin-top: 4px;
	border: 1px solid orange;
}

.srchInput {
	font-size:.7em;
	padding:2px;
	border-radius: 5px;
}

.titlebox {
	background: transparent;
	border: 2px solid orange;
	box-shadow: 1px 1px 5px #000;
	background-image: linear-gradient(
		-135deg, 
		/*
		rgba(139,246,134,.7) 0%, 
		rgba(245,135,209,.8) 65%, 
		rgba(245,63,185,.9) 80%
		*/
		rgba(245,135,209,.8) 0%, 
		rgba(139,246,134,.7) 10%, 
		rgba(121,159,211,.8) 50%,
		rgba(58,80,134,.9) 90%
	);
	border-radius: 10px;
	margin-bottom:5px;
	color: white;
	overflow:auto;
	/*
    background-size: 600% 600%;
    -webkit-animation: AnimateBG1 8s ease infinite;
    -moz-animation: AnimateBG1 8s ease infinite;
    -o-animation: AnimateBG1 8s ease infinite;
    animation: AnimateBG1 8s ease infinite;
	*/
}

.titlebox h3 {
	text-shadow: 1px 1px 2px #000;
	border-radius; 10px;
}


.itembox {
	background: transparent;
	border: 2px solid orange;
	box-shadow: 1px 1px 5px #000;
	background-image: linear-gradient(
		-135deg, 
		/*
		rgba(139,246,134,.7) 0%, 
		rgba(245,135,209,.8) 65%, 
		rgba(245,63,185,.9) 80%
		*/
		rgba(139,246,134,.7) 0%, 
		rgba(121,159,211,.8) 20%,
		rgba(58,80,134,.9) 90%
	);
	border-radius: 10px;
	margin-bottom: 10px;
}

.innerbox {
	background:rgba(255,255,255,.9);
	border: 2px solid orange;
	box-shadow: 1px 1px 5px #000;
	border-radius: 10px;
	margin-top:5px;
	overflow:auto;
}


#aboutBox, #introBox, #linksBox, #contractsBox, #LatestGopherBox, #buyShardBox {
	overflow:auto;
}

#introBox .innerbox, #aboutBox .innerbox, #linksBox .innerbox, #contractsBox .innerbox, #LatestGopherBox .innerbox, #buyShardBox .innerbox {
	width: auto;
	height:auto;
	margin-right: auto;
	margin-left: auto;
}

#description{
	width:auto;
	position:relative;
	margin:10px;
	background: rgba(255,255,255,.9);
	height:auto;
	vertical-align:middle;
}

#hgdescription{
	width:auto;
	position:relative;
	height:auto;
	margin:10px;
	vertical-align:middle;
}

/* START WEBLINKS/ CONTRACT LINKS BOXES */

#webLinks, #contractLinks{
	width:auto;
	padding:0px;
	background:transparent;
	overflow: auto;
	margin:10px 10px 10px 0px;
	/*float:left;*/
	position:relative;
	height: 335px;
}

#webLinks a, #contractLinks a{
	height:30px;
	display:block;
	position:relative;
	background: transparent;
	background-size: 400% 400%;
	/* silver */
	/*
	background-image: linear-gradient(
		-90deg, 
		rgba(208,206,206,1) 0%, 
		rgba(242,242,242,1) 33%,
		rgba(208,206,206,1) 66%
	);
	*/
	/* GOLD */
	background-image: linear-gradient(
		-90deg, 
		rgba(184,166,14,1) 0%, 
		rgba(241,219,33,1) 15%,
		rgba(198,179,18,1) 85%
	);
	animation: AnimateBackTitle 3s ease infinite;
	margin:10px;
	padding:0px;
	box-shadow: 1px 1px 5px #000;
	border: 2px solid orange;
	border-radius: 10px;
}

#webLinks a:hover, #contractLinks a:hover{
	background: orange;
	color:black;
	box-shadow: 1px 1px 10px #000;
	border: 2px solid black;
}


#webLinks .linkDiv, #contractLinks .linkDiv {
	background: transparent;
	border-radius: 5px;
	padding:0px;
	text-shadow: 1px 1px #000;
	margin: 2px 0px 0px 0px;
	position:relative;
	vertical-align:top;
	overflow:auto;
	display:inline-block;
}

#webLinks .linkDiv .linkLink {
	background:transparent;
	display: inline-block;
	position:relative;
	overflow:auto;
	
}

#contractLinks .linkDiv .linkLink{
	background:transparent;
	display: inline-block;
	position:relative;
	overflow:auto;
	font-size:.7em;
}

#webLinks .linkDiv .linkImg, #contractLinks .linkDiv .linkImg{
	background:transparent;
	background-image:url('/ASSETS/HELLOGOPHERS_LAND_SITE_ASSETS/Shard.png');
	background-position: center; /* Center the image */
	background-repeat: no-repeat;
	background-size: 10px 23px;
	height:25px;
	width:15px;
	margin:0px;
	padding:0px;
	display: inline-block;
	position:relative;
}

.contractLinkLabel {
	margin: 3px;
	padding:3px;
	font-weight:bold;
	background: transparent;
	border: 2px solid orange;
	box-shadow: 1px 1px 5px #000;
	text-shadow: 1px 1px 2px #000;
	background-image: linear-gradient(
		-135deg, 
		/*
		rgba(139,246,134,.7) 0%, 
		rgba(245,135,209,.8) 65%, 
		rgba(245,63,185,.9) 80%
		*/
		rgba(139,246,134,.7) 0%, 
		rgba(121,159,211,.8) 20%,
		rgba(58,80,134,.9) 90%
	);
	border-radius: 10px;
	color: white;
}

/* END WEBLINKS/ CONTRACT LINKS BOXES */

#sushiSwapLink {
	background:white;
	border-radius:10px;
	box-shadow: 1px 1px 5px black;
	border: 2px solid orange;
	vertical-align: middle;
	background-size: 900% 800%;
	/* GOLD */
	background-image: linear-gradient(
		-90deg, 
		rgba(184,166,14,1) 0%, 
		rgba(241,219,33,1) 15%,
		rgba(198,179,18,1) 85%
	);
	animation: AnimateBackTitle 3s ease infinite;
	text-align: center;
	margin-top:20px;
}



#sushiSwapLink:hover, #mintGopherLink:hover {
	background:orange;
	border: 2px solid black;
}

#sushiSwap, #mintGopher {
	background:none;
	box-shadow:none;
	margin: 5px;
	padding:0px;
}

#sushiSwap:hover, #mintGopher :hover{
	background:none;
	box-shadow:none;
	margin: 5px;
	padding:0px;
}


#currentPrice {
	font-size:1.2em;
	font-weight:bold;
}


.chart {
	
}

#chartBox {
	overflow:hidden;
}

#chartBox3 {
	overflow:hidden;
}

#gopherStatsMain {
	margin-left: 0px;
	overflow: auto;
}

#gopherStats1, #gopherStats2, #gopherStats3 {
	background: transparent;
	width: 350px;
	float:left;
	position:relative;
	border: none;
	box-shadow:none;
	height:500px;
}


#gopherStats1 td, #gopherStats2 td, #gopherStats3 td {
	border-radius:5px;
	background: rgba(255,255,255,.9);
	box-shadow: 1px 1px 5px #000;
	padding:3px;
}

#gopherStats1 .latestGopher{
	text-align:left;
	background: transparent;
	box-shadow: none;
}

.latestGopherImage{
	float:left;
	border-radius:5px;
	box-shadow: 1px 1px 5px #000;
	border: 1px solid orange;
	margin:15px 3px 3px 5px;
	padding:0px;
	width:180px;
}

#latestGopherName td {
	/*background-size: 700% 700%;*/
	
	/* silver */
	/*
	background-image: linear-gradient(
		-90deg, 
		rgba(208,206,206,1) 0%, 
		rgba(242,242,242,1) 33%,
		rgba(208,206,206,1) 66%
	);
	*/
	/* GOLD *//*
	background-image: linear-gradient(
		-90deg, 
		rgba(184,166,14,1) 0%, 
		rgba(241,219,33,1) 15%,
		rgba(198,179,18,1) 85%
	);
	animation: AnimateBackTitle 3s ease infinite;
	*/
	background:transparent;
	box-shadow: none;
	padding: 0px; margin:0px;
	height:20px;
	
}

#latestGopherLink {
background: none;
box-shadow: none;
margin: 0px;
padding:0px;
text-decoration:none;
}


#latestGopherLinkDiv {
	background-size: 700% 700%;
	
	/* silver */
	/*
	background-image: linear-gradient(
		-90deg, 
		rgba(208,206,206,1) 0%, 
		rgba(242,242,242,1) 33%,
		rgba(208,206,206,1) 66%
	);
	*/
	/* GOLD */
	background-image: linear-gradient(
		-90deg, 
		rgba(184,166,14,1) 0%, 
		rgba(241,219,33,1) 15%,
		rgba(198,179,18,1) 85%
	);
	animation: AnimateBackTitle 3s ease infinite;
	margin:0px;
	padding:3px;
	border: 2px solid orange;
	border-radius:10px;
	box-shadow: 1px 1px 5px #000;
	color: black;
}

#latestGopherLinkDiv:hover {
background: orange;
color:black;
border: 2px solid black;
box-shadow: 3px 3px 5px #000;
}

#mintGopherBox {
	text-align:center;
	margin-top:0px;
	margin-left:0px;
	background:none;
	box-shadow:none;
	border:none;
	color:white;
	display: inline-block;
	/* width:300px; */
}

#mintGopherLink {
	margin-top:15px;
	background:white;
	border-radius:10px;
	box-shadow: 1px 1px 5px black;
	border: 2px solid orange;
	background-size: 900% 800%;
	/* GOLD */
	background-image: linear-gradient(
		-90deg, 
		rgba(184,166,14,1) 0%, 
		rgba(241,219,33,1) 15%,
		rgba(198,179,18,1) 85%
	);
	animation: AnimateBackTitle 3s ease infinite;
	padding-top: 0px;
	text-align:center;
}

.tableRow {
	background:white;
}

.rowHeader {
	background:lightblue;
	font-weight:bold;
}

.highlightCell  {
	background:orange;
	font-weight:bold;
}

#roleMints, #levelStats, #mintStats {
		width: 320px;
		text-align:center;
}


#roleMints .tableTitle, #mintStats .tableTitle, #levelStats .tableTitle  {
	text-align:left;
	font-weight: bold;
	
	background: transparent;
	border: 2px solid orange;
	box-shadow: 1px 1px 5px #000;
	text-shadow: 1px 1px 2px #000;
	background-image: linear-gradient(
		-135deg,
/*		
		rgba(139,246,134,.7) 0%, 
		rgba(245,135,209,.8) 65%, 
		rgba(245,63,185,.9) 80%
		*/
		rgba(139,246,134,.7) 0%, 
		rgba(121,159,211,.8) 20%,
		rgba(58,80,134,.9) 90%
	);
	border-radius: 10px;
	margin-bottom:5px;
	color: white;
}


#roleMints .highlightCell, #mintStats .highlightCell, #levelStats .highlightCell  {
	background:orange;
	font-weight:bold;
}

#roleMints .columnHeader, #levelStats .columnHeader  {
	background:lightblue;
	font-weight:bold;
}

#mintStats .rowHeader {
	background:lightblue;
	font-weight:bold;
}



.gophersTable{
 background: transparent;
margin-right:auto;
margin-left:auto; 
}

.gophersTable td{
 vertical-align: middle;
 box-shadow: 1px 1px 5px #000;
 border-radius:5px;
}

.gophersTable .thumbCell{
 padding: 0px 0px 0px 0px;
 vertical-align: bottom;
}

.footer {
	margin: 0px;
	width:100%;
	padding:0px;
}

.footerbox {
	background: transparent;
	border: 2px solid orange;
	box-shadow: 1px 1px 5px #000;
	background-image: linear-gradient(
		-135deg, 
		/*
		rgba(139,246,134,.7) 0%, 
		rgba(245,135,209,.8) 65%, 
		rgba(245,63,185,.9) 80%
		*/
		rgba(139,246,134,.7) 0%, 
		rgba(121,159,211,.8) 20%,
		rgba(58,80,134,.9) 90%
	);
	
	border-radius: 10px;
	/*
    background-size: 600% 600%;
    -webkit-animation: AnimateBG1 8s ease infinite;
    -moz-animation: AnimateBG1 8s ease infinite;
    -o-animation: AnimateBG1 8s ease infinite;
    animation: AnimateBG1 8s ease infinite;
	*/
}

#footerbox {
	overflow:auto;
}

#footerInner {
		width: 270px;
		font-size: .8em;
		background: rgba(255,255,255,.8);
		float:right;
		display:inline-block;

}

.footerTxt {
	text-align:left;
	color:black;
	text-shadow: 1px 1px #fff;
}

.coffeeBox {
	width:200px;
	text-align:right;
	float:right;
	margin:5px;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.menuitem {
	padding: 4px;
	border-radius: 10px;
	background: lightblue;
	margin: 0px;
}

.menuitem:hover {
	background: #888;
}

.menuitem:hover a {
	color: lightblue;
}



/* POPUP BOX TEST */
#popup-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.6);
    z-index: 1001;
	
	background-image: linear-gradient(
		-135deg, 
		/*
		rgba(139,246,134,.7) 0%, 
		rgba(245,135,209,.8) 65%, 
		rgba(245,63,185,.9) 80%
		*/
		rgba(139,246,134,.7) 0%, 
		rgba(121,159,211,.8) 20%,
		rgba(58,80,134,.9) 90%
	);
}

#popup {
    width: 350px;
    height: 290px;

    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
	/*
    box-shadow: #64686e 0px 0px 3px 3px;
    -moz-box-shadow: #64686e 0px 0px 3px 3px;
    -webkit-box-shadow: #64686e 0px 0px 3px 3px;
	*/
    position: relative;
    top: 150px;
	margin: 0px auto 0px auto;
	text-align: left;
	font-size: .8em;
	padding-top:25px;
	
	background: transparent;
	border: 2px solid orange;
	box-shadow: 1px 1px 5px #000;
	
	background: rgba(255,255,255,.6);
}

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}

.desktop{
		display: hidden;
}

#ownerFlipLastClaimedLabel {
		display:none;
}

#ownerFlipLastClaimed {
	display:none;
}

#ownerFlipPendingRewardsLabel {
		display:none;
}

#ownerFlipPendingRewardsLabel{
		display:none;
}

#pendingRewards {
	display:none;
}

@media screen and (max-width: 1014px) {
	
.desktop{
		display: none;
}

#gopherStats1, #gopherStats2, #gopherStats3 {
	height:auto;
	width: 330px;
}

#webLinks, #contractLinks, #description{
	height: auto;
}

#footerInner {
		width: 95%;
		font-size: .8em;
		background: rgba(255,255,255,.8);
		margin-right:auto;
		margin-left:auto;
		position: relative;
		display: block;
		float: none;
}

#mintGopherLink {
	width:100%;
}

#mintGopherBox {
	width:100%;
	background:none;
}

}

.logo_main {
	margin-right: auto;
	margin-left:auto;
	width:315px;
}

.marquee {
	margin-left:0px;
	color:white;
	text-shadow: 2px 2px #000;
	font-size:.9em;
}

.menuWrapper{
	float:auto;
	border-radius:5px;
	display:inline-block;
	overflow:hidden;
}

#ownerFlipLastClaimed {
	display:hidden;
}

@media screen and (min-width: 500px) and (max-width: 1014px) {
	#contractLinks .linkDiv .linkLink{
		font-size:.9em;
	}
}

@media screen and (min-width: 1015px) and (max-width: 1199px) {
	
.desktop{
	display: visible;
}
	
#aboutBox, #introBox {
	overflow:hidden;
	float:left;
	width:45%;
	position:relative;
	display:inline-block;
	margin:2%;

}

#linksBox, #contractsBox  {
	width:45%;
	position:relative;
	display:inline-block;
	margin:2%;
	height:400px;
	float:left;
}

#LatestGopherBox, #buyShardBox {
	width:45%;
	position:relative;
	display:inline-block;
	margin:2%;
	height:300px;
	float:left;
}



#contractLinks .linkDiv .linkLink{
	font-size:1em;
}

}

@media screen and (min-width: 1200px) {
	

.wrapper{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.desktop{
		display: visible;
}
	
#aboutBox, #introBox {

	height:200px;
}

#aboutBox, #introBox {
	overflow:hidden;
	float:left;
	width:45%;
	position:relative;
	display:inline-block;
	margin:2%;
	height:275px;
}

#linksBox, #contractsBox  {
	width:45%;
	position:relative;
	display:inline-block;
	margin:2%;
	height:405px;
	float:left;
}

#LatestGopherBox, #buyShardBox {
	width:45%;
	position:relative;
	display:inline-block;
	margin:2%;
	height:300px;
	float:left;
}

#description {
	margin-top:5px;
}

#contractLinks .linkDiv .linkLink{
	font-size:1em;
}

#gopherStatsMain {
	margin-left: 0px;
	overflow: auto;
}

#gopherStats1, #gopherStats2, #gopherStats3 {
	background: transparent;
	width: 350px;
	float:left;
	position:relative;
	border: none;
	box-shadow:none;
	height:500px;
	margin: 10px 0px 10px 30px;
}



}