/*
 * Bonitas Custom Login CSS
 */

body.login {
  background: #f3f2ed;
}

#loginform, #lostpasswordform {
  background: #38352A;
}

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

#login h1 a {
  background-image: url(assets/images/main-logo.png);
  background-size: 116px 87px;
  width: 116px;
  height: 87px;
}

input#wp-submit {
  background: #D3C7BD;
  border: solid 1px #FFF;
  border-radius: 0px;
  color: #000;
}

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

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

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

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

/*
 * Bonitas Admin Styling
 */

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

#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: #313023;
}

#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: #313023;
  height: 1px;
}

/* 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: #313023;
}
#adminmenu .wp-submenu a {
  color: #fff;
}
#adminmenu .wp-submenu a:hover {
  color: #313023;
}

/* 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: #313023;
}
#adminmenu li.wp-has-current-submenu .wp-menu-arrow,
#adminmenu li.wp-has-current-submenu .wp-menu-arrow div {
  background: #313023;
}

/* buttons */
.wp-core-ui .button-primary {
  background: #4b8938;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#313023),to(#313023));
  background-image: -webkit-linear-gradient(top,#313023,#313023);
  background-image: -moz-linear-gradient(top,#313023,#313023);
  background-image: -ms-linear-gradient(top,#313023,#313023);
  background-image: -o-linear-gradient(top,#313023,#313023);
  background-image: linear-gradient(to bottom,#313023,#313023);
  border-color: #313023;
  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: #313023;
  color: #FFF;
}
.add-new-h2:hover, .wrap .page-title-action:hover {
  background-color: #808080;
  color: #FFF;
}

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

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

/* Links */
a {
  color: #313023;
}
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: #FF0000 !important;
}