body.awardit-public-layout {
  min-height            : 100vh;
  min-height            : 100dvh;
  background            : linear-gradient(rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.42)), #2f3338;
  background-position   : center;
  background-size       : cover;
  background-repeat     : no-repeat;
  background-attachment : fixed;
}

body.awardit-public-layout .site {
  min-height     : 100vh;
  min-height     : 100dvh;
  display        : flex;
  flex-direction : column;
  background     : transparent;
}

body.awardit-public-layout .site-header {
  background    : transparent;
  border-bottom : 0;
}

body.awardit-public-layout .site-header .site-branding {
  float      : none;
  margin     : 0 auto;
  text-align : center;
}

body.awardit-public-layout .site-content {
  width           : 100%;
  min-height      : 0;
  flex            : 1 1 auto;
  display         : flex;
  align-items     : center;
  justify-content : center;
  padding         : clamp(10px, 2vh, 24px) 16px;
}

body.awardit-public-layout .content-area {
  width     : 100%;
  max-width : 680px;
  margin    : 0;
}

body.awardit-public-info-layout .content-area {
  width     : 100%;
  max-width : 1040px;
  margin    : 0;
}

body.awardit-public-contact-layout .content-area {
  max-width : 680px;
}

body.awardit-public-contact-layout div.wpforms-container-full .wpforms-form input.wpforms-field-medium,
body.awardit-public-contact-layout div.wpforms-container-full .wpforms-form select.wpforms-field-medium,
body.awardit-public-contact-layout div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
  max-width : 100% !important;
}

body.awardit-public-layout .site-main,
body.awardit-public-layout article,
body.awardit-public-layout .entry-content,
body.awardit-public-info-layout .site-main,
body.awardit-public-info-layout article,
body.awardit-public-info-layout .entry-content {
  margin : 0;
}

body.awardit-public-info-layout article {
  width         : 100%;
  max-height    : 76vh;
  overflow      : hidden;
  border        : 0;
  border-radius : 18px;
  background    : rgba(255, 255, 255, 0.94);
  box-shadow    : 0 18px 50px rgba(0, 0, 0, 0.28);
}

body.awardit-public-info-layout .entry-header {
  padding : 24px 24px 0;
}

body.awardit-public-info-layout .entry-title {
  margin      : 0 0 18px;
  color       : #1f1f1f;
  font-size   : clamp(24px, 5vw, 36px);
  line-height : 1.18;
}

body.awardit-public-info-layout .entry-content {
  max-height : calc(76vh - 92px);
  overflow-y : auto;
  padding    : 0 24px 24px;
  color      : #1f1f1f;
}

body.awardit-public-layout .entry-header {
  display : none;
}

body.awardit-public-layout .user-registration {
  width         : 100% !important;
  max-width     : none !important;
  margin        : 0;
  border        : 0;
  border-radius : 0;
  background    : rgba(255, 255, 255, 0.94);
  box-shadow    : 0 18px 50px rgba(0, 0, 0, 0.28);
}

body.awardit-public-layout .user-registration h2 {
  margin-top : 0;
  color      : #1f1f1f;
}

body.awardit-public-layout .user-registration label {
  color       : #1f1f1f;
  font-weight : 600;
}

body.awardit-public-layout .user-registration input[type="text"],
body.awardit-public-layout .user-registration input[type="email"],
body.awardit-public-layout .user-registration input[type="password"] {
  border-radius : 0;
  border        : 1px solid #c8c8c8;
  background    : #ffffff;
  margin-bottom : 0 !important;
  box-shadow    : none;
}

body.awardit-public-layout .user-registration .input-wrapper {
  position : relative;
  display  : block;
}

body.awardit-public-layout .user-registration input#user_login {
  padding-left  : 18px !important;
  padding-right : 18px !important;
}

body.awardit-public-layout .user-registration .ur-message-content {
  padding : 0 20px 20px !important;
}

body.awardit-public-layout .user-registration .user-registration-ResetPassword .form-row {
  width  : 100%;
  margin : 0 0 16px;
}

body.awardit-public-layout .user-registration .user-registration-ResetPassword input[type="submit"] {
  width      : 100%;
  min-height : 48px;
}

body.awardit-public-layout .user-registration .input-wrapper .ur-icon {
  position        : absolute;
  top             : 50%;
  left            : 10px;
  display         : flex;
  align-items     : center;
  justify-content : center;
  padding         : 0 !important;
  line-height     : 1;
  transform       : translateY(-50%);
  pointer-events  : none;
}

body.awardit-public-layout .user-registration button,
body.awardit-public-layout .user-registration input[type="submit"] {
  border-radius  : 0;
  background     : #111111;
  color          : #ffffff;
  font-weight    : 700;
  text-transform : none;
}

body.awardit-public-layout .user-registration button:hover,
body.awardit-public-layout .user-registration input[type="submit"]:hover {
  background : #333333;
}

body.awardit-public-layout .site-footer {
  flex       : 0 0 auto;
  background : transparent;
  padding    : 0;
}

body.awardit-public-layout .site-info {
  background : rgba(255, 255, 255, 0.92);
  padding    : clamp(10px, 1.5vh, 16px) 20px;
}

body.awardit-public-layout .storefront-handheld-footer-bar {
  display : none !important;
}

@media (min-width : 900px) {
  body.awardit-public-layout:not(.awardit-public-info-layout) .site-content {
    padding-left  : max(48px, 8vw);
    padding-right : max(48px, 12vw);
  }

  body.awardit-public-layout:not(.awardit-public-info-layout) .site-content > .col-full {
    box-sizing      : border-box;
    display         : flex;
    justify-content : flex-end;
    width           : 100%;
    max-width       : none;
    margin          : 0;
    padding-left    : 0;
    padding-right   : 0;
  }

  body.awardit-public-layout:not(.awardit-public-info-layout) .content-area {
    flex      : 0 1 min(420px, 34vw);
    max-width : 420px;
  }
}