/* GAMERSALOON CUSTOM CSS 2016 */

/* GLOBAL STYLES */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
margin-top:60px;	
background-image:url(../img/xbg.jpg);
background-position:center center;
background-repeat:no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #464646;
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

a {
	color:#F26522;	
}

.saloonOrange {
	color:#F26522;	
}

.gamerGray{
	color:#D1D3D4;
}

a:hover {
	color:#D1D3D4;	
}

.font-16 {
	font-size:16px;
}

.grayFont {
	color:#0A0A0A;
}

.watchLiveLinkButton {
font-size:12px;	
}

.btn-green {
    /*text-transform: uppercase;*/
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
	border:1;
	border-radius:0;
	box-shadow: 3px 3px 0px #3C3C3C;
}

.btn-orange {
    /*text-transform: uppercase;*/
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
	background-color:#F26522;	
	border:1;	
	border-radius:0;
	border-color:#F26522;
	box-shadow: 3px 3px 0px #3C3C3C;
}

.btn-outline-orange {
		border-color:#F26522;
		color:#F26522;
}


.vertical-align {
	/* this centers vertical and horizontal */
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.vertical-align-only {
  float:none;
  vertical-align:middle;

}

/* index.php STYLES */

.mainCalloutFont {
	font-size: 4.4em;
  font-weight: 200;
  line-height: 0.9;
  color:#D1D3D4;
  letter-spacing: -8px;
  
	/*font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: -8px;
	line-height:80px;
	color:#D1D3D4;
	font-size:5.6em;*/
}

.navbar {
min-height:60px;
}

.navLogo {
max-height:36px;
margin-top:4px;
}

/* footer_index.php STYLES */
#footer_index {
background-color:#0A0A0A;
}

.footer_small_text {
font-size:10px;	
}

.footer-link {
color:#818a91;
font-size:16px;
}

.footer-link:hover {
color:#F26522;	
}

.appImage {
max-width:140px;	
}

.socialImage {
width:46px;	
padding-left:10px
}

.footerOrangeText {
color:#F26522;	
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: 1px;
}


#pioneer {
font-size:20px;	
}

#playText {
	font-size:14px;
}


/* GSCL STYLES */

.gsclNavLink {
	color:#D1D3D4;
	margin-top:0px;
	font-size:18px;
	font-weight:300;
	padding-right:20px;
}

.gsclNavLink:hover {
		color:#F26522;
}
.active {
	font-weight:600;	
	color:#F26522;
}

#newsContent {
background:#F6F6F6;	
background-image:url(../img/xbg.jpg);
background-position:center center;
background-repeat:no-repeat;
background-attachment: fixed;
background-size: cover;
}

.lightGrayText {
	color:#D1D3D4;
}



/* ADMIN STYLES */
#adminIndex {
background-color:#FFFFFF;	
}
/* END OF GSCL STYLES */

/* RESPONSIVE 
// Extra small devices (portrait phones, less than 544px)
// No media query since this is the default in Bootstrap

SALOON LOGO GRAY: D1D3D4
SALOON LOGO ORANGE: F26522 */


/* // Small devices (landscape phones, 544px and up)*/
@media (min-width: 544px) { 

body {
margin-top:60px;	
background-image:url(../img/xbg.jpg);
background-position:center center;
background-repeat:no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #464646;
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

#pioneer {
font-size:28px;	
}

#playText {
font-size:20px;
}

}

/* // Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

.mainCalloutFont {
	font-size: 5.6em;
  font-weight: 200;
  line-height: 0.9;
  
/*	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: -8px;
	line-height:90px;
	color:#D1D3D4;
	font-size:5.8em;
	*/
}

.watchLiveLinkButton {
font-size:18px;	
}

}

/* // Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
.mainCalloutFont {
	font-size: 7.2em;
  font-weight: 200;
  line-height: 0.9;
  
	/*font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: 500;
    letter-spacing: -8px;
	line-height:100px;
	color:#D1D3D4;
	font-size:6.8em;*/
}

}

/* // Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  }