/* 
-------------------------------------------------------------- 
WEB FONTS
-------------------------------------------------------------- 
*/

/* 'Fredericka the Great' */
@import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great);

/* 'Roboto Slab' */
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);

/* Oswald */
@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700);

/* Love Ya Like a Sister */
@import url(http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister);

/* 

/* Change background color and font family */
body {
  font-size: 100%;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	background: #F5EBCD url(wood-bg.jpg) repeat;
}
 
/* Change Width and Height of Logo Image + Add Custom Image File */
.login h1 a {
  background-image: url(logo.png);
  width: 202px;
  height: 128px;
  background-size: 202px auto;
}
 
/* Add a few changes to the color and style of form itself */
.login label {
    display: block;
    margin: 0 0 5px 0;
    color: #FFF;
    font-family: 'Love Ya Like A Sister', cursive;
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase;
}
#loginform {
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .5);
	border-radius: 6px;
    background-color: #8dd018;
    padding: 30px;
}
.login form .input {
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    font-size: 1.1em;
    color: #334377;
    padding: 5px 8px;
    margin: 2px 6px 10px 0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .4);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .4);
} 
.login #backtoblog a,
.login #nav a {
  visibility: hidden;
}
 
.wp-core-ui .button-primary {
    background: #334377;
    font-family: 'Love Ya Like A Sister', cursive;
    font-size: .85em;
    font-weight: normal;
    text-transform: uppercase;
    padding: 5px 9px 2px 9px;
    -webkit-box-shadow: inset 0 1px 1px rgba(100, 100, 150, 1);
    -moz-box-shadow: inset 0 1px 1px rgba(100, 100, 150, 1);
}
.wp-core-ui .button-primary:hover {
    background: #475685;
    -webkit-box-shadow: inset 0 1px 1px rgba(150, 150, 200, 1);
    -moz-box-shadow: inset 0 1px 1px rgba(150, 150, 200, 1);
}

/*--------------------------------------------------------------
/********* MEDIA QUERY <320 *********/
@media only screen
and (min-width : 0 ) and (max-width : 320px) {

    body {
	background: none;
    background-color: #8dd018
}
#loginform {
    width: auto;
    margin: 20px 0 0 0;
}
    
 
/* Change Width and Height of Logo Image + Add Custom Image File */
.login h1 a {
    display: block;
    background-image: url(logo.png);
    width: 230px;
    height: 146px;
    background-size: 230px 146px;
    margin: 0 auto;
    padding: 0;
}
#loginform {
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	border-radius: 0;
    background-color: #8dd018;
    padding: 0 !important;
    width: 100%;
}
.login form .input {
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    font-size: 1.1em;
    color: #334377;
    padding: 5px 8px;
    margin: 2px 6px 20px 0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .4);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .4);
}
#nav,
#backtoblog p,
#backtoblog p a {
    visibility: hidden !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
input#rememberme {
    height: 22px;
    width: 22px;
}
}