_call-to-action.scss

$faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat', 'org-sci', 'org-school';

@each $faculty in $faculties {
  .uw-cta {
    .#{$faculty} {
      .uw-cta__text--big {

        @if $faculty == org-default {
          color: $uw-gold;
        }
        @else {
          color: gesso-brand($faculty, 'lvl1');
        }
      }
    }

    &__aside.#{$faculty} {
      &:hover {
        @if $faculty == org-default {
          background-color: $uw-gold;

          .uw-cta__text--big,
          .uw-cta__text--small,
          .uw-cta__text--medium {
            color: $uw-black;
          }
        }
        @else {
          background-color: gesso-brand($faculty, 'lvl1');

          .uw-cta__text--big,
          .uw-cta__text--small,
          .uw-cta__text--medium {
            color: gesso-brand($faculty, 'lvl4');
          }
        }
      }
    }
  }
}

.uw-cta {
  clear: both;
  height: 100%;
  padding: 1rem;
  width: 100%;

  &.uw-contained-width {
    @include uw-contained-width;
    padding: 0 1rem;
  }

  .uw-cta__aside {
    background-color: $uw-black;
    flex: 1 0 30%;
    margin: 0 1rem;
  }
}

.uw-cta__link {
  border: 0;
  display: block;
  font-family: "BureauGrotCond Book", impact, "avenir next condensed heavy", "Droid Sans", sans-serif;
  padding: 0;
  text-decoration: none;
  width: 100%;

  &:hover {
    text-decoration: none;
  }
}

.uw-cta__text {

  &--big {
    font-size: 1.42383rem;
    letter-spacing: 0.05rem;
    line-height: 1.2;
    padding: 0 0.25rem 0.313rem;
  }

  &--medium {
    color: $uw-white;
    font-size: 1.2rem;
    letter-spacing: 0.05rem;
    line-height: 1.2;
    padding: 0 0.25rem 0.313rem;
  }

  &--small {
    color: $uw-white;
    font-size: 0.8rem;
    letter-spacing: 0.02rem;
    line-height: 1;
    padding: 0 0.15rem 0.313rem;
  }
}

.uw-cta__center-wrapper {
  align-items: center;
  display: flex;
  -ms-flex-align: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
}

.uw-cta__wrapper {
  padding: 1rem 0;
}