html {
  font:                         1em / 1.625 "Helvetica Neue",Helvetica,Arial,sans-serif;
  min-height:                   100%;
  color:                        #474C55;
}

body {
  /*font-size:                    12px;*/
  margin:                       0px;
}

a {
  -webkit-transition:           color .5s ease;
  transition:                   color .5s ease;
}

a, a:visited {
  color:                        #474C55;
  text-decoration:              none;
}

a:hover, a:focus {
  color:                        #D9192C;
  text-decoration:              none;
}

a img {
  border:                       none;
}

h1 {
  font-size:                    1.6em;
  margin-top:                   0;
}

/* Start label*/
label {
  font-weight:                  bold;
}/*
@media screen and (max-width: 520px) {
  label {
    font-size:                  .83rem;
  }
}*/
/* End label */

/* Start header */
header {
  padding-top:                  50px;
}
@media screen and (max-width: 960px) {
  header {
    padding-top:                10px;
  }
}
/* End header */

/* Start uwg-logo-container */
.uwg-logo-container {
  box-sizing:                   border-box;
  width:                        16.6666666667%;
  float:                        left;
  padding-left:                 .8333333333%;
  padding-right:                .8333333333%;
  margin-left:                  -13px;
  margin-left:                  -0.8125rem;
  min-height:                   1px;
  padding-top:                  .1625em;
  position:                     relative;
  z-index:                      150;
}
/* End uwg-logo-container */

/* Start uwg-logo */
.uwg-logo {
  background:                   url("https://www.westga.edu/_resources/images/mainLogo.svg") no-repeat left center;
  background-size:              contain;
  left:                         0;
  overflow:                     hidden;
  padding-left:                 60px;
  height:                       168px;
  width:                        50%;
  position:                     absolute;
  margin-left:                  25%;
  top:                          -46px;
  -webkit-transition:           all .5s ease;
  transition:                   all .5s ease;
  box-sizing:                   initial;
}
@media screen (min-width: 1024px) and (max-width: 1080px) {
  .uwg-logo {
    padding-left:               25px;
    height:                     155px;
    width:                      70%;
    margin-left:                35%;
    top:                        -40px;
  }
}
@media screen and (max-width: 960px) {
  .uwg-logo {
    top:                        -10px;
  }
}
@media screen and (max-width: 770px) {
  .uwg-logo {
    padding-left:               25px;
    height:                     155px;
    margin-left:                35%;
    top:                        -40px;
  }
}
@media screen and (max-width: 600px) {
  .uwg-logo {
    padding-left:               25px;
    height:                     140px;
    margin-left:                35%;
    top:                        -40px;
  }
}
@media screen and (min-width: 412px) and (max-width: 420px) {
  .uwg-logo {
    padding-left:               25px;
    height:                     150px;
    width:                      80%;
    margin-left:                35%;
    top:                        -22px;
  }
}
@media screen and (max-width: 400px) {
  .uwg-logo {
    padding-left:               25px;
    height:                     150px;
    margin-left:                35%;
    top:                        -50px;
  }
}
@media screen and (max-width: 320px) {
  .uwg-logo {
    padding-left:               25px;
    height:                     150px;
    margin-left:                35%;
    top:                        -42px;
  }
}
.uwg-logo span {
  width:                        1px;
  height:                       1px;
  color:                        transparent;
  display:                      block;
  overflow:                     hidden;
}
/* End uwg-logo */

/* Start uwg-header */
.uwg-header {
  width:                        100%;
  height:                       auto;
  background-color:             #0054A6;
  color:                        #FFFFFF;
  display:                      block;
  margin:                       0 0 100px 0;
}
@media screen and (max-width: 960px) {
  .uwg-header {
    margin:                     0 0 50px 0;
  }
}
/* End uwg-header */

/* Start uwg-header-container */
.uwg-header-container {
  margin-left:                  auto;
  margin-right:                 auto;
}
/* End uwg-header-container */

