@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;600;700;900&family=Open+Sans:wght@300;400;600;700&display=block');

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type="button"],[type="reset"],[type="submit"],button{-webkit-appearance:button}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* set common variables */
:root {
  --page-color: #f7f7f5;
  --fagc-lt-green-hex: #30bc93;
  --fagc-green-hex: #1e9b77;
  --fagc-lt-blue-hex: #34b0e9;
  --fagc-blue-hex: #176597;
  --dk-blue-bg: #253b4e;
  --header-bg: #2a5064;
  --footer-bg: #262f36;
}
.fagc-green {
  color: #028760;
}
.fagc-blue {
  color: #176597;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html{box-sizing:border-box;font-size:18px}
@media (max-width: 767px) {
  html{font-size:16px}
}
html.wf-loading *{opacity:0}
*,*:before,*:after{box-sizing:inherit}
body{min-height:100vh;font-family:'Open Sans',sans-serif;line-height:1.6;color:#212121;background:var(--page-color);position:relative}
img{width:auto;max-width:100%;height:auto}
.sr-only {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

a {
  color: var(--fagc-green-hex);
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
a:hover,
a:focus,
a:active {
  color: var(--fagc-blue-hex);
}
.btn-wrap {}
a.btn,
input.btn {
  margin: 20px 0;
  height: 60px;
  border-radius: 5px;
  padding: 17px 50px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: var(--fagc-green-hex);
  border: none;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
  text-decoration: none;
  display: inline-block;
}
a.btn:hover,
a.btn:focus,
a.btn:active,
input.btn:hover,
input.btn:focus,
input.btn:active {
  color: #fff;
  box-shadow: 0px 0px 6px rgba(0,0,0,0);
}
input[type=text],
input[type=password] {
  margin: 5px 0 15px;
  width: 100%;
  padding: 15px 10px;
  border: 1px solid var(--fagc-lt-blue-hex);
  border-radius: 5px;
}
input[type=text]:focus,
input[type=password]:focus {
  border: 1px solid var(--fagc-lt-blue-hex);
  box-shadow: 0px 0px 8px rgba(52,176,233,0.5);
  outline: none;
}

.header {
  min-height: 100px;
  background: var(--header-bg);
}

.upper-triangle {
  width: 40%;
  min-width: 420px;
  line-height: 0;
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0.1;
  transform: rotate(90deg);
}
.upper-triangle svg polygon {
  fill: var(--fagc-lt-green-hex);
}
.lower-triangle {
  width: 30%;
  min-width: 300px;
  line-height: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0.1;
  transform: rotate(-90deg);
}
.lower-triangle svg polygon {
  fill: var(--fagc-lt-blue-hex);
}

.container {
  margin: 0 auto;
  padding: 0 30px;
  width: 100%;
  max-width: 1050px;
  position: relative;
}
.header .container,
.footer .container {
  max-width: 1200px;
  z-index: 2;
}
.header,
.footer,
.main {
  position: relative;
  z-index: 1;
}
.header {
  overflow: hidden;
}
.header .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.header-logo {
  padding-top: 15px;
  max-width: 280px;
}
.header-logged-in {
  padding: 25px 0 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
  color: #fff;
}
.header-logged-in svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.header-logged-in svg path {
  fill: #fff;
}
.logged-in-name {
  padding-left: 12px;
  padding-right: 12px;
}
.logged-in-name span {
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: right;
}
.logged-in-nav {
  font-size: 0.8rem;
  text-align: right;
}
.logged-in-nav a {
  margin-left: 20px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
.logged-in-nav svg {
  margin-left: 8px;
}

.header-triangle {
  width: 40%;
  min-width: 420px;
  line-height: 0;
  left: 0;
  top: 0;
  position: absolute;
  transform: rotate(90deg);
}
.header-triangle svg polygon {
  fill: #0d2e3c;
}
.main .container {
  padding-top: 50px;
  padding-bottom: 20px;
  min-height: calc(100vh - 190px);
}
.footer {
  font-size: 14px;
  font-weight: 300;;
}
.footer a {
  color: #212121;
  text-decoration: none;
}
.footer .container {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.has-2-col {
  display: flex;
  justify-content: space-between;
}
.has-2-col > div {
  width: calc(50% - 15px);
  display: flex;
  align-items: center;
  position: relative;
}

.login-col {
  margin: 0 auto;
  width: 100%;
  max-width: 340px;
}

.login-form table tr td {
  display: block;
}

.login-forgot,
.login-register {
  padding-top: 25px;
  position: relative;
}
.login-forgot:before,
.login-register:before {
  content: '';
  width: 80px;
  height: 4px;
  background: var(--fagc-lt-blue-hex);
  left: 0;
  top: 25px;
  position: absolute;
  display: block;
}
.login-forgot {
  font-size: 0.85rem;
}
@media (max-width: 767px) {
  .header {
    height: auto;
  }
  .header .container {
    flex-direction: column;
  }
  .header-logged-in {
    padding-top: 15px;
    justify-content: space-evenly;
  }
}
@media (max-width: 600px) {
  .header-logged-in {
    padding: 20px 0 5px;
  }
  .logged-in-name,
  .logged-in-nav {
    padding-bottom: 15px;
  }
  .logged-in-nav span {
    display: none;
  }
  .logged-in-nav a {
    margin: 0 10px;
  }
  .header-triangle {
    min-width: 320px;
  }
  .upper-triangle {
    min-width: 320px;
  }
  .has-2-col {
    flex-direction: column;
    justify-content: center;
  }
  .has-2-col > div {
    width: 100%;
  }
}