/* Import Base Styles */
/*-------------------------------------------
   	Global Starter
-------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, main, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, audio, canvas, progress, video {
  display: block; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; }

body {
  -ms-font-feature-settings: "liga", "kern";
  -o-font-feature-settings: "liga", "kern";
  font-feature-settings: "liga", "kern"; }

/* apply a natural box layout model to all elements, but allowing components to change */
/* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

a:active,
a:hover {
  outline: 0; }

/* Nice Subs & Sups */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  display: block;
  max-width: 100%;
  height: auto; }
  a img {
    border: none; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button {
  cursor: pointer; }

::-moz-selection {
  background: #d7d7d7;
  color: #000;
  text-shadow: none; }

::selection {
  background: #d7d7d7;
  color: #000;
  text-shadow: none; }

/* Custom CSS */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

body {
  background: transparent url("../images/tri.svg") top center no-repeat;
  background-size: cover; }

.main {
  width: 100%;
  max-width: 1000px;
  background: white;
  padding: 2em 5% 3em 5%;
  margin: 0 auto;
  display: flex-container;
  text-align: center; }

@media (min-width: 45em) {
  .main {
    width: 80%;
    padding: 2em 5% 6em 5%;
    margin: 4em auto; } }
.signup {
  position: relative;
  margin: 2em auto;
  width: 100%;
  color: #626471;
  text-transform: uppercase;
  font-size: 1.2rem; }
  .signup h2 {
    display: none; }
  .signup label {
    font-family: "ff-enzo-web", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-style: normal; }

@media (min-width: 40em) {
  .signup {
    width: 90%; } }
h1.logo {
  width: 100%;
  max-width: 800px;
  text-indent: -99999px;
  overflow: hidden;
  background-image: url("../images/UIANlogo@2b.png");
  background-size: contain;
  background-repeat: no-repeat;
  height: 0;
  padding-top: 6.3388%;
  /* (img-height / img-width * container-width) = 116/1830*100      */
  margin: 1em auto 1.4em auto; }

#corner {
  position: absolute;
  top: 0;
  left: 0; }

#corner .line {
  fill: none;
  stroke: #f0586c;
  stroke-miterlimit: 10;
  stroke-width: 3px;
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
  animation: drawOn 0.8s 1.6s cubic-bezier(0.08, 0.78, 0.43, 1) both; }

@keyframes drawOn {
  100% {
    stroke-dashoffset: 0; } }
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(25%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.input-group {
  animation: fadeUp 0.4s cubic-bezier(0.08, 0.78, 0.43, 1) both; }

.input-group:nth-of-type(1) {
  animation-delay: 0.38333s; }

.input-group:nth-of-type(2) {
  animation-delay: 0.63333s; }

.input-group:nth-of-type(3) {
  animation-delay: 0.88333s; }

input[type="submit"] {
  animation: fadeUp 0.4s 0.88s cubic-bezier(0.08, 0.78, 0.43, 1) both; }

.response {
  margin: 2em auto;
  width: 95%;
  text-align: left;
  text-transform: none;
  color: #F0586C;
  border-bottom: 1px solid #DDD0D9;
  padding: 1em 5%;
  transition: all 0.25s cubic-bezier(0.68, 0.01, 1, 0.77); }

#mce-error-response {
  color: #d66610; }

.action {
  margin: 2em auto 4em auto;
  width: 60%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

a.butt {
  padding: .75em 5%;
  width: 40%;
  color: white !important;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  background: #626471; }

#mc_embed_signup_scroll {
  padding: 1.5em 1em 1em 1em;
  margin-bottom: 1em; }

@media (min-width: 40em) {
  #mc_embed_signup_scroll {
    padding: 2em;
    margin-bottom: 2em; } }
footer {
  margin: 6em auto;
  color: grey;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start; }
  footer p {
    width: 75%; }
  footer img {
    margin-right: 3%; }

img.biopic {
  width: 87px;
  height: 100px; }

.hidden {
  display: none !important; }

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

a:link {
  color: #2A839B;
  text-decoration: underline;
  transition: all 0.2s cubic-bezier(0.08, 0.78, 0.43, 1); }

a:visited {
  color: #626471;
  text-decoration: underline; }

a:hover, a:active {
  color: #F0586C;
  text-decoration: underline; }

body {
  font-family: "ff-enzo-web", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h3 {
  font-size: 1.2em;
  font-weight: 700;
  text-align: left;
  color: #626471;
  margin: 2em 0 0.5em 0; }

h4 {
  font-size: 1em;
  font-weight: 700;
  text-align: left;
  color: #626471; }

@media (min-width: 40em) {
  h3 {
    font-size: 1.5em; } }
p {
  margin: 1em 0;
  text-align: left; }

p.desc {
  width: 100%;
  margin: 1em auto;
  font-size: 1em;
  line-height: 1.6; }

@media (min-width: 30em) {
  p.desc {
    font-size: 18px;
    font-size: 1.1rem; } }
.campaign {
  text-align: left;
  font-size: 16px;
  font-size: 1.05rem;
  color: #626471; }
  .campaign a {
    line-height: 1.8; }

input.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  outline: none; }

input.button {
  border: none;
  padding: .75em 10%;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
  background: #F0586C;
  transition: all 0.35s cubic-bezier(0.08, 0.78, 0.43, 1); }
  input.button:hover {
    background-color: #2A839B;
    cursor: pointer; }

input {
  border: none;
  border-bottom: 1px solid #626471; }

.input-group {
  position: relative;
  margin: 0 40px 50px; }
  .input-group input {
    outline: none;
    font-size: 1em;
    position: relative;
    background: none;
    width: 100%;
    height: 50px;
    border: 0;
    color: #626471; }
    .input-group input:focus ~ .bar:before, .input-group input:focus ~ .bar:after {
      width: 50%; }
  .input-group label {
    position: absolute;
    top: 0;
    left: 0;
    color: #626471;
    font-size: 18px;
    font-weight: 300;
    line-height: 40px;
    transition: all 0.2s cubic-bezier(0.08, 0.78, 0.43, 1); }
  .input-group .bar {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #626471;
    width: 100%;
    height: 1px; }
    .input-group .bar:before, .input-group .bar:after {
      content: '';
      position: absolute;
      background: #F0586C;
      width: 0;
      height: 2px;
      transition: all 0.25s cubic-bezier(0.08, 0.78, 0.43, 1); }
    .input-group .bar:before {
      left: 50%; }
    .input-group .bar:after {
      right: 50%; }

.filled {
  color: #B9BAC4 !important;
  transform: translate(-12%, -50%) scale(0.75); }

/*# sourceMappingURL=screen.css.map */