/* Start uwg-header-content */
.uwg-header-content {
  padding:                      .2em 0;
  font-size:                    44.8px;
  font-size:                    2.2rem;
  text-align:                   center;
  font-weight:                  600;
  display:                      block;
}
@media screen and (max-width: 1080px) {
  .uwg-header-content {
    font-size:                  2.5rem;
    margin-left:                1em;
    overflow:                   hidden;
  }
}
@media screen and (max-width: 1024px) {
  .uwg-header-content {
    margin-left:                4em;
    font-size:                  2.5rem;
    overflow:                   hidden;
  }
}
@media screen and (max-width: 770px) {
  .uwg-header-content {
    font-size:                  1.5rem;
    padding:                    5px;
    margin-left:                15%;
    overflow:                   hidden; 
  }
}
@media screen and (max-width: 520px) {
  .uwg-header-content {
    margin-left:                4em;
    margin-top:                 5px;
    font-size:                  0.92rem;
    overflow:                   hidden;
  }
}
@media screen and (max-width: 414px) {
  .uwg-header-content {
    margin-left:                4em;
    margin-top:                 5px;
    font-size:                  1.7rem;
    overflow:                   hidden;
  }
}
@media screen and (max-width: 375px) {
  .uwg-header-content {
    margin-left:                4em;
    margin-top:                 5px;
    font-size:                  0.92rem;
    overflow:                   hidden;
  }
}/*
@media screen and (max-width: 320px) {
  .uwg-header-content {
    margin-left:                4em;
    margin-top:                 5px;
    font-size:                  0.92rem;
    overflow:                   hidden;
  }
}*/
/* End uwg-header-content */

#form_wrapper {
  margin:                       auto;
  width:                        85%;
	max-width:                    1135px;
}
@media screen and (max-width: 520px) {
  #form_wrapper {
    width:                      95%;
  }
}
/* End uwg-header-content */

#splash-image {
  width:                        75%;
  margin:                       auto;
}

.form_full {
  width:                        100%;
}

/* Start right */
.right {
  float:                        right;
}
@media screen and (max-width: 520px) {
  .right {
    float:                      none;
  }
}
/* End right */

/* Start left */
.left {
  float:                        left;
}
@media screen and (max-width: 520px) {
  .left {
    float:                      none;
  }
}
/* End left */

/* Start clear */
.clear {
  clear:                        both;
}
@media screen and (max-width: 520px) {
  .clear {
    clear:                      none;
  }
}
/* End clear */

/** Hiding the nomination types **/
/* Not Used on Team Nominations
#values { 
  display:                      none; 
}
#imperative { 
  display:                      none; 
}
#comment { 
  display:                      none; 
}*/

.slight-margin-lft {
  margin-left:                  1rem;
}
  
.form__label, .form__field, .form__select, 
form:not([class]) select, .form__textarea, 
form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']), 
form:not([class]) textarea, .form__select, form:not([class]) select, .form__textarea  {
  font-size:                    1rem;
  display:                      inherit;
}/*
@media screen and (max-width: 520px) {
  .form__label, .form__field, .form__select, .form__textarea {
    font-size:                  .93rem;
  }
}*/

.likeable {
  display:                      none;
}

.error_message {
  padding-left:                 .3rem;
  padding-right:                .3rem;
}
@media screen and (max-width: 770px) {
  .error_message {
    margin-top:                 .3rem !important;
  }
}
/*
.your_info {
  display:                      none;
}

.nominee_info {
  display:                      none;
}

.manager_info {
  display:                      none;
}
*/
.valid {
  background-image:             url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/check.svg);
  background-color:             #FFFFFF;
  background-size:              1rem;
  background-repeat:            no-repeat;
  background-position:          100% 50%;
  border-color:                 green;
}
select.valid {
  background-position:          95% 50%;
}
.valid:hover {
  border-color:                 #0054A6;
}

.invalid {
  background-image:             url(https://upload.wikimedia.org/wikipedia/commons/2/28/White_X_in_red_background.svg);
  background-color:             #FFFFFF;
  background-size:              1rem;
  background-repeat:            no-repeat;
  background-position:          100% 50%;
  border-color:                 #D9192C;
}

.invalid:hover {
  border-color:                 #D9192C;
}

input:disabled, select:disabled, 
textarea:disabled, button:disabled {
  cursor:                       not-allowed !important;
}

input:disabled, select:disabled, 
textarea:disabled {
  background-color:             #F9F8F9;
}

input:required {
  margin-right:                 .3rem;
}
@media screen and (max-width: 770px) {
  input:required {
    margin-right:               0;
  }
}