/*
Theme Name: WWEBrand Book
*/
// Set background image (pattern)

*{
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
}

html, body{
  width: 100%;
  height: 100%;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;

}

// Start styles in form

.login{
  position: relative;
  top: 50%;
  width: 250px;
  display: table;
  margin: -150px auto 0 auto;
  background: #fff;
  border-radius: 4px;
}

.legend{
  position: relative;
  width: 100%;
  display: block;
  background: #FF7052;
  padding: 15px;
  color: #fff;
  font-size: 20px;

  &:after{
    content: "";
    background-image: url(http://simpleicon.com/wp-content/uploads/multy-user.png);
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: 152px -16px;
    opacity: 0.06;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
  }
}

.input{
  position: relative;
  width: 90%;
  margin: 15px auto;

  span{
    position: absolute;
    display: block;
    color: darken(#EDEDED, 10%);
    left: 10px;
    top: 8px;
    font-size: 20px;
  }

  input{
    width: 100%;
    padding: 10px 5px 10px 40px;
    display: block;
    border: 1px solid #EDEDED;
    border-radius: 4px;
    transition: 0.2s ease-out;
    color: darken(#EDEDED, 30%);

    &:focus{
      padding: 10px 5px 10px 10px;
      outline: 0;
      border-color: #FF7052;
    }
  }
}

.submit{
  width: 45px;
  height: 45px;
  display: block;
  margin: 0 auto -15px auto;
  background: #fff;
  border-radius: 100%;
  border: 1px solid #FF7052;
  color: #FF7052;
  font-size: 24px;
  cursor: pointer;
  box-shadow: 0px 0px 0px 7px #fff;
  transition: 0.2s ease-out;

  &:hover, &:focus{
    background: #FF7052;
    color: #fff;
    outline: 0;
  }
}

.feedback{
  position: absolute;
  bottom: -70px;
  width: 100%;
  text-align: center;
  color: #fff;
  background: #2ecc71;
  padding: 10px 0;
  font-size: 12px;
  display: none;
  opacity: 0;

  &:before{
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(46, 204, 113, 0);
    border-bottom-color: #2ecc71;
    border-width: 10px;
    margin-left: -10px;

  }
}



/*site styles*/
.homepage {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 0px;
  padding: 0px;
  color: #000000;
  /*background: #E7E7E7 url(assets/images/arena_background.jpg) repeat-y top center;*/
  background: #000000;
}

/*login box*/
body > .modal {
  display: none;
}
.login_form {
  border-radius: 0;
  line-height: 18px;
  padding: 0;
  font-family: "Lucida Grande", Verdana, sans-serif;
  /* background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #fff));*/
}
.login_form h3 {
  margin: 0;
  padding: 10px;
  color: #fff;
  font-size: 14px;
  background: -moz-linear-gradient(top, #d7182a, #d7182a);
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d7182a),color-stop(1, #d7182a));
  display: none;
}
.login_form p { padding: 10px 30px;margin: 0;
                /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #fff));*/
                overflow: hidden;
}
.login_form p:last-child { border: none; }
.login_form p label { float: left; font-weight: bold; color: #333; font-size: 13px; width: 75px; line-height: 22px; }
.login_form p input[type="text"],
.login_form p input[type="password"] {
  font: normal 12px/18px "Lucida Grande", Verdana;
  padding: 3px;
  border: 1px solid #ddd;
  width: 180px;
}
.ui-dialog-titlebar{display: none;}
.ui-dialog .ui-dialog-content{padding: 0;margin: 0}
.ui-dialog{border:3px solid #000 !important;border-radius: 0;border-style: double !important;}
#dialog{overflow: hidden;}
.ui-dialog-buttonpane{
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #fff));
  border-top: 1px solid #eee;
  padding:0px !important;
}
.ui-dialog-buttonpane button{background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #555),color-stop(1, #555));color:#fff;padding-left: 0.4em;
                             padding-right: 0.4em;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float: none;text-align: center;}
.ui-dialog .ui-dialog-buttonpane{border:0;}
.notice{font-weight: bold; color: #333; font-size: 13px;padding:20px 0;}
.notice img{width: 32px;vertical-align: middle;}
p.title-login{text-align: center;font-weight: bold;}
.login_form{text-align: center}
.page-wrapper{padding: 0px;}
@media only screen{
  .book-navigation{display: none;}
}
@media only screen{
  .book-navigation{text-align: center;}
  .nav-item{margin:5px 5px;font-size: 1.5em;color:#ffffff;}
  .nav-item a{margin:5px 5px;font-size:1.5em;color:#ffffff;background: rgba(105, 105, 105, 0.2);border-radius: 15%;padding:5px;margin:5px;}
  .page-next{top:50%;position: absolute;right:10px;color:#fff;z-index: 1001;}
  .page-prev{top:50%;position: absolute;left:10px;color: #fff;z-index: 1001;}
}

.leftimg{float: left;max-width: 1000px;}
.rightimg{float:left;max-width: 1000px;}
.zoomtemp{width: 4000px;}
div.nav {max-width: 300px;width:300px;text-align: center;top:0;left:0;z-index: 99999;position: absolute;}

.last-page-video{width:100%;height:100%}
.ui-widget-overlay {
  position: fixed;
}
.video-holder{position: relative;top: 50%;transform:translateY(-50%);}

@-webkit-keyframes spin{
  0%{
    -moz-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
  }
  100%{
    -moz-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
  }
}

@-moz-keyframes spin{
  0%{
    -moz-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
  }
  100%{
    -moz-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
  }
}

@-o-keyframes spin{
  0%{
    -moz-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
  }
  100%{
    -moz-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
  }
}

@-ms-keyframes spin{
  0%{
    -moz-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
  }
  100%{
    -moz-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
  }
}

.fa{font-size:2em !important; font-weight:100 !important;}
.nav-item img {vertical-align:middle;}
.nav li {list-style:none;}
.ui-widget-overlay {
  background: #000 !important;
  opacity: 0.99 !important;
}     
/* video player css*/
.wwe-player-holder{
  position:relative;
  top:50%;

  padding-right:20px;
  transform:translateY(-50%);
}
.wwe-player-holder .jw-icon-hd{display:none;}
.jw-icon-hd{display:none !important;}
/*.wwe-player-holder .jw-icon-fullscreen{display:none;}
.jw-icon-hd{display:none !important;}
.jw-icon-fullscreen{display:none !important;}*/
.video-img-holder{position:relative;}
.playbtn{
  width: 37px;
  height: 36px;
  background: url(assets/images/sprite.png) -44px -38px no-repeat;
  position: absolute;
  cursor: pointer;
  top : 50%;
  left : 50%;
  transform: translate(-50%, -50%);
}
html, body{
  overflow:hidden;
}
/* mobile text */
@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Bold.eot');
  src: url('assets/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/Gotham-Bold.woff') format('woff'),
    url('assets/fonts/Gotham-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Book';
  src: url('assets/fonts/Gotham-Book.eot');
  src: url('assets/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/Gotham-Book.woff') format('woff'),
    url('assets/fonts/Gotham-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/*mobile new assets */
@media screen and (orientation:portrait) {
  .playerholder{margin:0 auto;text-align:center;padding-top:50%}
}
@media screen and (orientation:landscape) {
  .playerholder{margin:0 auto;text-align:center;}
}
.flipbook{backface-visibility: hidden;-webkit-backface-visibility: hidden;background:none;-webkit-transform-style:preserve-3d;-webkit-perspective: 1000;-webkit-transform:translate(0,0);}
.turn-page-wrapper                                                                                                                    {backface-visibility: hidden;-webkit-backface-visibility: hidden;background:transparent;-webkit-transform-style:preserve-3d;-webkit-perspective: 1000;-webkit-transform:translate(0,0); filter: blur(0);-webkit-filter: blur(0);transform: translateZ(0);}

/*.page-wrapper div{
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}*/