/* Scss Document */
/* Scss Document */
/* line 41, ../../../scss/partials/_colors.scss */
.portal-dropdown-color {
  background-color: #9682A6;
  color: #ffffff;
  font-weight: bold;
}

/* line 43, ../../../scss/partials/_colors.scss */
.color-1 {
  color: #492365;
}

/* line 44, ../../../scss/partials/_colors.scss */
.color-2 {
  color: #575047;
}

/* line 45, ../../../scss/partials/_colors.scss */
.color-3 {
  color: #7f56c5;
}

/* line 46, ../../../scss/partials/_colors.scss */
.color-4 {
  color: #8446ac;
}

/* line 47, ../../../scss/partials/_colors.scss */
.color-5 {
  color: #a391b1;
}

/* line 48, ../../../scss/partials/_colors.scss */
.color-6 {
  color: #aa989c;
}

/* line 49, ../../../scss/partials/_colors.scss */
.color-7 {
  color: #a3d55d;
}

/* line 50, ../../../scss/partials/_colors.scss */
.color-8 {
  color: #009844;
}

/* line 51, ../../../scss/partials/_colors.scss */
.color-9 {
  color: #005c49;
}

/* line 52, ../../../scss/partials/_colors.scss */
.color-10 {
  color: #25cad3;
}

/* line 53, ../../../scss/partials/_colors.scss */
.color-11 {
  color: #005f71;
}

/* line 54, ../../../scss/partials/_colors.scss */
.color-12 {
  color: #346094;
}

/* line 55, ../../../scss/partials/_colors.scss */
.color-13 {
  color: #691940;
}

/* line 56, ../../../scss/partials/_colors.scss */
.color-14 {
  color: #a52428;
}

/* line 57, ../../../scss/partials/_colors.scss */
.color-15 {
  color: #d25d12;
}

/* line 58, ../../../scss/partials/_colors.scss */
.color-16 {
  color: #f6b221;
}

/* line 59, ../../../scss/partials/_colors.scss */
.color-17 {
  color: #84471e;
}

/* line 60, ../../../scss/partials/_colors.scss */
.color-18 {
  color: #483627;
}

/* line 62, ../../../scss/partials/_colors.scss */
.bg-color-primary {
  background: #492365;
  color: #ffffff !important;
}

/* line 63, ../../../scss/partials/_colors.scss */
.bg-color-secondary {
  background: #575047;
  color: #ffffff !important;
}

/* line 64, ../../../scss/partials/_colors.scss */
.bg-color-alert {
  background: #a52428;
  color: #ffffff !important;
}

/* line 65, ../../../scss/partials/_colors.scss */
.bg-color-success {
  background: #009844;
  color: #ffffff !important;
}

/* line 66, ../../../scss/partials/_colors.scss */
.bg-color-warning {
  background: #f08a24;
  color: #ffffff !important;
}

/* line 67, ../../../scss/partials/_colors.scss */
.bg-color-info {
  background: #a0d3e8;
  color: #ffffff !important;
}

/* line 68, ../../../scss/partials/_colors.scss */
.bg-color-shade {
  background: #444444;
  color: #ffffff !important;
}

/* line 69, ../../../scss/partials/_colors.scss */
.bg-color-invert {
  background: white;
  color: #575047 !important;
}

/* line 72, ../../../scss/partials/_colors.scss */
.bg-color-1 {
  background: #492365;
  color: #ffffff !important;
}

/* line 73, ../../../scss/partials/_colors.scss */
.bg-color-2 {
  background: #575047;
  color: #ffffff !important;
}

/* line 74, ../../../scss/partials/_colors.scss */
.bg-color-3 {
  background: #7f56c5;
  color: #ffffff !important;
}

/* line 75, ../../../scss/partials/_colors.scss */
.bg-color-4 {
  background: #8446ac;
  color: #ffffff !important;
}

/* line 76, ../../../scss/partials/_colors.scss */
.bg-color-5 {
  background: #a391b1;
  color: #ffffff !important;
}

/* line 77, ../../../scss/partials/_colors.scss */
.bg-color-6 {
  background: #aa989c;
  color: #ffffff !important;
}

