/* Skybook */

/* General Pages */
@font-face {
    font-family: 'bignoodletitling';
    src: url('/fonts/big-noodle-titling/big_noodle_titling_oblique-webfont.woff2') format('woff2'),
         url('/fonts/big-noodle-titling/big_noodle_titling_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  font: 18px 'bignoodletitling';
    line-height: 1.2em;
    background: #FFF url(/img/skybook/26/SK_march-madness-2022-contest.jpg) no-repeat center top;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-size: 800px;
}

/*body.home {
    background: 
    background: #FFF url(/img/skybook/23/SK_bg-backend-march_madness_2021_Login.jpg) no-repeat center top;
        background-size: auto;
    background-size: 100%;
}*/


a:link, a:visited, ul li strong{
  color: #e0b945;
}

h1, h2, h3, h4, h5, h6{
  font-weight: normal;
}

h2 a{
    background: #e0b945;
    color: #000!important;
}

h2 a:hover{
    background: #FFF;
    color: #000!important;
}

p, ul{
  font: 16px Helvetica;
}

.box-login{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,000000+100&0.8+0,0.8+100 */
   /* FF3.6-15 */
   /* Chrome10-25,Safari5.1-6 */
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   /* IE6-9 */
  border: 0;
  background: #121e26;
}
  
  .box-login:before{
      content: 'Enter with your Skybook Account';
      color: #999;
      display: inline-block;
      margin: 0 0 20px 0
  }

  #submit{
    position: relative;
  }

    #submit:after{
      content: 'Login';
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005986+0,0b6c9d+100 */
            background: #005986; /* Old browsers */
            background: -moz-linear-gradient(top,  #005986 0%, #0b6c9d 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  #005986 0%,#0b6c9d 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  #005986 0%,#0b6c9d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005986', endColorstr='#0b6c9d',GradientType=0 ); /* IE6-9 */
      width: 100%;
      color: #FFF;
      font-weight: bold;
      line-height: 55px;
      position: absolute;
      font-size: 1.5em;
      top: 0;
      left: 0;
      text-align: center;
      z-index: 1
    }

  .box-login input[type="submit"]{
    border: 1px solid #121e26;
    background: none;
    padding: 20px 0;
    color: #FFF;
    position: relative;
    width: 100%;
    z-index: 2
  }

    .box-login input[type="submit"]:hover{
      border:1px solid #FFF;
    }

.contest-fo:after{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,222222+100 */
  background: rgb(0,0,0); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(34,34,34,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(34,34,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(34,34,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
}

div.container{
  color: #FFF;
  border: 0;
  background: #121e26
}

  /*.pick{
    background: url(/img/open-bracket.png) no-repeat center #000;
    background-size: 80%;
    text-indent: -200%;
    overflow: hidden;
  }*/

  .random-link, .random-link:visited, .reset-link, .reset-link:visited, .pick, .pick:visited, .submit-link, .submit-link:visited, #submit:after{
    background: #2c3145;
    color: #FFF;
    border: 1px solid #2c3145;
  }

    .pick, .pick:visited, #submit:after{
      background: #900;
    }

  .random-link:hover, .reset-link:hover, .pick:hover, .submit-link:hover{
    background: #FFF;
    color: #2c3145;
  }

  #team-div-0:before, #team-div-2:before, #team-div-3:before,
  #team-div-32:before, #team-div-34:before, #team-div-35:before,
  #team-div-48:before, #team-div-50:before,  #team-div-51:before,
  #team-div-56:before, #team-div-58:before,
  #team-div-60:before, #team-div-62:before,
  #team-div-63:before{
    background: #FFF;
    color: #2c3145;
  }

  /* Bracket Responsive */
    
    

      .contest-traditional:after{
        background: #FFF;
        border-top: 6px solid #2c3145;
      }

  /* End Bracket Responsive */

/* Contest Body */

/* Pop-up game */
  .contest-traditional:before{
      background: url(/img/skybook/23/SK_NCAA_March-Madness_Going-Loco-logo-mobile.png) no-repeat top center;
  }

/* Media Queries */

.body::before{
  display: none;
}

@media (min-width: 640px) {

  body{
    background-size: 100%;
    
  }

  .body{
    top: 29%
  }

  .contest-traditional{
    padding: 0
  }

  .contest-traditional:before{
      background: url(/img/skybook/23/SK-bracket-march-madness.png?v=4) no-repeat top center;
  }

    .contest-traditional:after{
      background: #FFF;
    }

}

@media (min-width: 1100px) {

  

}


@media (min-width: 1260px) {

  

}

@media (min-width: 1600px) {

  

}

/* End Media Queries */

.rightc .wrap1, .rightc h2:nth-of-type(2){
  display: none;
}