@font-face {
  font-family: 'Alright-Sans';
  src: url("fonts/Alright-Sans-Ultra.woff2") format("woff2"), url("fonts/Alright-Sans-Ultra.woff") format("woff");
  font-weight: 800;
}

@font-face {
  font-family: 'Alright-Sans';
  src: url("fonts/Alright-Sans-Ultra.woff2") format("woff2"), url("fonts/Alright-Sans-Ultra.woff") format("woff");
  font-weight: 900;
}

@font-face {
  font-family: 'Alright-Sans';
  src: url("fonts/Alright-Sans-Thin.woff2") format("woff2"), url("fonts/Alright-Sans-Thin.woff") format("woff");
  font-weight: 300;
}

@font-face {
  font-family: 'Alright-Sans';
  src: url("fonts/Alright-Sans-Regular.woff2") format("woff2"), url("fonts/Alright-Sans-Regular.woff") format("woff");
  font-weight: 400;
}

@font-face {
  font-family: 'Alright-Sans';
  src: url("fonts/Alright-Sans-Medium.woff2") format("woff2"), url("fonts/Alright-Sans-Medium.woff") format("woff");
  font-weight: 500;
}


/*@font-face {
    font-family: 'Alright-Sans-Light';
    src: url('fonts/Alright-Sans-Light.woff2') format('woff2'),
    url('fonts/Alright-Sans-Light.woff') format('woff');
    font-weight: normal;
}*/
/*@font-face {
    font-family: 'Alright-Sans-ExThin';
    src: url('fonts/Alright-Sans-ExThin.woff2') format('woff2'),
    url('fonts/Alright-Sans-ExThin.woff') format('woff');
    font-weight: normal;
}*/
@font-face {
  font-family: 'Alright-Sans';
  src: url("fonts/Alright-Sans-Bold.woff2") format("woff2"), url("fonts/Alright-Sans-Bold.woff") format("woff");
  font-weight: 600;
}

@font-face {
  font-family: 'Alright-Sans';
  src: url("fonts/Alright-Sans-Black.woff2") format("woff2"), url("fonts/Alright-Sans-Black.woff") format("woff");
  font-weight: 700;
}

@font-face {
  font-family: 'Alright-Sans';
  src: url("fonts/Alright-Sans-Regular.woff2") format("woff2"), url("fonts/Alright-Sans-Regular.woff") format("woff");
  font-weight: 400;
}

@font-face {
  font-family: 'Calluna';
  src: url("fonts/Calluna-Light.woff2") format("woff2"), url("fonts/Calluna-Light.woff") format("woff");
  font-weight: 300;
}

@font-face {
  font-family: 'Calluna';
  src: url("fonts/Calluna-Regular.woff2") format("woff2"), url("fonts/Calluna-Regular.woff") format("woff");
  font-weight: 400;
}

@font-face {
  font-family: 'Calluna';
  src: url("fonts/Calluna-Semibold.woff2") format("woff2"), url("fonts/Calluna-Semibold.woff") format("woff");
  font-weight: 500;
}

@font-face {
  font-family: 'Calluna';
  src: url("fonts/Calluna-Bold.woff2") format("woff2"), url("fonts/Calluna-Bold.woff2") format("woff");
  font-weight: 600;
  font-weight: 700;
}

@font-face {
  font-family: 'Calluna';
  src: url("fonts/Calluna-Black.woff2") format("woff2"), url("fonts/Calluna-Black.woff2") format("woff");
  font-weight: 800;
  font-weight: 900;
}


@font-face {
  font-family: 'Nooks';
  src: url("fonts/TTNooks-Light.woff2") format("woff2"), url("fonts/TTNooks-Light.woff") format("woff");
  font-weight: 300;
}

@font-face {
  font-family: 'Nooks';
  src: url("fonts/TTNooks-Regular.woff2") format("woff2"), url("fonts/TTNooks-Regular.woff") format("woff");
  font-weight: 400;
  font-weight: 500;
}

@font-face {
  font-family: 'Nooks';
  src: url("fonts/TNooks-Bold.woff2") format("woff2"), url("fonts/font.woff") format("woff");
  font-weight: 600;
  font-weight: 700;
}

@font-face {
  font-family: 'Nooks';
  src: url("fonts/TTNooks-Black.woff2") format("woff2"), url("fonts/font.woff") format("woff");
  font-weight: 800;
}

h1, h2, h3, h4, h5, h6{
    font-family: Arial;
}

h1, h2{
    font-weight: 800;
}

body a{
    font-family: Arial;
}

body, body p{
    font-family: Arial;
}

.index-logo{
    float:left; margin:5px;
    width: 172px;
}


.stream-page{
    height: 100vh;
}

.login-page{
   background-color: #0d375f;
}

.login-logo a{
    color: white;
}

.layout-top-nav, .login-page{
    background-repeat: no-repeat;
    background-size: cover;
}
.login-page{
    background-position: top;
}

.skin-yellow .main-header .navbar{
    border-bottom: 1px solid #3d749b;
}

.skin-yellow .main-header .navbar {
    border-bottom: none;
}

.main-footer {
    border-top: none !important;
}

.stream-page, .stream-page .main-header .navbar, .stream-page .layout-top-nav .wrapper, .stream-page .content-wrapper{
    background-color: transparent !important;
}

.skin-yellow .main-header .navbar, .stream-page .main-header .navbar{
    background-color: #E0AA26c7 !important;
}

.stream-page, .stream-page h1 small{
    color: white;
}

.hgvideo .hgvideo-inner{
    padding: 66.25% 0 0 0;position:relative;
}

.hgvideo-full .hgvideo-inner{
    padding: 50% 0 0 0;
    width: 75%;
    margin: 0 auto;
    position: relative;
}

.content-header h1{
    text-shadow: 0px 0px 1px black;
}

.main-footer {
    background: #E0AA26c7;
    color: #BF8F55;
    border-top: 1px solid #A9ABB2;
    padding: 11px;
}

.main-footer a{
    color: white;
}

.main-footer span, .main-footer{
    color: #cecece;
}

.navbar-nav a:hover, .main-footer a:hover{
    opacity: 0.85;
}

.main-footer i {
    font-size: 1.6em;
}



@media (max-width: 990px){
    .hgchat{
        padding: 10px 15px 0px 15px;
        min-height: 380px;
    }
}


@media (min-width: 990px){
    .container {
        width: 80%;
    }

    .hgchat{
        background: white;
        padding: 0;
    }

    .hgvideo{
        padding: 0;
    }
}