.rad-container {
  --rad-background: rgba($black, 0.3);
}
.rad-container .heading-block {
  --fourothree-heading-background: transparent
    linear-gradient(110deg, #dee2e6 0%, #ececec 50%, #fff 100%)
    0% 0% no-repeat padding-box;
  --fourothree-heading-text-color: #000;
  --restricted-heading-text-color: #fff;
  --login-heading-text-color: #212954;
  --login-heading-text-font: Roboto Slab;
}
.rad-container .heading-block .mdi {
  --fourothree-lock-color: #212954;
  --restricted-lock-color: #f2c15b;
}
.rad-container .login-register-blocks .login-block {
  --fourothree-login-block-background: #212954;
  --fourothree-login-block-color: #fff;
  --restricted-login-block-background: #fff;
  --restricted-login-block-color: #212954;
  --login-login-block-background: #212954;
  --login-login-block-color: #fff;
}
.rad-container .login-register-blocks .login-block-header {
  --login-login-block-header-color: #fff;
  --login-login-block-header-background: linear-gradient(
    0deg,
    #212954 0%,
    #212954 100%
  );
  --login-login-block-header-font: Roboto Slab;
}
.rad-container .login-register-blocks .login-block-body-link a {
  --login-login-block-btn-background: #f2c15b;
  --login-login-block-btn-color: #212954;
  --login-login-block-btn-border: #f2c15b;
  --fourothree-login-block-btn-background: #fff;
  --fourothree-login-block-btn-color: #212954;
  --fourothree-login-block-btn-border: #fff;
  --restricted-login-block-btn-background: #719c41;
  --restricted-login-block-btn-color: #fff;
  --restricted-login-block-btn-border: #719c41;
}
.rad-container .login-register-blocks .login-block-body-link a:hover {
  --login-login-block-btn-background-hover: #fff;
  --login-login-block-btn-color-hover: #212954;
  --login-login-block-btn-border-hover: #f2c15b;
  --fourothree-login-block-btn-background-hover: #fff;
  --fourothree-login-block-btn-color-hover: #212954;
  --fourothree-login-block-btn-border-hover: #212954;
  --restricted-login-block-btn-background-hover: #fff;
  --restricted-login-block-btn-color-hover: #212954;
  --restricted-login-block-btn-border-hover: #719c41;
}
.rad-container .login-register-blocks .register-block {
  --fourothree-register-block-background: #ececec;
  --fourothree-register-block-color: #000;
  --restricted-register-block-background: #ececec;
  --restricted-register-block-color: #000;
  --login-register-block-background: #ececec;
  --login-register-block-color: #000;
}
.rad-container .login-register-blocks .register-block-header {
  --login-register-block-header-color: #212954;
  --login-register-block-header-background: #ececec;
  --login-register-block-header-font: Roboto Slab;
}
.rad-container .login-register-blocks .register-block-body-link a {
  --login-register-block-btn-background: #212954;
  --login-register-block-btn-color: #fff;
  --login-register-block-btn-border: #212954;
  --fourothree-register-block-btn-background: #fff;
  --fourothree-register-block-btn-color: #212954;
  --fourothree-register-block-btn-border: #fff;
  --restricted-register-block-btn-background: #fff;
  --restricted-register-block-btn-color: #212954;
  --restricted-register-block-btn-border: #fff;
}
.rad-container .login-register-blocks .register-block-body-link a:hover {
  --login-register-block-btn-background-hover: #fff;
  --login-register-block-btn-color-hover: #212954;
  --login-register-block-btn-border-hover: #212954;
  --fourothree-register-block-btn-background-hover: #fff;
  --fourothree-register-block-btn-color-hover: #212954;
  --fourothree-register-block-btn-border-hover: #212954;
  --restricted-register-block-btn-background-hover: #fff;
  --restricted-register-block-btn-color-hover: #212954;
  --restricted-register-block-btn-border-hover: #212954;
}

.block-restricted-access-display {
  height: 100%;
  width: 100%;
}

.restricted-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.restricted-container.rad-container {
  background-color: var(--rad-background);
  padding: 3rem;
  height: 100%;
  width: 100%;
}
.restricted-container .heading-block {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5rem;
}
@media screen and (max-width: 991px) {
  .restricted-container .heading-block {
    flex-wrap: wrap;
  }
}
.restricted-container .heading-block::before {
  content: url("../img/ico-heading.svg");
  margin-right: 2rem;
}
.restricted-container .heading-block .mdi {
  display: flex;
  align-items: center;
}
.restricted-container .heading-block .mdi::before {
  color: var(--restricted-lock-color);
  font-size: 3rem;
  margin-right: 1rem;
}
.restricted-container .heading-block .mdi p {
  margin-bottom: unset;
  color: var(--restricted-heading-text-color);
  font-size: 1.4rem;
}
.restricted-container .login-register-blocks {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1399px) {
  .restricted-container .login-register-blocks {
    justify-content: center;
  }
}
@media (min-width: 1400px) {
  .restricted-container .login-register-blocks {
    justify-content: space-between;
  }
}
.restricted-container .login-register-blocks > div {
  width: 100%;
  min-height: 210px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
  margin: 0 1rem 2rem;
}
@media (max-width: 1399px) {
  .restricted-container .login-register-blocks > div {
    max-width: 40rem;
  }
}
@media (min-width: 1400px) {
  .restricted-container .login-register-blocks > div {
    max-width: 49%;
  }
}
.restricted-container .login-register-blocks > div a::before {
  margin-right: 5px;
}
.restricted-container .login-register-blocks .login-block {
  background-color: var(--restricted-login-block-background);
  color: var(--restricted-login-block-color);
}
.restricted-container .login-register-blocks .login-block-body-link a {
  display: inline-block;
  transition: 0.2s;
  background-color: var(--restricted-login-block-btn-background);
  color: var(--restricted-login-block-btn-color);
  border-color: var(--restricted-login-block-btn-border);
}
.restricted-container .login-register-blocks .login-block-body-link a:hover {
  background-color: var(--restricted-login-block-btn-background-hover);
  color: var(--restricted-login-block-btn-color-hover);
  border-color: var(--restricted-login-block-btn-border-hover);
}
.restricted-container .login-register-blocks .register-block {
  background-color: var(--restricted-register-block-background);
  color: var(--restricted-register-block-color);
}
.restricted-container .login-register-blocks .register-block-body-link a {
  display: inline-block;
  transition: 0.2s;
  background-color: var(--restricted-register-block-btn-background);
  color: var(--restricted-register-block-btn-color);
  border-color: var(--restricted-register-block-btn-border);
}
.restricted-container .login-register-blocks .register-block-body-link a:hover {
  background-color: var(--restricted-register-block-btn-background-hover);
  color: var(--restricted-register-block-btn-color-hover);
  border-color: var(--restricted-register-block-btn-border-hover);
}

/*# sourceMappingURL=restricted-block.css.map */