:root {
  /* --font-family: Inter, Helvetica, Arial, sans-serif; */
  --font-family: Helvetica, Arial, sans-serif;
  --font-size-root: 19px;
  --line-height-root: 26px;
  --color-wnmu-orange: hsl(19deg 89% 54%);
  --color-wnmu-blue: hsl(176deg 81% 36%);
  --color-wnmu-yellow: hsl(41deg 97% 59%);
  --color-wnmu-purple: hsl(269deg 63% 27%);
  --max-width: 100%;
  --content-max-width: 1400px;
}


/* Default styles */
*, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { font-family: var(--font-family); font-size: var(--font-size-root); line-height: var(--line-height-root); }
p { margin: 0; }
/* header { font-family: Montserrat, Inter, Helvetica, Arial, sans-serif; } */
h2 { font-size: 1.8rem; }
button, input { font-family: var(--font-family); border-radius: 3px; }
/* input[type="text"], input[type="email"], input[type="tel"] { width: 100%; height: 6ex; padding: 0 0.7rem; border: none; border-radius: 2px; } */
/* input[type="submit"] { width: 100%; height: 6ex; border: none; border-radius: 2px; background: var(--color-wnmu-yellow); } */

/* Override default theme styles so it doesn't conflict with Formidable. */
.frm_forms {
  input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], input[type=url], input[type=search], textarea {
    height: auto;
  }
}


/* Reusable stuff */
.hide { display: none; }
.com-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: 50% 50%; }
.com-background-overlay:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--color-wnmu-purple); opacity: 0.76; }
.wnmu-logo {
  height: 60px;
  @media (width <= 700px) { height: 50px; }
}
.icon-word-marker { position: relative; display: inline-block; }


/* Hide the livechat. */
#messenger-root { display: none; }


/* Main content */
main { max-width: var(--max-width); margin: 0 auto; }


/* SAP calculator */
#sap-form button { cursor: pointer; transition: background 0.15s, border-color 0.15s, color 0.15s; }

#sap-form .btn-add-course { background: hsl(269 63% 27%); color: hsl(0 0% 100%); border-color: hsl(269 63% 27%); }
#sap-form .btn-add-course:hover { background: hsl(269 63% 20%); border-color: hsl(269 63% 20%); }

#sap-form .btn-remove-course { background: hsl(0 0% 99%); color: hsl(0 60% 40%); border-color: hsl(0 40% 70%); }
#sap-form .btn-remove-course:hover { background: hsl(0 60% 40%); color: hsl(0 0% 100%); border-color: hsl(0 60% 40%); }

#sap-form {
  max-width: var(--content-max-width);
  margin: auto; padding-bottom: 60px;
  h1 {
    margin: 40px 0 12px !important;
    border: none;
  }
}