/*
	Author: 		Hello Human
	Client: 		Blackcap Education
	Lead dev: 	James Cooke
	Dev site:	http://hellohuman.com.au
*/
/*
	Author: 			Hello Human
	Client: 			Blackcap Education
	Lead dev: 		James Cooke
	Dev site:		http://hellohuman.com.au
	What is dis: 	Variables, colors and a bunch of other fun stuff
*/
/**
 * Page
 *
 * @color
 * @section Body
 */
/**
 * Primary
 *
 * @color
 * @section Base
 */
/**
 * Secondary
 *
 * @color
 * @section Base
 */
/**
 * Tertiary
 *
 * @color
 * @section Base
 */
/**
 * Confirm > Green
 *
 * @color
 * @section Base
 */
/**
 * Dark
 *
 * @color
 * @section Base
 */
/**
 * Dark Grey
 *
 * @color
 * @section Base
 */
/**
 * Grey
 *
 * @color
 * @section Base
 */
/**
 * Light Grey
 *
 * @color
 * @section Base
 */
/**
 * White
 *
 * @color
 * @section Base
 */
/**
 * Border
 *
 * @color
 * @section Border
 */
/**
 * Simple font mixin
 *
 * @mixin font
 */
/**
 * Font styles for body
 *
 * @mixin font-body
 */
/**
 * Font styles for inputs
 *
 * @mixin font-input
 */
/**
 * Default shadow used for cards
 *
 * @mixin card-shadow
 */
*,
*::before,
*::after {
  padding: 0;
  border: 0;
  margin: 0;
  font: inherit;
  box-sizing: border-box; }

div:focus {
  outline: 0; }

img,
video,
svg {
  display: block;
  max-width: 100%; }

i {
  font-style: italic; }

em {
  font-style: italic; }

hr {
  border-bottom: solid 1px #E9E9EA; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

dd,
dd,
dl {
  margin: 0; }

.hidden {
  display: none; }

::-ms-clear {
  display: none; }

::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
  display: none; }

/*
	Author: 			Hello Human
	Client: 			Blackcap Education
	Lead dev: 		James Cooke
	Dev site:		http://hellohuman.com.au
	What is dis: 	Variables, colors and a bunch of other fun stuff
*/
/**
 * Page
 *
 * @color
 * @section Body
 */
/**
 * Primary
 *
 * @color
 * @section Base
 */
/**
 * Secondary
 *
 * @color
 * @section Base
 */
/**
 * Tertiary
 *
 * @color
 * @section Base
 */
/**
 * Confirm > Green
 *
 * @color
 * @section Base
 */
/**
 * Dark
 *
 * @color
 * @section Base
 */
/**
 * Dark Grey
 *
 * @color
 * @section Base
 */
/**
 * Grey
 *
 * @color
 * @section Base
 */
/**
 * Light Grey
 *
 * @color
 * @section Base
 */
/**
 * White
 *
 * @color
 * @section Base
 */
/**
 * Border
 *
 * @color
 * @section Border
 */
