/*@import url("https://use.typekit.net/acx4pbq.css");*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
:root {
  --color-primary: #5265d6;
  --color-background: #f0f6f0;
  --text-color-primary: #142F40; 
}
html, body {
  background-color: var(--color-background) !important;
  background-image: url('/content/courses/common/Ribbon_Teal.png'); 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right bottom;
}

body, body * {
font-family: "Inter", sans-serif;
font-weight: 400;
font-style: normal;
 /* color: var(--text-color-primary);*/
}
#welcome-block {
    width: 815px;
}
#welcome-block > p {
    font-size: 16px;
}
h1 {
 font-weight: bold; 
}
h1, .h1 {
    font-size: 48px;
}
.login-anchor {
    text-decoration: underline !important;
    color: var(--color-primary) !important;
}
#login_form > div > div:nth-child(1) > div.row.ef-row.login-bottom {
	display: flex;
  	flex-direction: column; 
}
#login_form > div > div:nth-child(1) > div.row.ef-row.login-bottom > div.col-md-6.col-sm-6.form-group > div {
  margin-top: 1em;
  text-align: left !important;
}
/*----- Resets ------ */
/* Backround */
div.breadcrumb-x {
    background-color: var(--color-background) !important;
    border-color: var(--color-background) !important;
}
.breadcrumb-x {
    box-shadow: none;
    webkit-box-shadow: none;
}
/* Sign in button */
#qf_43e6d9 {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-background) !important;
  width: 200px;
  height: 53px;
  border-radius: 15px;
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
}
.form-group {
    margin-bottom: 24px;
}
/* Input groups */
.input-group {
  width: 100%;
}
.input-group > input {
	/*border-radius: 16px !important;*/
    border: 1px solid var(--dark-blue-70, #5B6D79) !important;
    background: #FFF important !;
    padding: 8px 16px
}
/* Labels */
label {
    font-weight: 400;
    font-size: 16px;
}
.ef-form-element {
  max-width: 100%;
}

/* other blocks */
.login-bottom {
    margin-bottom: 24px !important;
}
.button-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.login-bottom > div > div > label,
.button-panel > div.row.ef-row > div > a, 
#login_form > div > div.row.ef-row.password-options.div,
#forgot-passwd,
#login_form > div > div.row.ef-row.password-options > div.col-md-6.col-sm-6 > div > label{
    font-size: 18px !important;
}
div.ef-block, div.dashboard-panel div.panel-body {
    background-color: #f0f6f0 !important;
    box-shadow: none !important;
}
#ef-login-index > div.ef-block-footer {
    display: none;
}
/* ------ Resets End ------*/
#ef-index-page > div:nth-child(3) > div:nth-child(2) > div > div > div > div > div{
  width: 602px;
}
/* mobile */
@media only screen and (max-width: 480px) {
    .ef-block-content, #welcome-block {
        width: 100%;
    }
  h1, .h1 {
    font-size: 30px;
  }
  .password-options {
   flex-direction: column !important; 
  }
  .password-options > div {
    margin-bottom: 24px;
  }
  #qf_43e6d9 {
    width: 90vw;
  }
  #ef-index-page > div:nth-child(3) > div:nth-child(2) > div > div > div > div > div {
    width: 100%;
}
}
.password-options {
display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 24px;
}

div#ef-current-test-description * {
font-size: 16px !important;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#142F40;border-color:#142F40;}
html.new-ui-html:root{--c-brand-primary:#142f40;--c-brand-primary-darken-5:#0f2a3b;--c-brand-primary-darken-7:#0d2839;--c-brand-primary-darken-10:#0a2536;--c-brand-primary-darken-15:#052031;--c-brand-primary-darken-17:#031e2f;--c-brand-primary-darken-20:#001b2c;--c-brand-primary-darken-25:#001627;--c-brand-primary-lighten-7:#1b3647;--c-brand-primary-lighten-40:#3c5768;}
div.breadcrumb-x{background-color:#FFFFFF;border-color:#FFFFFF;}
html,body{background-color:#000000;}
div.ef-block, div.dashboard-panel div.panel-body, body.new-ui{background-color:#FFFFFF;--c-site-primary:#FFFFFF;}
*.btn.btn-primary, *.btn.btn-primary:not(.active), *.btn.btn-primary:hover, *.btn.btn-primary:hover:not(.active), *.btn.btn-primary:focus, *.btn.btn-primary:focus:not(.active){background-color:#5265D6;border-color:#5265D6;}
div.ef-block, div.dashboard-panel div.panel-body{background-color:#FFFFFF;}