/* colors
-------------------------------------------------------------------------------- */
:root{
	--headings-font: 'GFS Didot', serif;
	--text-font: 'GFS Didot', serif;
	--left-panel-desktop-width: 200px;
	--left-panel-desktop-closed-width: 72px;
	--left-panel-mobile-width: 70px;
	--left-panel-mobile-closed: -70px;
	--main-content-bg-color: #fff;
	--bands: #ddd;
	--main-color: #887c78;
	--secondary-color: #66666;
	--left-panel-menu-link-color: #ddd;
}

body{font-family: var(--text-font);}

.wp-core-ui .button, .wp-core-ui .button-secondary{color:var(--main-color);}

.login a{transition: all .4s;}
.login #backtoblog, p#nav{text-align: center;}

.login #login_error, .login .message, .login .success {border-left: 4px solid var(--main-color);}

.wp-core-ui .button-primary {background: var(--main-color);border-color:var(--main-color);}

.login #backtoblog a, .login #nav a {text-decoration: none;color: var(--main-color);font-size: 20px;}
.login #backtoblog a:hover, .login #nav a:hover{color: var(--orange);}

.login .forgetmenot, #wp-submit{float: none!important;}

#wp-submit{display: block;width: 100%;text-transform: uppercase;margin-top: 15px;font-size: 16px;padding: 10px;height: auto;color: white;}
.button-primary{background-color: var(--main-color)!important;}
#wp-submit:hover{{box-shadow: inset 300px 0 0 0 var(--dark-blue)!important;-webkit-box-shadow: inset 300px 0 0 0 var(--dark-blue)!important;-moz-box-shadow: inset 300px 0 0 0 var(--main-color)!important;-o-box-shadow: inset 300px 0 0 0 var(--main-color)!important;}}


@media (min-width: 1025px) {
	body{border: 30px solid var(--main-color); height: calc(100vh - 60px);}
}