/* styles for crg website */

/* links style */
A:link, A:visited, A:active {
	color: green; 
	text-decoration: none;
}
A:hover {
	color : red;
	text-decoration: underline;
}

/* alternative links style */
a.alt:link, a.alt:visited, a.alt:active {
	color: black;
	text-decoration: none;
}
a.alt:hover {
	color : LightSteelBlue;
	text-decoration: none;
}

.w3-button { width:16%; }

/* horizontal break line */
hr {
    box-shadow: 1px 1px 5px teal;
}

img.slide {
	-moz-border-radius: 15px; /* Old Firefox */
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

/* navigation buttons */
.nav {
	background-color: gray;
    border: 1px solid red;
	border-style: none solid none solid;
    color: red;
    padding: 4px 32px 4px 8px;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
	border-radius: 6px;
	opacity:0.5;
}

.nav:hover {
    background-color: black;
	border-color: white;
    color: red;
	opacity:0.7;
}

.nextaddr {
	padding: 4px 8px 4px 32px;
	float: right;
}

/* Style the header */
.header {
	background-color: #000000;
	padding: 10px;
	text-align: center;
}

.circle1 {
	top: 10px;
	left: 1px;
	width: 30px;
	height: 35px;
	background: green;
	-moz-border-radius: 5px; /* Old Firefox */
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	z-index: 1;
	opacity:0.5;
}

/* social media links */
.fa {
	top: 28px;
	padding: 10px;
	font-size: 12px;
	width: 30px;
	text-align: center;
	text-decoration: none;
	margin: 1px 1px;
	border-radius: 20%;
	position: absolute;
}

.fa:hover {
	opacity: 0.7;
}

.fa-facebook {
	right: 124px;
	background: #3B5998;
	color: white;
}

.fa-google-plus {
	right: 88px;
	background: #dd4b39;
	color: white;
}

.fa-yahoo {
	right: 52px;
	background: #430297;
	color: white;
}
		
.fa-industry {
	right: 16px;
	background: #A9A9A9;
	color: white;
}
/* https://www.w3schools.com/howto/howto_css_social_media_buttons.asp */


/* cookies warn message */
#infodiv {
	left: 1%;
	width: 98%;
	bottom: 0;
	background-color: black;
	border: 2px solid green;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 2px;
	border-radius:5px;
	-moz-border-radius:5px; /* Old Firefox */
	position: fixed;
	display: none;
	overflow: hidden;
}

/* toggle menu botton(s) */
#mnu-img1 {
	top: 2px;
	left: 2px;
	width: 48px;
	height: 48px;
	display: block;
	position: absolute;
}
		
#mnu-img1:hover {
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* scroll to top button / thanks to https://www.w3schools.com */
#STTBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 25px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: green;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 10px;
}

#STTBtn:hover {
	background-color: #555;
}

/* menu button style */
.btn {
	text-shadow: 1px 1px 3px #8f8f8f; /* #8f8f8f */
	font-family: Arial;
	color: #2eb32e;
	font-size: 25px;
	padding: 2px 20px 2px 20px;
	text-decoration: none;
	border-radius:5px;
	-moz-border-radius:5px; /* Old Firefox */
}
		
.btn:hover {
	background: #FF0000;
	background-image: -webkit-linear-gradient(top, #FF0000, #000000);
	background-image: -moz-linear-gradient(top, #FF0000, #000000);
	background-image: -ms-linear-gradient(top, #FF0000, #000000);
	background-image: -o-linear-gradient(top, #FF0000, #000000);
	background-image: linear-gradient(to bottom, #FF0000, #000000);
	text-decoration: none;
}
/* button created with the help of 'css3buttongenerator.com' #f50a0a*/

/* navigation menu */
ul {
	list-style-type: none;
	margin: 0;
	padding: 2px;
	overflow: hidden;
	background-color: rgb(47, 178, 47);
/*	border-radius: 6px;*/
}

li { float: left; }

li a {
	display: block;
	text-align: center;
}

div.transbox {
/* width:500px; */
   margin-left: 2%;
   margin-right: 2%;
   background-color:#ffffff;
   border:2px solid green;
   opacity:0.6;
   -webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:1px;border-radius:7px;
   filter:alpha(opacity=60); /* For IE8 and earlier */
}
div.transbox p {
   margin:10px 20px 4px 20px;
   color:#000000;
}
/* from http://www.w3schools.com */

/* for the info containers of each downloadable game */
div.nfo {
	border:2px solid;
	border-radius:5px;
	-moz-border-radius:5px; /* Old Firefox */
	margin-left:5px;
	margin-right:5px;
	color:green;
}
		
p.nfo { color: red; }

font.nfo {
	text-align:left;
	margin-left:5px;
	margin-top:2px;
	color:white
}
		
img.nfo {
	width: 35px;
	height: 35px;
	border-radius: 30%;
	opacity: 0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	float: right;
	margin-left: 3px;
}