/* line 78, ../../../scss/partials/_colors.scss */
.bg-color-7 {
  background: #a3d55d;
  color: #ffffff !important;
}

/* line 79, ../../../scss/partials/_colors.scss */
.bg-color-8 {
  background: #009844;
  color: #ffffff !important;
}

/* line 80, ../../../scss/partials/_colors.scss */
.bg-color-9 {
  background: #005c49;
  color: #ffffff !important;
}

/* line 81, ../../../scss/partials/_colors.scss */
.bg-color-10 {
  background: #25cad3;
  color: #ffffff !important;
}

/* line 82, ../../../scss/partials/_colors.scss */
.bg-color-11 {
  background: #005f71;
  color: #ffffff !important;
}

/* line 83, ../../../scss/partials/_colors.scss */
.bg-color-12 {
  background: #346094;
  color: #ffffff !important;
}

/* line 84, ../../../scss/partials/_colors.scss */
.bg-color-13 {
  background: #691940;
  color: #ffffff !important;
}

/* line 85, ../../../scss/partials/_colors.scss */
.bg-color-14 {
  background: #a52428;
  color: #ffffff !important;
}

/* line 86, ../../../scss/partials/_colors.scss */
.bg-color-15 {
  background: #d25d12;
  color: #ffffff !important;
}

/* line 87, ../../../scss/partials/_colors.scss */
.bg-color-16 {
  background: #f6b221;
  color: #ffffff !important;
}

/* line 88, ../../../scss/partials/_colors.scss */
.bg-color-17 {
  background: #84471e;
  color: #ffffff !important;
}

/* line 89, ../../../scss/partials/_colors.scss */
.bg-color-18 {
  background: #483627;
  color: #ffffff !important;
}

/* line 91, ../../../scss/partials/_colors.scss */
.button.color-1 {
  background: #492365;
}
/* line 91, ../../../scss/partials/_colors.scss */
.button.color-1:hover {
  background: #64308b;
}

/* line 92, ../../../scss/partials/_colors.scss */
.button.color-2 {
  background: #575047;
}
/* line 92, ../../../scss/partials/_colors.scss */
.button.color-2:hover {
  background: #736a5e;
}

/* line 93, ../../../scss/partials/_colors.scss */
.button.color-3 {
  background: #7f56c5;
}
/* line 93, ../../../scss/partials/_colors.scss */
.button.color-3:hover {
  background: #9c7cd2;
}

/* line 94, ../../../scss/partials/_colors.scss */
.button.color-4 {
  background: #8446ac;
}
/* line 94, ../../../scss/partials/_colors.scss */
.button.color-4:hover {
  background: #9c65c0;
}

/* line 95, ../../../scss/partials/_colors.scss */
.button.color-5 {
  background: #a391b1;
}
/* line 95, ../../../scss/partials/_colors.scss */
.button.color-5:hover {
  background: #bcafc6;
}

/* line 96, ../../../scss/partials/_colors.scss */
.button.color-6 {
  background: #aa989c;
}
/* line 96, ../../../scss/partials/_colors.scss */
.button.color-6:hover {
  background: #c1b4b7;
}

/* line 97, ../../../scss/partials/_colors.scss */
.button.color-7 {
  background: #a3d55d;
}
/* line 97, ../../../scss/partials/_colors.scss */
.button.color-7:hover {
  background: #badf86;
}

/* line 98, ../../../scss/partials/_colors.scss */
.button.color-8 {
  background: #009844;
}
/* line 98, ../../../scss/partials/_colors.scss */
.button.color-8:hover {
  background: #00cb5b;
}

/* line 99, ../../../scss/partials/_colors.scss */
.button.color-9 {
  background: #005c49;
}
/* line 99, ../../../scss/partials/_colors.scss */
.button.color-9:hover {
  background: #008f71;
}

/* line 100, ../../../scss/partials/_colors.scss */
.button.color-10 {
  background: #25cad3;
}
/* line 100, ../../../scss/partials/_colors.scss */
.button.color-10:hover {
  background: #4bd8e0;
}

