@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");

:root {
  --black: #000000;
  --white: #ffffff;
  --magenta: #e12459;
  --denim-blue: #195e81;
  --teal-blue: #009aa5;
  --teal-blue--60: #b3e1e4;
  --lime-green: #81bb49;
  --lime-green--60: #cde4b6;
  --medium-gray: #666666;
  --light-gray: #d5d5d5;
  --evms-blue: #1f7f9b;
  --evms-rust: #be4f1e;
  --dark-blue: #002539;
  --bright-blue: #05c3de;
  --light-olive-green: #cbc461;
  --warm-gray: #796e65;
  --sans: "Open Sans", sans-serif;
  --serif: "Times New Roman", serif;
}

a {
  color: var(--magenta);
}

a:hover,
a:focus,
a:active {
  color: var(--magenta);
  text-decoration: underline !important;
}

html {
  font-size: 20px;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  font-weight: 300;
  font-family: var(--sans);
}

img {
  /* max-width: 100%; */
  border-style: none;
  width: 100vw;
}

body {
  font-family: var(--sans);
}

.h1 {
  font-weight: 700;
}

.button:active,
.button:focus,
.button:hover {
  text-decoration: none;
}

.button {
  display: inline-block;
  padding: 10px 15px;
  text-decoration: none;
  cursor: pointer;
  border-radius: 10px;
  line-height: 1.2;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.button-large {
  font-size: 1rem;
  max-width: 14em;
  padding: 0.4em 1em;
  text-align: center;
}

.button-color-blue {
  background-color: var(--denim-blue);
  border: 1px solid var(--denim-blue);
  color: var(--white);
}
.button-color-blue:active,
.button-color-blue:focus,
.button-color-blue:hover {
  /*background-color: #146482;*/
  background-color: var(--white);
  color: var(--denim-blue);
}
.button-color-rust {
  color: var(--white);
  background-color: var(--evms-rust);
  border: 1px solid var(--evms-rust);
}
.button-color-rust:active,
.button-color-rust:focus,
.button-color-rust:hover {
  /*background-color: var(--magenta);*/
  background-color: var(--white);
  color: var(--evms-rust);
}
.button-outline-rust {
  color: var(--evms-rust);
  background-color: var(--white);
  border: 1px solid var(--evms-rust);
}
.button-outline-rust:active,
.button-outline-rust:focus,
.button-outline-rust:hover {
  background-color: var(--evms-rust);
  color: var(--white);
}
.button-color-khaki {
  color: var(--white);
  background-color: var(--light-olive-green);
  border: 1px solid var(--light-olive-green);
}
.button-color-khaki:active,
.button-color-khaki:focus,
.button-color-khaki:hover {
  /*background-color: #bab13d;*/
  background-color: var(--white);
  color: #bab13d;
}
.section-padded {
  padding-top: 2em;
  padding-bottom: 2em;
}

.lede {
  margin-bottom: 32px;
  font-size: 40px;
  color: var(--teal-blue);
  letter-spacing: 0;
  font-weight: 500;
}

.lede {
  line-height: 1.3;
}

li,
p,
ul {
  margin-top: 0;
  margin-bottom: 30px;
}

li {
  padding-left: 15px;
}

h1 {
  margin-bottom: 50px;
  font-family: var(--sans);
  font-size: 2em;
  color: var(--denim-blue);
  font-weight: 700;
}

h2 {
  font-size: 1.5em;
  color: var(--teal-blue);
  letter-spacing: 0;
  font-weight: 700;
  line-height: 1.5em;
  padding-top: 0.5em;
}

h3,
.h3 {
  font-size: 1.17em;
  color: var(--denim-blue);
  font-weight: 600;
}

h4 {
  font-size: 1.1em;
  color: var(--teal-blue);
  font-weight: 200;
  text-transform: uppercase;
}

h5 {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 5px;
}

h6 {
  font-size: 1em;
}

h2,
h3,
.h3 {
  font-family: var(--sans);
  margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h3 {
  margin-top: 0;
  line-height: 1;
}

ul {
  list-style: square
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAAG+URWSAAAABGdBTUEAALGPC/xhBQAAAPJJREFUKBVjvBBjFPbvP6MQw9lI48sMQMB4Lto4A8RAAJgUTIQJxoDRKHqYGRn3wyTA9NlI00QMLRgCcAeg6IVysBqBrhDTSDQVLCD+2Uij/2jiMG4Sij9gonD6QpSRO5yDxDgbZTwfr90DIcmIx58MQElgZDMyvGZkYHgO9sl/IA8ZMP5H5QPTBRCZ/f/P1AwORWaG/50Gy87tRNaDjw0KI5A83qDAZ8AQ1gwOsH9MTOyPCy05/7xnBye/P7ycYPqXMA+Y1np2D0wzSPGC6fO3PjOBGIz/04xZUQIGqoBBSxSi4Zo2hAYpqq8HsxkZGcE0ACTyRbLuTSiDAAAAAElFTkSuQmCC);
  list-style-type: square;
  padding-left: 72px;
  margin: 30px;
}
ul ul {
  list-style: square;
  margin: 0;
  padding-left: 45px;
}
li {
  margin: 0;
}
.list {
  list-style: none;
}
[class^="col-"] > ul {
  margin-bottom: 30px;
}

.font-serif,
.lede {
  font-family: var(--serif);
}

/*headers*/

.heading-section {
  text-align: center;
  width: 100%;
  margin-bottom: 60px;
  font-size: 2em;
  font-weight: 700;
  color: var(--teal-blue);
}

@media (min-width: 1000px) {
  .heading-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .heading-section:after,
  .heading-section:before {
    content: "";
    display: inline-block;
    width: 20%;
    height: 1px;
    background: -webkit-gradient(
      linear,
      right top,
      left top,
      from(var(--teal-blue)),
      to(var(--white))
    );
    background: linear-gradient(270deg, var(--teal-blue), var(--white));
    margin: 12px 20px;
  }
  .heading-section:after {
    background: -webkit-gradient(
      linear,
      right top,
      left top,
      from(var(--white)),
      to(var(--teal-blue))
    );
    background: linear-gradient(270deg, var(--white), var(--teal-blue));
  }
}

/* km added 8/31/18 */
.page-header {
  margin: 0;
  padding: 18px 0 24px 0;
}
.breadcrumb {
  padding: 12px 0;
  margin: 0;
  color: #a0a0a0;
  background-color: transparent;
  text-transform: uppercase;
  font-size: 0.8em;
  line-height: 1em;
}
.breadcrumb-item a {
  color: #666666;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.breadcrumb-item a:active,
.breadcrumb-item a:focus,
.breadcrumb-item a:hover {
  color: var(--magenta);
  text-decoration: none;
}
/*.module {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}*/
.general-content.module {
  padding-top: 30px;
  padding-bottom: 30px;
}

.site-footer,
.site-footer .button {
  font-size: 0.9em;
}

.site-footer p {
  margin: 0;
}

.alum-btn-margin {
  margin-top: 10px;
}
/* Search results */
.gstl_50.gsc-input tbody tr:nth-child(odd),
[class^="gsc"] tbody tr:nth-child(odd) {
  background: none;
}
.gsst_a .gscb_a {
  color: var(--teal-blue) !important;
}
td.gsib_b {
  padding: 5px;
}
.gsc-search-button-v2 svg {
  width: 18px;
  height: auto;
}
button.gsc-search-button.gsc-search-button-v2 {
  padding: 0;
}
@media print {
  .academic-calendar table {
    page-break-after: always;
  }
}
.gsc-table-result,
.gsc-thumbnail-inside,
.gsc-url-top {
  padding: 0 !important;
}
.gsc-url-top {
  margin: 5px 0 0 0;
}
td.gsc-table-cell-snippet-close {
  padding: 0;
}
.gs-result .gs-title,
.gs-result .gs-title * {
  text-decoration: none !important;
}
.gs-result .gs-title:active,
.gs-result .gs-title:focus,
.gs-result .gs-title:hover,
.gs-result .gs-title *:active,
.gs-result .gs-title *:focus,
.gs-result .gs-title *:hover {
  text-decoration: underline !important;
}
.horizontal-list {
  list-style: none;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
.horizontal-list li {
  padding: 0;
  display: inline;
  margin: 0 15px 0 0;
}
.horizontal-list li:not(:last-of-type):after {
  content: "|";
  margin: 0 0 0 15px;
}
.backTo {
  margin-bottom: 30px;
  display: block;
}

h3.content-title {
  margin-bottom: 0;
}

/* Added for Datestamping Content*/

.item {
  font-size: 0.8em;
  font-style: italic;
  font-weight: 600;
}
/* Thumbnail and Text Content Type  */

.listItem__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.listItem__container__title {
  width: 75%;
  font-size: 1em;
  padding: 2em 0;
}

.listItem__container a {
  color: var(--evms-rust) !important;
  font-weight: 800;
}

.listItem__ul {
  width: 75%;
  padding: 0;
  margin: 1em 0;
  list-style: none;
  column-count: 2;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

@media only screen and (max-width: 56.25em) {
  .listItem__ul {
    width: 80%;
    column-count: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media only screen and (max-width: 37.5em) {
  .listItem__ul {
    width: 100%;
  }
}

.listItem__ul__li {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 0;
  margin-bottom: 3em;
}

.listItem__ul__li-link {
  width: 60%;
  margin-top: 1em;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media only screen and (max-width: 37.5em) {
  .listItem__ul__li {
    width: 100%;
  }
}

.listItem__ul__li-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 1rem;
}

.listItem__ul__li-text a {
  width: 100%;
  font-size: 1em;
  margin: 0.5em 0;
}

.listItem__ul__li-text a:hover {
  cursor: pointer;
}

.listItem__ul__li-text-listTitle {
  width: 100%;
  font-size: 1.5em;
  margin: 0.5em 0;
}

.listItem__ul__li-text-desc {
  font-size: 1em;
}

.listItem__ul__li-img {
  width: 178px;
  height: 138px;
  vertical-align: middle;
  border: 1px #000 solid;
}

/* Validation Styles  */

#SULogoimg1 {
  padding: 15px 0 30px 0;
}

.validation-date {
  background-color: #fff !important;
}

.table-alt tbody tr:nth-child(odd) {
  background-color: #bae0e5;
}

.validation-alert-text {
  display: block;
  border: 1px solid var(--evms-rust) !important;
  border-radius: 8px;
  padding: 15px;
}

.video-center {
  width: 100%;
  display: flex;
  flex-direction: center;
  align-items: center;
}


.evms-blue {
  color: var(--teal-blue) !important;
}
