/*
Theme Name:         Sage Starter Theme
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme.
Version:            9.0.10
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Epilogue&display=swap");

body.login {
  background: #f0ebe6 url("resources/images/login.jpg") no-repeat center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

#login {
  width: 100%;
  max-width: 406px;
  font-family: "Jost", sans-serif;
  padding: 0 !important;
}

#login > h1 {
  display: none;
}

.login form {
  padding: 20px;
  border: none;
  margin: 0 !important;
  border-radius: 0.5rem;
}

@media screen and (min-width: 768px) {
  .login form {
    padding: 71px 56px 71px 56px;
  }
}

.login form::before {
  content: "";
  display: block;
  width: 214px;
  height: 50px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='188.024' height='39.716' viewBox='0 0 188.024 39.716'%3E%3Cg id='logo_kolor' data-name='logo kolor' transform='translate(-90.539 -82.738)'%3E%3Cg id='Group_24' data-name='Group 24' transform='translate(147.817 93.7)'%3E%3Cpath id='Path_48' data-name='Path 48' d='M356.523,138.5h-6.5v18.438h2.038v-5.48h4.458a6.479,6.479,0,0,0,0-12.958Zm3.141,9.629a4.278,4.278,0,0,1-3.141,1.3h-4.458v-8.9h4.458a4.445,4.445,0,0,1,3.141,7.6Z' transform='translate(-350.028 -137.151)' fill='%23009395'/%3E%3Cpath id='Path_49' data-name='Path 49' d='M422.879,161.624a6.758,6.758,0,0,0,0,13.517,6.758,6.758,0,0,0,0-13.517Zm3.377,10.144a4.786,4.786,0,1,1,1.405-3.391A4.6,4.6,0,0,1,426.256,171.768Z' transform='translate(-401.525 -155.173)' fill='%23009395'/%3E%3Cpath id='Path_50' data-name='Path 50' d='M498.677,140.858a6.764,6.764,0,1,0,0,9.511v1.813h1.964V132.4h-1.964Zm-1.4,8.136a4.773,4.773,0,1,1,1.4-3.384A4.622,4.622,0,0,1,497.272,148.993Z' transform='translate(-456.865 -132.398)' fill='%23009395'/%3E%3Cpath id='Path_51' data-name='Path 51' d='M570.46,163.614a6.762,6.762,0,1,0,0,9.53v1.813h1.972V161.786H570.46Zm-1.4,8.154a4.794,4.794,0,1,1,0-6.764,4.791,4.791,0,0,1,0,6.764Z' transform='translate(-512.804 -155.173)' fill='%23009395'/%3E%3Cpath id='Path_52' data-name='Path 52' d='M630.769,176.74a1.662,1.662,0,0,1-.515,1.228,1.683,1.683,0,0,1-1.229.5v1.983a3.7,3.7,0,0,0,3.708-3.689V162.208h-1.964Z' transform='translate(-567.442 -155.628)' fill='%23009395'/%3E%3Cpath id='Path_53' data-name='Path 53' d='M636.734,140.53a1.243,1.243,0,0,0-.927.39,1.323,1.323,0,0,0,0,1.861,1.249,1.249,0,0,0,.927.383,1.317,1.317,0,1,0,0-2.633Z' transform='translate(-572.428 -138.735)' fill='%23009395'/%3E%3Cpath id='Path_54' data-name='Path 54' d='M743.843,163.614a6.753,6.753,0,1,0-9.562,9.537,6.447,6.447,0,0,0,4.759,1.99,6.517,6.517,0,0,0,4.8-2v1.813h1.964V161.786h-1.964Zm-1.4,8.154a4.655,4.655,0,0,1-3.4,1.4,4.8,4.8,0,1,1,3.4-1.4Z' transform='translate(-647.921 -155.173)' fill='%23009395'/%3E%3Cpath id='Path_55' data-name='Path 55' d='M817,161.624a6.487,6.487,0,0,0-4.781,1.99v-1.828H810.25V180h1.971v-6.852A6.754,6.754,0,1,0,817,161.624Zm3.4,10.144a4.794,4.794,0,0,1-6.782,0,4.789,4.789,0,1,1,6.782,0Z' transform='translate(-708.663 -155.173)' fill='%23009395'/%3E%3Cpath id='Path_56' data-name='Path 56' d='M894.671,168.377a6.752,6.752,0,1,0-6.812,6.745,2.974,2.974,0,0,0,.883,2.06,3.053,3.053,0,0,0,2.214.905v-1.545a1.506,1.506,0,0,1-1.1-.464,1.628,1.628,0,0,1-.486-1.122v-.018a6.626,6.626,0,0,0,2.163-.839,6.72,6.72,0,0,0,2.435-2.722l-1.81-.78a4.758,4.758,0,0,1-7.466,1.3,4.64,4.64,0,0,1-1.537-3.112h11.513Zm-11.277-1.56a4.781,4.781,0,0,1,1.729-2.314,4.765,4.765,0,0,1,7.312,2.314Z' transform='translate(-763.925 -155.173)' fill='%23009395'/%3E%3Cpath id='Path_57' data-name='Path 57' d='M712.173,138.266l-1.192-.89-2.251,3.126v-5.138h-1.978v7.889l-1.309,1.806,1.2.85.111-.147v8.731h1.978V143.026Z' transform='translate(-626.991 -134.71)' fill='%23009395'/%3E%3C/g%3E%3Cg id='Group_25' data-name='Group 25' transform='translate(90.539 82.738)'%3E%3Cpath id='Path_58' data-name='Path 58' d='M138.713,147c-8.649,0-15.167,6.865-15.167,15.96,0,4.3,1.562,7.183,4.783,8.819a6.756,6.756,0,0,0,3.315.752,15.361,15.361,0,0,0,2.227-.185c2.793-.4,5.44-2.3,7.086-3.525,2.3-1.571,7.093-5.325,7.093-9.306a5.168,5.168,0,0,0-5.25-5.053,5.534,5.534,0,0,0-3.7,1.648,5.531,5.531,0,0,0-3.694-1.648,5.166,5.166,0,0,0-5.251,5.053c0,3.492,4.033,7.019,6.467,8.826a9.111,9.111,0,0,1-3.153,1.207c-2.579.376-3.355-.017-3.872-.283-1.509-.769-3.235-2.174-3.235-6.3,0-7.487,5.309-13.13,12.347-13.13A12.17,12.17,0,0,1,151.3,162.4c0,3.385-.462,5.235-1.546,6.171-1.015.884-2.807,1.116-5.481.734a1.413,1.413,0,0,0-.4,2.8c3.578.515,6.036.064,7.724-1.4,2.22-1.925,2.518-5.278,2.518-8.3A15.072,15.072,0,0,0,138.713,147Zm.408,19.651c-2.385-1.659-6.141-4.891-6.141-7.137a2.341,2.341,0,0,1,2.429-2.226,2.2,2.2,0,0,1,1.115.359,4.226,4.226,0,0,1,.869.719,1.752,1.752,0,0,1,.2.251c.028.042.143.207.172.25a1.966,1.966,0,0,0,.792.645,1.642,1.642,0,0,0,.265.094,1.379,1.379,0,0,0,.347.045,1.583,1.583,0,0,0,1.165-.576,3.979,3.979,0,0,0,.341-.5,2.308,2.308,0,0,1,.354-.407,3.466,3.466,0,0,1,1.079-.732,1.834,1.834,0,0,1,.7-.151,2.341,2.341,0,0,1,2.431,2.226c0,2.223-3.221,5.155-5.8,6.926l-.054.04Z' transform='translate(-116.26 -132.818)' fill='%23009395'/%3E%3Cpath id='Path_59' data-name='Path 59' d='M145.074,95.8c.028,0,.263-.015.291-.015a4.955,4.955,0,0,0,3.764-2.3,7.362,7.362,0,0,0,1.146-4.564c-.227-3.473-2.629-6.185-5.472-6.185-.029,0-.262,0-.291.009-2.944.194-5.145,3.278-4.911,6.867C139.829,93.079,142.234,95.8,145.074,95.8ZM144.8,85.559c1.337,0,2.531,1.581,2.658,3.539a4.564,4.564,0,0,1-.681,2.813,2.173,2.173,0,0,1-1.6,1.061h-.109c-1.339,0-2.528-1.578-2.658-3.541C142.286,87.421,143.328,85.655,144.8,85.559Z' transform='translate(-128.758 -82.738)' fill='%23009395'/%3E%3Cpath id='Path_60' data-name='Path 60' d='M203.981,95.821a4.727,4.727,0,0,0,1.208.165c2.527,0,4.874-2.07,5.689-5.03a7.322,7.322,0,0,0-.188-4.7,4.971,4.971,0,0,0-3.206-3.026c-2.81-.786-5.95,1.428-6.909,4.866a7.374,7.374,0,0,0,.194,4.706A4.964,4.964,0,0,0,203.981,95.821Zm-.688-6.972c.471-1.7,1.752-2.961,2.977-2.961a2.171,2.171,0,0,1,.457.055,2.219,2.219,0,0,1,1.347,1.361,4.579,4.579,0,0,1,.087,2.895c-.523,1.9-2.087,3.267-3.423,2.9a2.213,2.213,0,0,1-1.353-1.359A4.593,4.593,0,0,1,203.293,88.849Z' transform='translate(-176.059 -82.994)' fill='%23009395'/%3E%3Cpath id='Path_61' data-name='Path 61' d='M100.766,130.734a6.42,6.42,0,0,0-.916-4.8c-1.678-2.694-5.033-3.824-7.248-2.442a4.4,4.4,0,0,0-1.924,2.784,6.435,6.435,0,0,0,.922,4.8,6.11,6.11,0,0,0,5,3.061,4.182,4.182,0,0,0,2.244-.627A4.391,4.391,0,0,0,100.766,130.734Zm-2.745-.639a1.62,1.62,0,0,1-.669,1.02c-.913.572-2.51-.17-3.359-1.535a3.655,3.655,0,0,1-.565-2.665,1.608,1.608,0,0,1,.666-1.023,1.332,1.332,0,0,1,.749-.2,3.391,3.391,0,0,1,2.613,1.731A3.691,3.691,0,0,1,98.022,130.095Z' transform='translate(-90.539 -114.036)' fill='%23009395'/%3E%3Cpath id='Path_62' data-name='Path 62' d='M257.519,123.748c-2.168-1.469-5.567-.448-7.334,2.171-1.821,2.694-1.494,6.108.726,7.605a4.206,4.206,0,0,0,2.388.717,6.211,6.211,0,0,0,4.946-2.885C260.066,128.668,259.739,125.248,257.519,123.748Zm-1.613,6.021c-.9,1.344-2.515,2.023-3.417,1.416s-.9-2.31.035-3.694a3.42,3.42,0,0,1,2.6-1.636,1.465,1.465,0,0,1,.812.22C256.855,126.708,256.84,128.385,255.906,129.769Z' transform='translate(-214.028 -114.17)' fill='%23009395'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  margin: 0 auto 50px;
}

.login-logo {
  width: 71px;
  height: 71px;
  margin: 0 auto 30px;
  display: block;
}

.login label {
  font-style: normal;
  line-height: 20px;
  margin-bottom: 10px;
  color: #333;
  font-size: 15px;
  text-transform: lowercase;
  display: none;
}


.login form .input,
.login input[type=password],
.login input[type=text],
.login form .input {
  margin-bottom: 17px;
  padding: 18px 30px;
  font-size: 13px;
  height: 50px;
  color: #009395;
  border-radius: 0.5rem;
  border: 0.063rem solid #b2dedf;
}

.login form .input,
.login input[type=password],
.login input[type=text],
.login form .input,
.login form input[type=checkbox] {
  background-color: white;
  box-shadow: none;
  height: 60px;
  border: 0.063rem solid #b2dedf;
  border-radius: 0.5rem;
}

.login form .forgetmenot {
  margin-top: 20px;
}

.login .forgetmenot label,
.login .pw-weak label {
  color: #009395;
  font-family: "DM Sans", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
}

.login .button {
  width: 7.188rem;
  height: 3.75rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: "DM Sans", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.022rem;
  background: linear-gradient(90deg, #af9768 0, #af9768 50%, #009395 50.1%, #009395 100%);
  background-size: 200% auto;
  transition: color 0.3s, background 0.3s ease-in-out;
  border: none;
}

.login .button:hover,
.login .button:active,
.login .button:focus {
  background: linear-gradient(90deg, #009395 0, #009395 100%, #af9768 50.1%, #af9768 100%);
  background-position: left center;
  color: #fff;
}

.login #nav,
.login #backtoblog {
  padding-left: 20px;
}

@media screen and (min-width: 768px) {
  .login #nav,
  .login #backtoblog {
    padding-left: 56px;
  }
}

.login #backtoblog a,
.login #nav a {
  line-height: 14px;
  margin-bottom: 14px;
  transition: opacity 0.15s ease-in-out !important;
  color: #006061;
  font-family: "DM Sans", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.022rem;
}

.login #backtoblog a {
  color: #006061;
  font-family: "DM Sans", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.022rem;
}

.login #nav a:hover,
.login h1 a:hover,
.login #nav a:focus,
.login h1 a:focus {
  color: #af9768;
  opacity: 1;
}

.login #backtoblog a:hover,
.login #backtoblog a:focus,
.login #backtoblog a:hover::before,
.login #backtoblog a:focus::before,
.login #backtoblog a:hover::after,
.login #backtoblog a:focus::after {
  color: #af9768;
  opacity: 1;
}

.login .button.wp-hide-pw {
  color: #999;
  top: 5px;
}

.login .button:hover,
.login .button:active,
.login .button:focus,
.login .button.wp-hide-pw:focus {
  outline: none;
}

.login .button.wp-hide-pw .dashicons {
  top: -7px;
  right: 7px;
}

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

.forgetmenot label {
  display: inline;
}

p {
  position: relative;
}

p span, .wp-pwd span {
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 27px;
  color: #009395;
  font-family: "DM Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.025rem;
  transition: 0.2s ease-in-out;
}

input:focus + span, input:active + span, input:valid + span {
  color: #009395;
  font-size: 0.8em;
  width: auto;
  height: 1.3em;
  padding: 0px 0.5em 0px 0.5em;
  margin: 0px;
  background: white;
  transition: 0.2s ease-in-out;
  top: -6px;
  left: 2em;
}

.wp-hide-pw {
  display: none !important;
}

#rememberme {
  width: 1.25rem;
  height: 1.25rem !important;
  border-radius: 0.125rem;
  border: 0.063rem solid #b2dedf;
}