button,
.button {
  display: inline-flex;
  align-items: center;
  background: #4056f4;
  border: 2px solid #4056f4;
  border-radius: 50px;
  padding: 10px 22px 12px;
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFE;
  outline: none;
  cursor: pointer;
  min-height: auto;
  text-transform: none;
  line-height: 1;
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  button:hover,
  .button:hover {
    text-decoration: none;
    border-color: #40b0f4;
    background: #40b0f4; }
  button.button--red,
  .button.button--red {
    background-color: #ce2d4f;
    border-color: #ce2d4f; }
    button.button--red:hover,
    .button.button--red:hover {
      border-color: #ce2d85;
      background: #ce2d85; }
  button.button-spinner,
  .button.button-spinner {
    position: relative;
    color: transparent;
    width: 30px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    pointer-events: none; }
    button.button-spinner::before,
    .button.button-spinner::before {
      display: block;
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 20px;
      height: 20px;
      margin-left: -10px;
      margin-top: -10px;
      border: 2px solid #FFFFFE;
      border-radius: 100%;
      border-top-color: transparent;
      border-left-color: transparent;
      border-right-color: transparent;
      animation: rotate-button 600ms linear infinite; }
  button.button-secondary,
  .button.button-secondary {
    border: 2px solid #4056f4;
    background: #FFFFFE;
    color: #4056f4; }
    button.button-secondary:hover,
    .button.button-secondary:hover {
      color: #FFFFFE;
      border-color: #40b0f4;
      background: #40b0f4; }
  button.button-small,
  .button.button-small {
    font-size: 16px;
    padding: 8px 18px 9px; }
  button.button-tiny,
  .button.button-tiny {
    font-size: 14px;
    padding: 6px 14px 7px; }
  button.button-micro,
  .button.button-micro {
    font-size: 13px;
    padding: 4px 10px 5px; }
  button:disabled,
  .button:disabled {
    color: #a3a9ad;
    background-color: #E9E9EA;
    border-color: #E9E9EA; }
    button:disabled:hover,
    .button:disabled:hover {
      color: #a3a9ad;
      background-color: #E9E9EA;
      border-color: #E9E9EA; }

button.button-micro bc-icon-plus {
  margin: -1px;
  margin-right: 5px; }

.button-container button + button {
  margin-left: 5px; }

.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .icon svg {
    flex-grow: 1;
    max-width: 100%;
    max-height: 100%; }
  .icon[size=base] {
    width: 20px;
    height: 20px;
    line-height: 20px; }
  .icon[size=xss] {
    height: 12px;
    width: 12px;
    line-height: 12px; }
  .icon[size=xs] {
    height: 14px;
    width: 14px;
    line-height: 14px; }
  .icon[size=s] {
    height: 16px;
    width: 16px;
    line-height: 16px; }
  .icon[size=m] {
    height: 32px;
    width: 32px;
    line-height: 32px; }
  .icon[size=l] {
    height: 50px;
    width: 50px;
    line-height: 50px; }
  .icon[size=xl] {
    height: 60px;
    width: 60px;
    line-height: 60px; }
  .icon[size=blackcap-logo-large] {
    height: 59px;
    width: 96px;
    line-height: 60px; }
  .icon[color=red] {
    color: #ce2d4f; }
  .icon[color=white] {
    color: #FFFFFE; }
  .icon[color=blue] {
    color: #4056f4; }
  .icon[color=dark] {
    color: #303030; }
  .icon[canhover=true]:hover, .icon[canhover=true]:focus, .icon[cahhover=true]:active,
  a:hover .icon[canhover=true],
  a:focus .icon[canhover=true],
  a:active .icon[canhover=true],
  button:hover .icon[canhover=true],
  button:focus .icon[canhover=true],
  button:active .icon[canhover=true] {
    color: #4056f4; }
    .icon[canhover=true]:hover[color=red], .icon[canhover=true]:focus[color=red], .icon[cahhover=true]:active[color=red],
    a:hover .icon[canhover=true][color=red],
    a:focus .icon[canhover=true][color=red],
    a:active .icon[canhover=true][color=red],
    button:hover .icon[canhover=true][color=red],
    button:focus .icon[canhover=true][color=red],
    button:active .icon[canhover=true][color=red] {
      color: #ce2da0; }
    .icon[canhover=true]:hover[color=blue], .icon[canhover=true]:focus[color=blue], .icon[cahhover=true]:active[color=blue],
    a:hover .icon[canhover=true][color=blue],
    a:focus .icon[canhover=true][color=blue],
    a:active .icon[canhover=true][color=blue],
    button:hover .icon[canhover=true][color=blue],
    button:focus .icon[canhover=true][color=blue],
    button:active .icon[canhover=true][color=blue] {
      color: #40b0f4; }

/**
 * Simple font mixin
 *
 * @mixin font
 */
/**
 * Font styles for body
 *
 * @mixin font-body
 */
/**
 * Font styles for inputs
 *
 * @mixin font-input
 */
/**
 * Default shadow used for cards
 *
 * @mixin card-shadow
 */
.card {
  background: #FFFFFE;
  border-radius: 8px;
  border: solid 1px #E9E9EA;
  position: relative; }
  .card.card--dark {
    background-color: #E9E9EA; }
  .card.card-shadow {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.02); }
  .card.card-no-rounded-corners {
    border-radius: 0; }
  .card.card--red {
    background-color: #ce2d4f;
    color: #FFFFFE;
    border-color: #ce2d4f; }
  .card.card--blue {
    background-color: #4056f4;
    color: #FFFFFE;
    border-color: #4056f4; }
  .card .card-content--blue {
    background-color: #4056f4;
    color: #FFFFFE; }
    .card .card-content--blue:first-child {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
    .card .card-content--blue:last-child {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }
  .card .card-content-highlight {
    background-color: #4056f4;
    color: #FFFFFE; }
    .card .card-content-highlight:first-child {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
    .card .card-content-highlight:last-child {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }
  .card .card-content {
    padding: 15px 20px; }
  .card .card-content + .card-content {
    padding-top: 0; }
  .card .card-content--large {
    padding: 30px 20px; }
  .card .card-content--no-pading-bottom {
    padding-bottom: 0; }
  .card .card-content--slim {
    padding: 15px;
    font-size: 14px; }
  .card .card-content--light-grey {
    background-color: #F7F7F6; }
    .card .card-content--light-grey:first-child {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
    .card .card-content--light-grey:last-child {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }
  .card .card-list-item--slim {
    padding: 10px 15px;
    font-size: 14px; }
  .card .card-list-item--slim + .card-list-item--slim {
    padding-top: 0; }
  .card .card-action-container {
    padding: 10px 10px 10px 20px;
    display: flex;
    align-items: center; }
    .card .card-action-container button + button {
      margin-left: 10px; }
    .card .card-action-container .spacer {
      flex-grow: 1; }
    .card .card-action-container.card-action-container--top-overlay {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
    .card .card-action-container.card-action-container--red-background {
      background-color: #ce2d4f;
      color: #FFFFFE; }

.card-avatar-container {
  display: flex; }
  .card-avatar-container > .avatar {
    display: block;
    margin-right: 15px;
    flex-shrink: 0; }
  .card-avatar-container > .avatar--small {
    margin-right: 5px; }
  .card-avatar-container > .content {
    display: block;
    flex-grow: 1;
    width: 1px; }

.card-options {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 30px;
  text-align: center; }
  .card-options .toggle {
    cursor: pointer;
    font-weight: bold;
    color: #303030; }
    .card-options .toggle:hover {
      color: #4056f4; }

.card-options-dropdown {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.02);
  width: 100%;
  font-size: 14px; }
  .card-options-dropdown li {
    border-bottom: 1px solid #E9E9EA;
    font-weight: 600; }
    .card-options-dropdown li:hover {
      background-color: #F7F7F6; }
    .card-options-dropdown li:last-child {
      border-bottom: none; }
    .card-options-dropdown li a {
      display: block;
      padding: 10px; }

.card-edit-button {
  position: absolute;
  top: 12px;
  right: 12px; }

/*
	Author: 			Hello Human
	Client: 			Blackcap Education
	Lead dev: 		James Cooke
	Dev site:		http://hellohuman.com.au
	What is dis: 	Variables, colors and a bunch of other fun stuff
*/
/**
 * Page
 *
 * @color
 * @section Body
 */
/**
 * Primary
 *
 * @color
 * @section Base
 */
/**
 * Secondary
 *
 * @color
 * @section Base
 */
/**
 * Tertiary
 *
 * @color
 * @section Base
 */
/**
 * Confirm > Green
 *
 * @color
 * @section Base
 */
/**
 * Dark
 *
 * @color
 * @section Base
 */
/**
 * Dark Grey
 *
 * @color
 * @section Base
 */
/**
 * Grey
 *
 * @color
 * @section Base
 */
/**
 * Light Grey
 *
 * @color
 * @section Base
 */
/**
 * White
 *
 * @color
 * @section Base
 */
/**
 * Border
 *
 * @color
 * @section Border
 */
.list-dot-separator li {
  display: inline-block; }
  .list-dot-separator li:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #303030;
    border-radius: 50%;
    margin-left: 7.5px;
    margin-right: 7.5px;
    margin-bottom: 3px;
    display: inline-block; }
  .list-dot-separator li:last-child:after {
    display: none; }

input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=number],
textarea,
select {
  display: block;
  padding: 10px 15px 11px;
  border: solid 1px transparent;
  border-bottom-color: #E9E9EA;
  line-height: 1.2;
  background-color: #FFFFFE;
  color: #303030;
  font-weight: normal; }
  input[type=text]:placeholder,
  input[type=password]:placeholder,
  input[type=email]:placeholder,
  input[type=search]:placeholder,
  input[type=number]:placeholder,
  textarea:placeholder,
  select:placeholder {
    color: #61676f; }
  input[type=text]:disabled,
  input[type=password]:disabled,
  input[type=email]:disabled,
  input[type=search]:disabled,
  input[type=number]:disabled,
  textarea:disabled,
  select:disabled {
    color: #a3a9ad;
    background-color: #E9E9EA; }
  input[type=text].invalid, input[type=text].ng-touched.ng-invalid, input[type=text].input-validation-error,
  input[type=password].invalid,
  input[type=password].ng-touched.ng-invalid,
  input[type=password].input-validation-error,
  input[type=email].invalid,
  input[type=email].ng-touched.ng-invalid,
  input[type=email].input-validation-error,
  input[type=search].invalid,
  input[type=search].ng-touched.ng-invalid,
  input[type=search].input-validation-error,
  input[type=number].invalid,
  input[type=number].ng-touched.ng-invalid,
  input[type=number].input-validation-error,
  textarea.invalid,
  textarea.ng-touched.ng-invalid,
  textarea.input-validation-error,
  select.invalid,
  select.ng-touched.ng-invalid,
  select.input-validation-error {
    border-bottom-color: #cf0101; }
    input[type=text].invalid.no-validation, input[type=text].ng-touched.ng-invalid.no-validation, input[type=text].input-validation-error.no-validation,
    input[type=password].invalid.no-validation,
    input[type=password].ng-touched.ng-invalid.no-validation,
    input[type=password].input-validation-error.no-validation,
    input[type=email].invalid.no-validation,
    input[type=email].ng-touched.ng-invalid.no-validation,
    input[type=email].input-validation-error.no-validation,
    input[type=search].invalid.no-validation,
    input[type=search].ng-touched.ng-invalid.no-validation,
    input[type=search].input-validation-error.no-validation,
    input[type=number].invalid.no-validation,
    input[type=number].ng-touched.ng-invalid.no-validation,
    input[type=number].input-validation-error.no-validation,
    textarea.invalid.no-validation,
    textarea.ng-touched.ng-invalid.no-validation,
    textarea.input-validation-error.no-validation,
    select.invalid.no-validation,
    select.ng-touched.ng-invalid.no-validation,
    select.input-validation-error.no-validation {
      border-bottom-color: #E9E9EA; }
  input[type=text].valid, input[type=text].ng-touched.ng-valid,
  input[type=password].valid,
  input[type=password].ng-touched.ng-valid,
  input[type=email].valid,
  input[type=email].ng-touched.ng-valid,
  input[type=search].valid,
  input[type=search].ng-touched.ng-valid,
  input[type=number].valid,
  input[type=number].ng-touched.ng-valid,
  textarea.valid,
  textarea.ng-touched.ng-valid,
  select.valid,
  select.ng-touched.ng-valid {
    border-bottom-color: #2b9e85; }
    input[type=text].valid.no-validation, input[type=text].ng-touched.ng-valid.no-validation,
    input[type=password].valid.no-validation,
    input[type=password].ng-touched.ng-valid.no-validation,
    input[type=email].valid.no-validation,
    input[type=email].ng-touched.ng-valid.no-validation,
    input[type=search].valid.no-validation,
    input[type=search].ng-touched.ng-valid.no-validation,
    input[type=number].valid.no-validation,
    input[type=number].ng-touched.ng-valid.no-validation,
    textarea.valid.no-validation,
    textarea.ng-touched.ng-valid.no-validation,
    select.valid.no-validation,
    select.ng-touched.ng-valid.no-validation {
      border-bottom-color: #E9E9EA; }
  input[type=text]:active, input[type=text]:focus, input[type=text].ng-touched:active, input[type=text].ng-touched:focus,
  input[type=password]:active,
  input[type=password]:focus,
  input[type=password].ng-touched:active,
  input[type=password].ng-touched:focus,
  input[type=email]:active,
  input[type=email]:focus,
  input[type=email].ng-touched:active,
  input[type=email].ng-touched:focus,
  input[type=search]:active,
  input[type=search]:focus,
  input[type=search].ng-touched:active,
  input[type=search].ng-touched:focus,
  input[type=number]:active,
  input[type=number]:focus,
  input[type=number].ng-touched:active,
  input[type=number].ng-touched:focus,
  textarea:active,
  textarea:focus,
  textarea.ng-touched:active,
  textarea.ng-touched:focus,
  select:active,
  select:focus,
  select.ng-touched:active,
  select.ng-touched:focus {
    outline: none;
    border-color: #E9E9EA;
    border-bottom-color: #4056f4; }
    input[type=text]:active.no-validation, input[type=text]:focus.no-validation, input[type=text].ng-touched:active.no-validation, input[type=text].ng-touched:focus.no-validation,
    input[type=password]:active.no-validation,
    input[type=password]:focus.no-validation,
    input[type=password].ng-touched:active.no-validation,
    input[type=password].ng-touched:focus.no-validation,
    input[type=email]:active.no-validation,
    input[type=email]:focus.no-validation,
    input[type=email].ng-touched:active.no-validation,
    input[type=email].ng-touched:focus.no-validation,
    input[type=search]:active.no-validation,
    input[type=search]:focus.no-validation,
    input[type=search].ng-touched:active.no-validation,
    input[type=search].ng-touched:focus.no-validation,
    input[type=number]:active.no-validation,
    input[type=number]:focus.no-validation,
    input[type=number].ng-touched:active.no-validation,
    input[type=number].ng-touched:focus.no-validation,
    textarea:active.no-validation,
    textarea:focus.no-validation,
    textarea.ng-touched:active.no-validation,
    textarea.ng-touched:focus.no-validation,
    select:active.no-validation,
    select:focus.no-validation,
    select.ng-touched:active.no-validation,
    select.ng-touched:focus.no-validation {
      border-bottom-color: #E9E9EA; }

input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=number],
select {
  width: 100%;
  max-width: 500px; }
  input[type=text].fullwidth,
  input[type=password].fullwidth,
  input[type=email].fullwidth,
  input[type=search].fullwidth,
  input[type=number].fullwidth,
  select.fullwidth {
    max-width: none; }

input[type=checkbox] {
  margin-right: 5px; }

textarea {
  width: 100%;
  border-color: #E9E9EA;
  resize: none; }

select {
  border-color: #E9E9EA; }

label,
.faux-label {
  line-height: 1.33;
  font-weight: 600;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  position: relative; }
  label input, label textarea,
  .faux-label input,
  .faux-label textarea {
    margin-top: 8px; }
  label > *,
  .faux-label > * {
    font-weight: normal; }

.form-error,
.field-validation-error {
  display: block;
  margin-top: 5px;
  color: #ce2d4f;
  font-weight: normal; }

.main-container {
  max-width: 1100px;
  margin: 0 auto 45px;
  padding: 0 20px; }
  .main-container.main-container--spacing-top {
    margin-top: 30px; }
  @media (min-width: 768px) {
    .main-container.main-container--two-columns {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .main-container.main-container--two-columns > .hero {
        width: 100%; }
      .main-container.main-container--two-columns > .side {
        width: 30%;
        padding-right: 30px; }
      .main-container.main-container--two-columns > .content {
        width: 70%; } }

.fullscreen-wrapper {
  min-width: 100%;
  min-height: 100vh;
  overflow: auto;
  background-image: linear-gradient(313deg, #2a12b9, #4056f4);
  display: flex; }
  @media (max-width: 767px) {
    .fullscreen-wrapper .fullscreen-wrapper__content--slim {
      width: 100%;
      min-height: 100vh; } }
  @media (min-width: 768px) {
    .fullscreen-wrapper {
      align-items: center;
      justify-content: center; }
      .fullscreen-wrapper .fullscreen-wrapper__content--slim {
        width: 380px;
        margin: 15px; } }

/*
	Author: 			Hello Human
	Client: 			Blackcap Education
	Lead dev: 		James Cooke
	Dev site:		http://hellohuman.com.au
	What is dis: 	Headings, paragraphs, all those lovely types go in here
*/
body {
  font-family: "Source Sans Pro", sans-serif;
  line-height: 1.4;
  color: #303030;
  background-color: #F3F3F3;
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll; }

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
  font-weight: 600;
  line-height: 1.4; }

.h1,
h1 {
  font-size: 26px; }

.h2,
h2 {
  font-size: 22px; }

.h3,
h3 {
  font-size: 18px; }

.h4,
h4 {
  font-size: 16px; }

.h5,
h5 {
  font-size: 14px; }

dt, strong, b {
  font-weight: 600; }

p {
  margin: 0; }

a {
  text-decoration: none;
  color: #4056f4;
  cursor: pointer;
  transition: color 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  a:hover {
    text-decoration: underline; }
  a.underline {
    text-decoration: underline; }
  a.dark {
    color: #303030; }
    a.dark:hover {
      text-decoration: none;
      color: #4056f4; }
  a.grey {
    color: #767676; }
  a.white {
    color: #FFFFFE; }

time {
  font-size: 14px; }

.post-description {
  word-wrap: break-word; }

@keyframes fade-in-delayed {
  0% {
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes rotate-button {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

body .croppie-container .cr-viewport {
  border: none; }

.center {
  text-align: center; }

.popup-container {
  position: relative; }

.html-overlay {
  overflow: hidden; }

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }
  20%, 80% {
    transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }
  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

.animation-shake-once {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px; }

.softskill-pill {
  color: #767676;
  background-color: #dbdbdb;
  font-size: 14px;
  padding: 3px 15px 5px;
  display: inline-block;
  border-radius: 20px;
  margin-right: 10px;
  margin-bottom: 10px; }

.button-container {
  text-align: center; }

.outside-main-box {
  text-align: center;
  color: #FFFFFE; }

.card svg {
  margin-top: -1px;
  margin-left: -1px;
  max-width: none;
  width: 100%;
  width: calc(100% + 2px);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

.forgot-password {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px; }

h1 {
  margin-bottom: 25px;
  text-align: center; }

h2 {
  margin-bottom: 20px;
  text-align: center; }

h3 {
  margin-bottom: 20px;
  text-align: center; }

p {
  margin-bottom: 20px; }

.login-card {
  border: none;
  overflow: hidden; }
  .login-card .center-illustration {
    background-color: #4056f4; }
    .login-card .center-illustration svg {
      max-width: 380px;
      margin: 0 auto; }

.form-validation-error {
  color: #ce2d4f; }

@media (min-width: 768px) {
  .fullscreen-wrapper__content--slim.fullscreen-wrapper__content--slim-double-on-desktop {
    width: 760px; }
  .vertical-card {
    display: flex; }
    .vertical-card > div {
      width: 0;
      flex-grow: 1; }
    .vertical-card > .card-content {
      padding: 40px 30px; } }