/* ------------------- FLEXBOX ------------------- */
.flexbox .grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  -webkit-flex-direction: row;
  flex-direction: row; }

.flexbox #project .project-results .col-4of12 {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row; }
  .flexbox #project .project-results .col-4of12 .result {
    flex: 1; }

.flexbox #project .bts-container {
  display: flex;
  flex-direction: row; }

.flexbox #project .bts-container .captions-grid-container {
  order: 2; }

.flexbox #project .bts-container .roles-grid {
  order: 1; }

.flexbox #project .project-footer-nav .col-6of12 {
  display: flex;
  flex-direction: column; }
  .flexbox #project .project-footer-nav .col-6of12 .post-nav-link {
    flex: 1; }

.flexbox .contact-points [class^='col-'] {
  display: flex;
  flex-direction: row; }
  .flexbox .contact-points [class^='col-'] .contact-point {
    flex: 1; }

/* --------------------------------- FONTS -------------------------------- */
/* --------------------------------- COLOURS ----------------------------- */
/** Boldly original blue/green palette **/
/** Boldly multi-colour palette       **/
/** Boldly grayscale palette          **/
/*111*/
/*333*/
/*666*/
/*CCC*/
/** Mixing and matching colours       **/
/** Colours for buttons and alerts    **/
/* --------------------------------- MIXIN -------------------------------- */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff4949+0,2e99ff+100 */
/* --------------------- FORMS ---------------------- */
.form-container {
  margin: 0 auto;
  padding: 0;
  margin-bottom: 2rem; }
  .form-container.featured {
    padding: 1em;
    border: 1rem rgba(135, 161, 158, 0.5) solid; }
  .form-container [class^='col-'] {
    padding: 0; }
  .form-container p.help-text {
    padding: 0;
    margin: 0 0.5rem; }
  .form-container .btn::after {
    display: none; }

.progressbar {
  margin-bottom: 2rem; }
  .progressbar .progress-tab {
    background-color: rgba(135, 161, 158, 0.5);
    text-align: center;
    padding: 0.5rem; }
    .progressbar .progress-tab.active {
      background-color: #2E99FF; }
      .progressbar .progress-tab.active p {
        color: #FFF; }

fieldset {
  border: 1rem rgba(51, 51, 51, 0.5) solid;
  margin: 0;
  margin-bottom: 1rem; }

legend {
  color: #87A19E;
  padding: 0.5rem;
  font-weight: 100;
  font-size: 0.7rem; }

label {
  color: inherit;
  font-weight: 100;
  font-size: 0.8rem; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="numeric"],
input[type="number"],
input[type="url"],
input[type="file"],
textarea,
select {
  border: none;
  border-bottom: 0.25em rgba(51, 51, 51, 0.5) solid;
  background: transparent;
  padding: 0.75em 0.5em;
  font-size: 1em;
  width: 100%;
  outline: none; }

.select-container {
  position: relative; }
  .select-container::after {
    content: "<>";
    font-family: monospace;
    color: #333;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 11px;
    top: 18px;
    border-bottom: 1px solid #87A19E;
    position: absolute;
    pointer-events: none; }

select {
  margin-top: 0.5rem;
  -webkit-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  -moz-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  -ms-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01); }
  select::-ms-expand {
    display: none; }

textarea {
  -webkit-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  -moz-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  -ms-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  height: 3em;
  padding: 0.75em 0.5em; }

option {
  text-transform: none !important; }

input[type="file"] {
  border: none;
  padding: 0.79rem 0;
  background-color: rgba(135, 161, 158, 0.5);
  margin-top: 0.5rem; }

.form-group .help-text {
  display: block;
  font-weight: 100;
  margin: 0.25rem 0; }

.form-group-anim {
  padding: 0.5rem;
  min-height: 5.5rem; }

.form-group-anim label {
  -webkit-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  -moz-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  -ms-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem;
  position: relative;
  top: -1.75em;
  cursor: default; }

.form-group-anim.filled label {
  top: 0;
  left: 0;
  font-size: 0.8em;
  font-weight: normal; }
.form-group-anim.filled input[type="text"],
.form-group-anim.filled input[type="email"],
.form-group-anim.filled input[type="numeric"],
.form-group-anim.filled input[type="url"] {
  border-bottom: 0.25em #2E99FF solid;
  background-color: rgba(135, 161, 158, 0.5); }

.form-group-anim.filled textarea {
  height: 10em;
  background-color: rgba(135, 161, 158, 0.5); }

.checkbox-group {
  padding: 0.5rem; }
  .checkbox-group label {
    padding-left: 0.25rem; }

.select-group {
  position: relative;
  padding: 0 0.5em;
  margin-bottom: 2rem; }
  .select-group ul {
    margin: 0;
    margin-top: 0.5rem; }

.select-group:after {
  right: 0.3em;
  top: 0.45em; }

.select-group:hover:after {
  color: #FFF; }

.select-group ul {
  list-style-type: none;
  padding-left: 0;
  font-size: 1.3em; }
  .select-group ul li {
    padding: 0.5rem; }
    .select-group ul li:nth-child(odd) {
      background-color: rgba(135, 161, 158, 0.5); }
    .select-group ul li label {
      display: block; }

.multiple-group label,
.select-group label,
.radio-group label,
.checkbox label {
  font-size: 0.8em; }

.radio-container,
.multiple-group {
  padding: 0; }

.radio-group label {
  cursor: pointer;
  margin: 0.5rem; }
.radio-group .form-group {
  padding: 1rem 0;
  text-align: center; }
  .radio-group .form-group:hover {
    background-color: rgba(135, 161, 158, 0.5); }

.checkbox-group {
  padding: 1rem;
  margin: 0; }

input[type="radio"]:checked,
input[type="checkbox"]:checked {
  background-color: #87A19E; }

select {
  border-radius: 0;
  background-color: rgba(135, 161, 158, 0.5);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.75em 0.5em;
  cursor: pointer;
  font-weight: bold;
  color: inherit; }
  select:hover {
    background-color: #2E99FF;
    color: inherit; }

select[multiple] {
  height: 10em; }
  select[multiple]:hover {
    background-color: rgba(135, 161, 158, 0.5);
    color: #FFF; }

input[type="submit"] {
  cursor: pointer;
  background-color: transparent;
  border: none; }

.form-group.errors input[type="text"],
.form-group.errors input[type="email"],
.form-group.errors input[type="numeric"],
.form-group.errors textarea,
.form-group.errors select {
  border-color: #FF5252; }

.form-field-errors {
  display: block;
  font-size: 0.9rem;
  background-color: none;
  color: #FF5252; }
  .form-field-errors ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }

ul.errorlist {
  color: #FF5252;
  display: block;
  font-size: 0.8em;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul.errorlist li {
    background-color: transparent !important; }

.form-actions {
  text-align: right;
  padding: 0.5rem;
  background-color: rgba(51, 51, 51, 0.5); }

/*# sourceMappingURL=footer.combo.css.map */