/*
 * Custom Login CSS
 */

body.login {
    background: #000000 url(images/football_bg.jpg) no-repeat;
    background-size: cover;
}

#loginform, #lostpasswordform, #registerform {
    background: #487B39;
}

#loginform label, #lostpasswordform label, #registerform label {
    color: #FFF;
}

#registerform p {
    color: #FFFFFF;
}

#login h1 a {
    background-image: url(images/tt_logo_admin.png);
    background-size: 240px 37px;
    width: 240px;
    height: 37px;
}

#login p#nav a, #login p#backtoblog a {
    background: #487B39;
    border: solid 1px #FFF;
    padding: 5px;
}
#login p#nav a:hover, #login p#backtoblog a:hover {
    background: #808080;
    border: solid 1px #808080;
    padding: 5px;
    color: #FFFFFF !important;
}



.login #backtoblog a, .login #nav a, .login h1 a {
    color: #FFFFFF;
}
.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
    color: #FFFFFF;
}

input#wp-submit {
    background: #487B39;
    border: solid 1px #FFF;
    border-radius: 0px;
}

input#wp-submit:hover {
    background: #808080;
    border: 1px solid #808080;
    border-radius: 0px;
}

.login #nav, .login #backtoblog {
    padding: 0px;
}

.login #nav a:hover, .login #backtoblog a:hover{
    color: #487B39;
}

.login .message {
    background-color: #fff;
    border-left: 4px solid #808080;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.wp-social-login-connect-with {
    color: #FFFFFF !important;
}

/*
 * Admin Styling
 */

/* background and text color */
#wpadminbar {background-color: #487B39;}

#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu .wp-menu-arrow, #adminmenu .wp-menu-arrow div, #adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, .folded #adminmenu li.current.menu-top, .folded #adminmenu li.wp-has-current-submenu {
background-color: #487B39;
}

#adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus {
    background-color: #58595b;
    color: #d54e21;
}
#adminmenu li.wp-menu-separator {
    background: #487B39;
    height: 1px;
}

/* Hide Wordpress logo menu */
#wp-admin-bar-wp-logo {
    display: none;
}

/* links in admin menu */
#adminmenu a,
#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
    color: #fff;
}
#adminmenu a:active {
    color: #fff;
    text-decoration: none;
}
#adminmenu a:hover {
    color: #487B39;
}
#adminmenu .wp-submenu a {
    color: #fff;
}
#adminmenu .wp-submenu a:hover {
    color: #487B39;
}

/* change color of arrow to submenus */
#adminmenu li.wp-not-current-submenu .wp-menu-arrow,
#adminmenu li.wp-not-current-submenu .wp-menu-arrow div {
    background: #58595b;
}

/* active screen as seen in menu - change the background and arrow colour */
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.current a.menu-top,
.folded #adminmenu li.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
    background: #487B39;
}
#adminmenu li.wp-has-current-submenu .wp-menu-arrow,
#adminmenu li.wp-has-current-submenu .wp-menu-arrow div {
    background: #487B39;
}

/* buttons */
.wp-core-ui .button-primary {
    background: #4b8938;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#487B39),to(#487B39));
    background-image: -webkit-linear-gradient(top,#487B39,#487B39);
    background-image: -moz-linear-gradient(top,#487B39,#487B39);
    background-image: -ms-linear-gradient(top,#487B39,#487B39);
    background-image: -o-linear-gradient(top,#487B39,#487B39);
    background-image: linear-gradient(to bottom,#487B39,#487B39);
    border-color: #487B39;
    color: rgba(255,255,255,0.95);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}
.wp-core-ui .button-primary.active,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:active {
    background: #808080;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#808080),to(#808080));
    background-image: -webkit-linear-gradient(top,#808080,#808080);
    background-image: -moz-linear-gradient(top,#808080,#808080);
    background-image: -ms-linear-gradient(top,#808080,#808080);
    background-image: -o-linear-gradient(top,#808080,#808080);
    background-image: linear-gradient(to bottom,#808080,#808080);
    border-color: #808080;
    color: rgba(255,255,255,0.95);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
    background: #808080;
    border-color: #808080;
    -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
    box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
    color: #fff;
}

.wrap .add-new-h2, .wrap .add-new-h2:active, .wrap .page-title-action, .wrap .page-title-action:active {
    background-color: #487B39;
    color: #FFF;
}
.add-new-h2:hover, .wrap .page-title-action:hover {
    background-color: #808080;
    color: #FFF;
}

.acf-button {
    background: #487B39 !important;
    border: solid 1px #487B39 !important;
}

.acf-button:hover {
    background: #808080 !important;
    border: solid 1px #808080 !important;
}

/* Links */
a {
    color: #487B39;
}
a:hover {
    color: #808080;
}
#wpadminbar #adminbarsearch:before, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before {
    color: #FFF !important;
}
#adminmenu div.wp-menu-image:before {
    color: #FFF !important;
}
#wp-admin-bar-top-secondary a:hover, #wpadminbar a:hover, #wp-admin-bar-top-secondary a:focus, #wpadminbar a:focus {
    color: #FFF !important;
}
#wpadminbar a:hover {
    color: #b3d88b !important;
}