/* line 101, ../../../scss/partials/_colors.scss */
.button.color-11 {
  background: #005f71;
}
/* line 101, ../../../scss/partials/_colors.scss */
.button.color-11:hover {
  background: #008aa4;
}

/* line 102, ../../../scss/partials/_colors.scss */
.button.color-12 {
  background: #346094;
}
/* line 102, ../../../scss/partials/_colors.scss */
.button.color-12:hover {
  background: #4178ba;
}

/* line 103, ../../../scss/partials/_colors.scss */
.button.color-13 {
  background: #691940;
}
/* line 103, ../../../scss/partials/_colors.scss */
.button.color-13:hover {
  background: #922359;
}

/* line 104, ../../../scss/partials/_colors.scss */
.button.color-14 {
  background: #a52428;
}
/* line 104, ../../../scss/partials/_colors.scss */
.button.color-14:hover {
  background: #cf2d32;
}

/* line 105, ../../../scss/partials/_colors.scss */
.button.color-15 {
  background: #d25d12;
}
/* line 105, ../../../scss/partials/_colors.scss */
.button.color-15:hover {
  background: #ed762a;
}

/* line 106, ../../../scss/partials/_colors.scss */
.button.color-16 {
  background: #f6b221;
}
/* line 106, ../../../scss/partials/_colors.scss */
.button.color-16:hover {
  background: #f8c352;
}

/* line 107, ../../../scss/partials/_colors.scss */
.button.color-17 {
  background: #84471e;
}
/* line 107, ../../../scss/partials/_colors.scss */
.button.color-17:hover {
  background: #ae5d27;
}

/* line 108, ../../../scss/partials/_colors.scss */
.button.color-18 {
  background: #483627;
}
/* line 108, ../../../scss/partials/_colors.scss */
.button.color-18:hover {
  background: #694f39;
}

/* max-width 360px, mobile-only styles, use when QAing mobile issues */
/* min-width 361px and max-width 640px, use when QAing tablet-only issues */
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
/* min-width 1441px, xxlarge screens */
@media print {
  /* line 6, ../../../scss/site-manager-templates/general/styles.scss */
  header, footer, nav, .template-header {
    display: none !important;
  }

  /* line 9, ../../../scss/site-manager-templates/general/styles.scss */
  .main-content *:not(h1) {
    font-size: 14px !important;
    margin: 0px !important;
  }
}
/* line 15, ../../../scss/site-manager-templates/general/styles.scss */
.side-nav .active > a, .side-nav .active > a:hover {
  color: #492365 !important;
  background-color: #f3f2f2 !important;
  /*border-bottom:1px solid rgba($comp-color-3, 1);*/
  text-decoration: none !important;
}

/* line 22, ../../../scss/site-manager-templates/general/styles.scss */
.template-top-nav {
  background: #cccac7;
}
/* line 24, ../../../scss/site-manager-templates/general/styles.scss */
.template-top-nav .top-nav-dropdown {
  display: none;
}
/* line 27, ../../../scss/site-manager-templates/general/styles.scss */
.template-top-nav .top-nav-menu-icon {
  color: #575047;
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-weight: bold;
  position: relative;
  padding: 0 15px;
  height: 45px;
  line-height: 45px;
}
/* line 36, ../../../scss/site-manager-templates/general/styles.scss */
.template-top-nav .top-nav-menu-icon:hover {
  color: #575047;
}
/* line 38, ../../../scss/site-manager-templates/general/styles.scss */
.template-top-nav .top-nav-dropdown a {
  white-space: nowrap;
  overflow: hidden;
  font-family: 'tradegothiclt-bold', sans-serif;
  font-size: .9rem;
  color: #575047;
  display: block;
  padding: 0 15px;
  height: 45px;
  line-height: 45px;
  border-top: 1px solid #e4e3e2;
  border-bottom: 1px solid #b4b1ac;
}
/* line 50, ../../../scss/site-manager-templates/general/styles.scss */
.template-top-nav .top-nav-dropdown a:hover {
  background: #9b9792;
  color: #ffffff;
}

/* line 54, ../../../scss/site-manager-templates/general/styles.scss */
.main-content-holder {
  background: #ffffff;
  min-height: 500px;
  padding-bottom: 60px;
}

