@font-face {
  font-family: "montserratbold";
  src: url(fonts/montserrat-bold-webfont.woff2) format("woff2"), url(fonts/montserrat-bold-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "montserratextrabold";
  src: url(fonts/montserrat-extrabold-webfont.woff2) format("woff2"), url(fonts/montserrat-extrabold-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserratitalic";
  src: url(fonts/montserrat-italic-webfont.woff2) format("woff2"), url(fonts/montserrat-italic-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "montserratlight";
  src: url(fonts/montserrat-light-webfont.woff2) format("woff2"), url(fonts/montserrat-light-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "montserratmedium";
  src: url(fonts/montserrat-medium-webfont.woff2) format("woff2"), url(fonts/montserrat-medium-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "montserratregular";
  src: url(fonts/montserrat-regular-webfont.woff2) format("woff2");
  src: url(fonts/montserrat-regular-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "montserratsemibold";
  src: url(fonts/montserrat-semibold-webfont.woff2) format("woff2");
  src: url(fonts/montserrat-semibold-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html {
  width: 100%;
  font-family: sans-serif;
}

* {
  min-width: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: "montserratregular";
  color: #002631;
  width: 100vw;
  overflow: auto;
  padding: 0;
  display: flex;
  position: relative;
  z-index: 999999;
  overflow-x: hidden !important;
  background: url(img/bg_page.jpg) top center repeat;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  background-size: cover;
}

#login {
  width: 340px;
  padding: 2rem;
  margin: auto;
  background: rgba(255, 255, 255, 0.5);
  border: 10px solid #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  color: black;
}

#login h1 a {
  background: url(img/logo_black.png) top center no-repeat;
  height: 60px;
  width: 201px;
}

#login form {
  background: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-flow: column;
  font-family: "montserratregular";
}

#login form > * {
  padding: 0 5px;
  width: 100%;
}

#login form p.submit {
  margin: 1rem 0 0;
  padding: 0;
  display: flex;
  overflow: hidden;
  width: 100%;
  align-items: center;
  justify-content: center;
}

#login form p.submit #wp-submit {
  background: rgba(0, 0, 0, 0.9) url(img/bg-header.jpg) top center repeat;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  font-family: "montserratbold";
  color: #b39c70;
  border: 1Px solid black;
}

#login form p.submit #wp-submit:hover {
  background: #000;
  color: #e5ba66;
  text-decoration: none;
}

#login input[type=checkbox]:focus,
#login input[type=color]:focus,
#login input[type=date]:focus,
#login input[type=datetime-local]:focus,
#login input[type=datetime]:focus,
#login input[type=email]:focus,
#login input[type=month]:focus,
#login input[type=number]:focus,
#login input[type=password]:focus,
#login input[type=radio]:focus,
#login input[type=search]:focus,
#login input[type=tel]:focus,
#login input[type=text]:focus,
#login input[type=time]:focus,
#login input[type=url]:focus,
#login input[type=week]:focus,
#login select:focus,
#login textarea:focus {
  border-color: #b39c70;
  box-shadow: 0 0 0 1px #b39c70;
  outline: 2px solid transparent;
}

#login .privacy-policy-page-link {
  text-align: center;
  width: 100%;
  margin: 1rem;
}

#login .privacy-policy-page-link a {
  display: block;
}

.wp-core-ui .button,
.wp-core-ui .button-secondary {
  color: #b39c70;
}

#backtoblog {
  display: none;
}

@media (max-width: 899.98px) {
  body {
    padding: 5px;
  }

  body #login {
    width: 100%;
    padding: 5px;
    margin: auto 0;
  }
}