:root {
  --core-colour: #B72424;
  --core-colour-rgb: 183, 36, 36;
}

div.organisationLogo {
  background-image: url(../image/logo_awgacs.png);
}

body.pageLogin .pageDecoration1 {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 100px;
  background-color: var(--core-colour);
  z-index: -1;
}

body.pageLogin .pageDecoration2 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 100px;
  background-color: var(--core-colour);
  z-index: -1;
}

body.pageLogin .pageDecoration3 {
  position: absolute;
  bottom: -70px;
  left: -300px;
  height: 300px;
  width: 600px;
  background-color: var(--core-colour);
  border-radius: 50%;
  z-index: -1;
}

body.pageLogin {
  padding-top: 100px;
  padding-bottom: 100px;
}

body.pageMemberLogin main {
  position: relative;
  z-index: 1;
}

body.pageMemberLogin main::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: -1;
  background-image: url('/image/logo_awgacs_large_icon.png');
  background-size: contain;
  background-position: 70% center;
  background-repeat: no-repeat;
  opacity: 0.04;
}

@media screen and (max-height: 800px) {
  body.pageLogin {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  body.pageLogin main {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  body.pageLogin .pageDecoration1,
  body.pageLogin .pageDecoration2 {
    height: 50px;
  }

  body.pageLogin .pageDecoration3 {
    bottom: -140px;
  }

  body.pageLogin form#frmLogin table.fields {
    border-radius: 6px;
    background-color: rgba(255,255,255,0.8);
  }
}