/* line 59, ../../../scss/site-manager-templates/general/styles.scss */
#banner {
  margin-bottom: 20px;
}

/* line 62, ../../../scss/site-manager-templates/general/styles.scss */
.main-content {
  padding: 30px 0;
  line-height: 1.6;
}
/* line 65, ../../../scss/site-manager-templates/general/styles.scss */
.main-content h1:first-of-type {
  color: #492365;
  font-family: 'tradegothicltstd-boldext', sans-serif;
  font-size: 2em;
  display: block;
  padding: 0px;
  margin: 0 0 .5em 0;
}
/* line 73, ../../../scss/site-manager-templates/general/styles.scss */
.main-content h1 {
  font-family: 'tradegothiclt-bold', sans-serif;
  font-size: 1.75rem;
  color: #575047;
}
/* line 74, ../../../scss/site-manager-templates/general/styles.scss */
.main-content h2 {
  font-family: 'tradegothiclt-bold', sans-serif;
  font-size: 1.5rem;
  color: #575047;
  border: 0 !important;
  background-color: transparent !important;
  text-transform: none !important;
  font-weight: normal !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* line 79, ../../../scss/site-manager-templates/general/styles.scss */
.main-content h3 {
  font-family: 'tradegothiclt-bold', sans-serif;
  font-size: 1.25rem;
  color: #575047;
}
/* line 80, ../../../scss/site-manager-templates/general/styles.scss */
.main-content h4 {
  font-family: 'tradegothiclt-bold', sans-serif;
  font-size: 1rem;
  color: #575047;
}

/* line 83, ../../../scss/site-manager-templates/general/styles.scss */
.dropdown-mobile-link {
  background: #492365 !important;
  border-top: 1px solid #a391b1 !important;
  color: #fff !important;
}

/* line 89, ../../../scss/site-manager-templates/general/styles.scss */
.template-header {
  padding-top: 60px;
  padding-bottom: 10px;
  display: block;
  background: url(/ui/images/site-manager-templates/blurry-lights-purple-background.jpg) left;
  border-bottom: 5px solid #7f56c5;
  background-size: cover;
  min-height: 155px;
}
/* line 97, ../../../scss/site-manager-templates/general/styles.scss */
.template-header h1 {
  color: #ffffff;
  font-size: 2.5em;
}

/* line 100, ../../../scss/site-manager-templates/general/styles.scss */
.wsu-logo-for-templates {
  display: block;
  margin: 1em 0 1em 0;
  width: 100%;
  height: 41px;
  background: url(/ui/images/site-manager-templates/wsu-logo.png) no-repeat;
  background-size: contain;
}

/* line 110, ../../../scss/site-manager-templates/general/styles.scss */
.old-color {
  background: #542D66;
}

/* line 115, ../../../scss/site-manager-templates/general/styles.scss */
#sidebar2Content img {
  width: 100%;
}

/* line 118, ../../../scss/site-manager-templates/general/styles.scss */
#banner {
  width: 100%;
}
/* line 120, ../../../scss/site-manager-templates/general/styles.scss */
#banner img {
  width: 100%;
}

