@import url(https://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,700italic,700,600,600italic,400italic);
/******************************************************************
Site Name: WildBunch
Author: WizTivi / JGrandin

Stylesheet: Login Stylesheet

This stylesheet is loaded (if admin.php is setup in your 
functions file) on the login page. This way you can style 
the login page. It won't affect any other page, admin or front-end.

For more info, check out the codex:
http://codex.wordpress.org/Creating_Admin_Themes

******************************************************************/
/* 
    MIXINS STYLES
    Created on : 9 oct. 2014, 11:07:15
    Author     : jgrandin
*/
/* FONTS IMPORT
-------------------------------------------------------------------------*/
/* VARIABLES
-------------------------------------------------------------------------*/
/* SPRITES
-------------------------------------------------------------------------*/
.iconwb {
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
}
.lock {
  width: 9px;
  height: 11px;
  background-position: -10px -181px;
  padding-right: 16px;
}
.eye.white {
  width: 11px;
  height: 16px;
  background-position: -37px -158px;
  padding-right: 24px;
}
.eye.black {
  width: 11px;
  height: 16px;
  background-position: -64px -158px;
  padding-right: 24px;
}
.play {
  width: 54px;
  height: 54px;
  background-position: -74px -65px;
  padding-right: 60px;
}
.play-locked {
  width: 54px;
  height: 54px;
  background-position: -74px -205px;
  padding-right: 60px;
}
.download {
  width: 54px;
  height: 54px;
  background-position: -202px -65px;
  padding-right: 60px;
}
.download-locked {
  width: 54px;
  height: 54px;
  background-position: -202px -205px;
  padding-right: 60px;
}
.addWish {
  width: 54px;
  height: 54px;
  background-position: -394px -141px;
  padding-right: 60px;
  cursor: pointer;
}
.removeWish {
  width: 54px;
  height: 54px;
  background-position: -330px -205px;
  padding-right: 60px;
  cursor: pointer;
}
h1 .open {
  margin: 0 0 1px 5px;
  display: inline-block;
  cursor: pointer;
  width: 22px;
  height: 22px;
  background-position: -99px -128px;
  padding-right: 0;
}
h1.selectable.selected .open,
h1.selectable:hover .open {
  width: 22px;
  height: 22px;
  background-position: -69px -128px;
  padding-right: 0;my_login_logo_one
  margin: 0 0 1px 5px;
  display: inline-block;
  cursor: pointer;
  width: 22px;
  height: 22px;
  background-position: -40px -128px;
  padding-right: 0;
}
h1.selectable.selected .close,
h1.selectable:hover .close {
  width: 22px;
  height: 22px;
  background-position: -10px -128px;
  padding-right: 0;
}
.iw-closeImg {
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  background-position: -349px -225px;
  padding-right: 14px;
  margin: 14px 0 0 7px;
}
.wb-bullet-nav {
  width: 22px;
  height: 22px;
  background-position: -247px -128px;
  padding-right: 0;
}
.wb-bullet-nav.selected,
.wb-bullet-nav:hover {
  width: 22px;
  height: 22px;
  background-position: -217px -128px;
  padding-right: 0;
}
.wb-arrow.prev {
  width: 14px;
  height: 24px;
  background-position: -174px -129px;
  padding-right: 0;
}
.wb-arrow.prev:hover {
  width: 14px;
  height: 24px;
  background-position: -130px -129px;
  padding-right: 0;
}
.wb-arrow.next {
  width: 14px;
  height: 24px;
  background-position: -196px -129px;
  padding-right: 0;
}
.wb-arrow.next:hover {
  width: 14px;
  height: 24px;
  background-position: -152px -129px;
  padding-right: 0;
}
.arrow-nav:before {
  width: 12px;
  height: 24px;
  background-position: -174px -129px;
  padding-right: 0;
}
.arrow-nav:before:hover {
  width: 12px;
  height: 24px;
  background-position: -130px -129px;
  padding-right: 0;
}
.arrow-nav:after {
  width: 12px;
  height: 24px;
  background-position: -196px -129px;
  padding-right: 0;
}
.arrow-nav:after:hover {
  width: 12px;
  height: 24px;
  background-position: -152px -129px;
  padding-right: 0;
}
/* BUTTONS
-------------------------------------------------------------------------*/
a.button {
  border: 1px solid #000000;
  padding: 14px 16px;
  margin: 10px;
  font-family: 'Lato', 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
  color: #000000;
}
a.button:hover {
  color: #0092cc;
  border: 1px solid #0092cc;
}
a.button:hover span.eye.black {
  width: 11px;
  height: 18px;
  background-position: -10px -158px;
  padding-right: 24px;
}
.movie-details-button {
  line-height: 60px;
  text-align: left;
}
.movie-details-button .button {
  margin-left: 0px;
}
.black-bar a.button {
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 16px 40px;
  vertical-align: middle;
}
.black-bar a.button.small-text {
  font-size: 1em;
  padding: 10px 16px;
}
.black-bar a.button:hover {
  color: #0092cc;
  border: 1px solid #0092cc;
}
a.play-button,
a.download-button {
  height: 54px;
  min-width: 180px;
  line-height: 54px;
  margin: 25px 0;
  display: block;
}
a.play-button span,
a.download-button span {
  float: left;
  display: inline-block;
}
a.play-button span.button-text,
a.download-button span.button-text {
  height: 54px;
  line-height: 54px;
  padding-left: 8px;
  font-family: 'Lato', 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  font-style: italic;
  text-transform: uppercase;
  color: #000000;
  vertical-align: middle;
  width: auto;
}
a.play-button:hover .button-text,
a.download-button:hover .button-text {
  color: #0092cc;
}
a.play-button:hover .play,
a.download-button:hover .play {
  width: 54px;
  height: 54px;
  background-position: -10px -65px;
  padding-right: 60px;
}
a.play-button:hover .play-locked,
a.download-button:hover .play-locked {
  width: 54px;
  height: 54px;
  background-position: -10px -205px;
  padding-right: 60px;
}
a.play-button:hover .download,
a.download-button:hover .download {
  width: 54px;
  height: 54px;
  background-position: -138px -65px;
  padding-right: 60px;
}
a.play-button:hover .download-locked,
a.download-button:hover .download-locked {
  width: 54px;
  height: 54px;
  background-position: -138px -205px;
  padding-right: 60px;
}
a.play-button:hover .addWish,
a.download-button:hover .addWish {
  width: 54px;
  height: 54px;
  background-position: -394px -205px;
  padding-right: 60px;
}
a.play-button:hover .removeWish,
a.download-button:hover .removeWish {
  width: 54px;
  height: 54px;
  background-position: -266px -205px;
  padding-right: 60px;
}
.no-video {
  height: 54px;
  line-height: 54px;
  padding-left: 8px;
  font-family: 'Lato', 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  font-style: italic;
  text-transform: uppercase;
  color: #000000;
  vertical-align: middle;
  width: auto;
}
/* FORMS
-------------------------------------------------------------------------*/
/* OTHER MIXINS
-------------------------------------------------------------------------*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can 
really slow down your CSS. Don't overdo it.
*********************/
/* .css-gradient(#dfdfdf,#f8f8f8); */
body.login {
  background-image: linear-gradient(70deg, #0B1F35 0%, #205B9B 100%);
  font-family: 'Lato', 'Open Sans', Helvetica, Arial, sans-serif;
}
/* the form box */
body.login {
  /*
This is the Wordpress logo in the admin area.
You'll have to load your own images and mess
with the width and height.
*/
  /*
You'll have to override some of the default styles
but since we're referencing the id, it should be easy.
*/
  /* login button*/
}
body.login h1 a {
  background: url('https://goodfellas.film/wp-content/uploads/2025/02/logo-png.png') no-repeat -10px -10px transparent;
	background-size: cover;
	background-position: center;
  width: 257px;
  height: 55px;
	background-size: 231px 67px;
  text-indent: -9999px;
  overflow: hidden;
  padding-bottom: 15px;
  display: block;
}
body.login form {
  background: none transparent;
  margin-left: 8px;
  padding: 26px 24px 46px;
  font-weight: normal;
  border: none;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
body.login form .input {
  font-family: 'Open Sans', 'Lato', Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-size: 24px;
  width: 97%;
  padding: 3px;
  margin-top: 2px;
  margin-right: 6px;
  margin-bottom: 16px;
  border: 1px solid #E5E5E5;
  background: #FBFBFB;
  outline: none;
  -webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
  -moz-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
  box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
}
body.login label {
  color: #ffffff;
}