@import "../fonts/conduit.css";

* {
  outline: none;
  padding: 0;
  margin: 0;
  }

HTML {
  height: 100%;
  }
  
BODY {
  height: 100%;
  font-family: "ITC Conduit";
  -webkit-font-smoothing: antialiased;
  }  

#comingsoon {
  background: #333 url('../img/casinotheater.jpg') no-repeat center center;
  background-size: cover;
  }
  
#comingsoon #logo {
  transform: rotate(12deg);
  position: absolute;
  top: 50px;
  right: 50px;
  }  
  
#comingsoon #logo IMG {
  width: 124px;
  }  
  
#comingsoon H1 {
  font-size: 36px;
  line-height: 1.1;
  position: absolute;
  top: 80px;
  left: 50px;
  font-weight: 400;
  color: #fff;
  max-width: 600px;
  opacity: 1;
  }
  
#comingsoon H1 STRONG {
  font-weight: 700;
  } 
  
#comingsoon H1 SMALL {
  display: block;
  margin-top: 20px;
  opacity: 0.7;
  }   
  
#comingsoon #languages {
  position: absolute;
  top: 40px;
  left: 50px;
  color: #fff;
  font-size: 14px;
  }
  
#comingsoon #languages .separator {
  padding: 0 3px;
  opacity: 0.5;
  }   
  
#comingsoon #languages A {
  color: #fff;
  opacity: 0.5;
  text-decoration: none;
  transition: 0.2s;
  } 
  
#comingsoon #languages A.active,
#comingsoon #languages A:hover {
  opacity: 1;
  }   
  
sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}   
  
/* PROGRESSIVE IMAGE
------------------------------------------------------------------------- */     
  
.progressive-image {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: #eee;
  }

.progressive-image div {
  width: 100%;
  height: 100%;
	background-size: cover !important;
	background-position: center top !important;
  }

.progressive-image .loadingImage {
	filter: blur(120px);
  }

.progressive-image .overlay {
	position: absolute;
  top: 0;
	opacity: 0;
	transition: opacity 200ms ease-in;
  }   
  
/* 503 SERVICE UNAVAILABLE
------------------------------------------------------------------------- */      

BODY.error503 .message {
  position: absolute;
  top: 50px;
  left: 50px;
  z-index: 10;
  } 
  
BODY.error503 .message H2 {
  color: #fff;
  font-size: 68px;
  letter-spacing: -0.02em;
  }   
  
BODY.error503 .message H3 {  
  color: #fff;
  }
  
BODY.error503 .message H3 .bright {
  font-weight: 500;
  opacity: 0.5;
  }