/* line 124, ../../../scss/site-manager-templates/general/styles.scss */
.side-nav-desktop {
  padding-left: 15px;
}
/* line 126, ../../../scss/site-manager-templates/general/styles.scss */
.side-nav-desktop ul:first-child {
  margin-top: 10px;
}
/* line 127, ../../../scss/site-manager-templates/general/styles.scss */
.side-nav-desktop ul:last-child {
  margin-bottom: 10px;
}
/* line 128, ../../../scss/site-manager-templates/general/styles.scss */
.side-nav-desktop ul {
  padding: 0px;
}
/* line 129, ../../../scss/site-manager-templates/general/styles.scss */
.side-nav-desktop ul ul {
  margin-top: 10px;
}
/* line 130, ../../../scss/site-manager-templates/general/styles.scss */
.side-nav-desktop ul li {
  font-size: .95em;
  list-style: none;
  margin: 0;
}
/* line 134, ../../../scss/site-manager-templates/general/styles.scss */
.side-nav-desktop ul li a {
  line-height: 1.2;
  padding: .5em .1em .5em .2em;
  border-bottom: 1px solid rgba(163, 145, 177, 0.3);
}
/* line 138, ../../../scss/site-manager-templates/general/styles.scss */
.side-nav-desktop ul li a:hover {
  background: rgba(163, 145, 177, 0.2);
}
/* line 142, ../../../scss/site-manager-templates/general/styles.scss */
.side-nav-desktop ul ul li a {
  padding: .3rem .1rem .3rem .2rem !important;
  border-bottom: 0px;
  font-size: .8em;
  margin-left: 12px !important;
  margin-top: 2px;
}
/* line 148, ../../../scss/site-manager-templates/general/styles.scss */
.side-nav-desktop ul ul li a:hover {
  background-color: transparent !important;
  text-decoration: underline !important;
}
/* line 151, ../../../scss/site-manager-templates/general/styles.scss */
.side-nav-desktop p {
  margin: .7em 0 .1em 0;
}

/* line 155, ../../../scss/site-manager-templates/general/styles.scss */
.dropdown-nav {
  background: #575047;
}

/* line 158, ../../../scss/site-manager-templates/general/styles.scss */
.horizontal {
  text-align: right;
  padding: 0px;
  margin: 0px;
}
/* line 160, ../../../scss/site-manager-templates/general/styles.scss */
.horizontal .button {
  margin: 0px;
}
/* line 164, ../../../scss/site-manager-templates/general/styles.scss */
.horizontal a {
  color: #fff;
}
/* line 165, ../../../scss/site-manager-templates/general/styles.scss */
.horizontal li {
  list-style: none;
  display: inline-block;
}
/* line 169, ../../../scss/site-manager-templates/general/styles.scss */
.horizontal li ul li {
  display: block;
}

/* line 174, ../../../scss/site-manager-templates/general/styles.scss */
.primary-logo {
  max-height: 80px;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
}

/* line 181, ../../../scss/site-manager-templates/general/styles.scss */
.secondary-logo-holder {
  display: inline-block;
  text-align: center;
}

/* line 186, ../../../scss/site-manager-templates/general/styles.scss */
.secondary-logo {
  max-height: 80px;
  margin-left: 20px;
  opacity: .5;
}

@media only screen and (min-width: 1024px) {
  /* line 193, ../../../scss/site-manager-templates/general/styles.scss */
  .padding-left {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 199, ../../../scss/site-manager-templates/general/styles.scss */
  .template-header {
    padding-top: 60px;
  }

  /* line 202, ../../../scss/site-manager-templates/general/styles.scss */
  .template-body-area {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 740px) {
  /* line 208, ../../../scss/site-manager-templates/general/styles.scss */
  .template-header {
    padding-bottom: 0px;
  }

  /* line 211, ../../../scss/site-manager-templates/general/styles.scss */
  .secondary-logo-holder {
    margin-top: 15px;
    display: block;
    text-align: center;
    background-color: rgba(127, 86, 197, 0.4);
  }

  /* line 217, ../../../scss/site-manager-templates/general/styles.scss */
  .secondary-logo {
    position: relative;
    bottom: 8px;
    margin-left: 0;
    padding: 0px;
    opacity: .6;
  }
}
@media only screen and (max-width: 640px) {
  /* line 228, ../../../scss/site-manager-templates/general/styles.scss */
  .main-content td:not(table.responsive-anchored td), .main-content th:not(table.responsive-anchored th) {
    display: block;
  }

  /* line 229, ../../../scss/site-manager-templates/general/styles.scss */
  .responsive td, .responsive th {
    display: table-cell;
  }

  /* line 230, ../../../scss/site-manager-templates/general/styles.scss */
  .horizontal {
    text-align: center;
  }
  /* line 233, ../../../scss/site-manager-templates/general/styles.scss */
  .horizontal li {
    list-style: none;
    display: block;
  }
  /* line 236, ../../../scss/site-manager-templates/general/styles.scss */
  .horizontal li a {
    width: 100%;
    border-top: #575047 1px solid;
  }
}