@import '../css/fonts.css';
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=c8c63ca0-8fbb-4881-bf0f-963fb6d90db4");

//Theme Vars
@import 'partials/theme-vars';
//Initialize Foundation
@import "~foundation-sites/scss/foundation";

@include foundation-minimal();

body.login {
  background-color: $brand-secondary;

  a {
    color: $brand-white;
  }

  form {
    border: 3px solid $brand-white;
  }

  #backtoblog,
  #nav {
    a {
      color: $brand-white;

      &:hover {
        color: $brand-primary;
      }
    }
  }

  h1 {
    a {
      background: url('#{$defaultStaticPath}/images/MEG-Logo-white.svg');
      background-repeat: no-repeat;
      width: 100%;
      height: 50px;
      background-position: center center;
    }
  }


  #loginform,
  #lostpasswordform {
    position: relative;

    padding: $global-padding*2;

    border-radius: 0px;
    box-shadow: none;
    background-color: $brand-primary-transparent;

    label {
      color: $brand-white;
    }

    &:before, &:after {
      position: absolute;
      content: '';
    }
  }


  .button {
    &.wp-hide-pw {
      width: 2rem !important;
      height: 1rem !important;
    }

    &.button-primary {
      background-color: $brand-white;
      color: $brand-primary;
      border: none;
      box-shadow: none;
      border-radius: 0px;
      text-shadow: none;
      font-size: 1.1rem;
      margin-top: $global-padding;
      margin-right: $global-padding*2;
    }
  }
}
