body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/

/*
 * Grid parameter defaults
 * These are used to customize the grid layout
 * Feel free to overwrite them as necessary
 */

/* variables that have been marked for deprecation */

/* this is all from Bootstrap */

/*
 * Helper utilities
 * Mixins and utilities that are globally used
 */

.ucla-blue {
  background: #2774AE;
}

.ucla-gold {
  background: #FFD100;
}

.white {
  background: #FFFFFF;
}

.lightest-blue {
  background: #DAEBFE;
}

.lighter-blue {
  background: #8BB8E8;
}

.darker-blue {
  background: #005587;
}

.darkest-blue {
  background: #003B5C;
}

.lightest-gold {
  background: #FFF0A5;
}

.lighter-gold {
  background: #FFDF42;
}

.darker-gold {
  background: #FFC72C;
}

.darkest-gold {
  background: #FFB81C;
}

.light-grey {
  background: #E7E7E8;
}

.dark-grey {
  background: #262626;
}

.lighter-grey {
  background: #454545;
}

.yellow {
  background: #FFFF00;
}

.cmyk-yellow {
  background: #FFEA00;
}

.green {
  background: #00FF87;
}

.cmyk-green {
  background: #35B558;
}

.magenta {
  background: #FF00A5;
}

.cmyk-magenta {
  background: #EC008C;
}

.cyan {
  background: #00FFFF;
}

.cmyk-cyan {
  background: #20C4F4;
}

.purple {
  background: #8237FF;
}

.cmyk-purple {
  background: #6658A6;
}

.black {
  background: #000000;
}

.cmyk-black {
  background: #23191C;
}

/*
.default-state {
	background: $default-state;
}

.hover-state {
	background: $hover-state;
}

.active-state {
	background: $active-state;
}

.focus-state {
	background: $focus-state;
}

.disabled-state {
	background: $disabled-state;
}

.visited-state {
	background: $visited-state;
}

.default-state-dark {
	background: $default-state-dark;
}

.hover-state-dark {
	background: $hover-state-dark;
}

.active-state-dark {
	background: $active-state-dark;
}

.focus-state-dark {
	background: $focus-state-dark;
}

.disabled-state-dark {
	background: $disabled-state-dark;
}

.visited-state-dark {
	background: $visited-state-dark;
}

.error-red {
	background: $error-red;
}

.success-green {
	background: $success-green;
}

.warning-orange {
	background: $warning-orange;
}

.primary-alert-blue {
	background: $primary-alert-blue;
}

.secondary-alert-grey {
	background: $secondary-alert-grey;
}

.error-red-light {
	background: $error-red-light;
}

.success-green-light {
	background: $success-green-light;
}

.warning-orange-light {
	background: $warning-orange-light;
}

.primary-alert-blue-light {
	background: $primary-alert-blue-light;
}

.secondary-alert-grey-light {
	background: $secondary-alert-grey-light;
}
*/

strong {
  font-weight: bold;
}

.border-thin {
  border: #EBEBEB solid 1px;
}

figure {
  margin: 0 0 24px 0;
}

figcaption {
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 0.75rem;
  color: #262626;
  line-height: 1rem;
}

.ucla-list--bulleted {
  line-height: 24px;
  padding-left: 28.5px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}

.ucla-list--bulleted li {
  margin-bottom: 16px;
}

li {
  display: list-item;
  text-align: -webkit-match-parent;
}

.ucla-list--bulleted li:last-of-type {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.grid-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
      grid-template-columns: auto auto;
  margin-left: 0px;
  column-gap: 10px;
}

.grid-item {
  font-size: 30px;
}

.grid-item img {
  width: 100%;
}

.btn {
  padding: 12px 16px 8px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 2px;
  border: 2px solid transparent;
  line-height: 1.25;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

.btn--secondary--lightbg {
  background: transparent;
  color: #00598c;
  border: 2px solid #00598c;
}

.btn--secondary--lightbg:hover {
  background: #0079bf;
  border-color: #0079bf;
  color: #fff;
}

.tile-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  row-gap: 1rem;
  -ms-flex-align: center;
      align-items: center;
}

@media only screen and (min-width: 1024px) {
  .tile-container {
    -ms-flex-direction: row;
        flex-direction: row;
    column-gap: 1.75rem;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

.tile {
  display: inline-block;
  position: relative;
  width: 276px;
  max-width: 276px;
  height: 248px;
}

.tile__link {
  height: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 1;
  color: #fff !important;
  text-decoration: none;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  padding-left: 2rem;
  padding-right: 2rem;
  background: #2774ae;
}

.tile__link p {
  padding-top: 0.5rem;
  font-weight: 400;
}

.tile__link::before {
  display: block;
  content: "";
  width: 40px;
  height: 4px;
  background: #ffd100;
  margin: 32px 0 28px;
}

.tile__link:hover {
  background: #0079bf !important;
}

.tile__link:visited {
  color: #fff !important;
}

.gradient-sample {
  display: block;
  height: 80px;
  max-width: 880px;
  margin: 2% 0;
  line-height: 80px;
}

.full-gradient {
  background: #003B5C;
  background: linear-gradient(to right, #003B5C, #005587, #2774AE, #8BB8E8, #DAEBFE);
  color: #00FFFF;
}

.dark-gradient {
  background: #003B5C;
  background: linear-gradient(to right, #003B5C, #005587);
  color: #FFFFFF;
}

.medium-gradient {
  background: #005587;
  background: linear-gradient(to right, #005587, #2774AE);
  color: #FFFFFF;
}

.light-gradient {
  background: #8BB8E8;
  background: linear-gradient(to right, #8BB8E8, #DAEBFE);
  color: #262626;
}

a:link {
  color: #0B6EA6;
}

a:active,
a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

a:active {
  background-color: #003B5C;
}

a:hover {
  background-color: #0052E0;
}

a:visited {
  color: #5223B0;
}

a:visited:hover {
  color: #FFFFFF;
}

a.light:link,
a.light:visited {
  color: #FFFFFF;
}

a.light:active,
a.light:hover {
  background-color: #FFFFFF;
}

a.light:active {
  color: #003B5C;
}

a.light:hover {
  color: #0052E0;
}

a[target="_blank"]:after {
  content: " \29C9";
}

code {
  font-family: Courier, monospace;
  font-size: 1rem;
  line-height: 1.5rem;
}

i,
em {
  font-style: italic;
}

ins {
  background-color: #DAEBFE;
  text-decoration: none;
}

mark {
  background-color: #FFF0A5;
}

.underline {
  text-decoration: underline;
}

/* Ordered list */

ol.ordered-list {
  padding-left: 0rem;
  counter-reset: item;
  margin-left: 2.15rem;
  margin-bottom: 1.5rem;
}

ol.ordered-list > li {
  display: block;
  padding-left: 0;
  margin: 0.75rem 0;
  line-height: 1.5rem;
}

ol.ordered-list > li:last-child {
  margin-bottom: 0;
}

ol.ordered-list > li ol {
  padding-left: 0rem;
  counter-reset: item;
}

ol.ordered-list > li ol > li {
  display: block;
  padding-left: 0;
  margin-left: 1rem;
}

ol.ordered-list > li ol > li:before {
  content: counter(item) ".";
  counter-increment: item;
  color: #2774ae;
  padding-right: 1.125em;
}

ol.ordered-list > li:before {
  content: counter(item) ".";
  counter-increment: item;
  color: #2774ae;
  padding-right: 1.375em;
  margin: 0 0 0 -2.15rem;
}

/* Unordered list */

ul.unordered-list {
  position: relative;
  list-style-type: none;
  padding: 0;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  margin-left: 2.15rem;
}

ul.unordered-list li {
  padding-left: 0rem;
  text-indent: 0;
  margin: 0.75rem 0;
  line-height: 1.5rem;
  font-size: 1rem;
}

ul.unordered-list li ul {
  padding-left: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

ul.unordered-list li ul > li {
  margin-top: 0rem;
}

ul.unordered-list li ul > li:before {
  content: "\25AB";
}

ul.unordered-list li:before {
  margin: 1rem 0 1rem -1.9rem;
  content: "\25AA";
  font-family: "Helvetica", "Arial", sans-serif;
  color: #2774ae;
  padding-right: 1.5em;
}

ul.unordered-list.no-margin li {
  margin: 0;
}

/* Description list */

dl {
  margin-bottom: 12px;
}

dl dt {
  float: left;
  clear: left;
  text-align: left;
  font-weight: bold;
  width: 15em;
  line-height: 1.5em;
  margin-right: 2em;
}

@media (max-width: 767.98px) {
  dl dt {
    width: 30%;
  }
}

@media (max-width: 599.98px) {
  dl dt {
    width: 25%;
  }
}

dl dd {
  margin: 0;
  padding: 0 0 0.75em 0;
  line-height: 1.5em;
  margin-left: 16.95rem;
}

@media (max-width: 767.98px) {
  dl dd {
    margin-left: 40%;
  }
}

p {
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0 0 24px;
}

p .emphasis {
  font-style: italic;
}

/************
*
* TEXT INPUTS
*
*************/

input[type="text"] {
  display: block;
  border-radius: 0.25em;
  padding: 0.5em 3em 0.5em 1em;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 0.75em;
  margin-bottom: 1em;
  line-height: 1.5em;
  width: 33.5em;
  height: 2.5em;
  font-size: 1em;
  border: 1px solid #757575;
}

input[type="text"] label {
  display: block;
  margin-bottom: 1.25em;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5em;
}

input[type="text"] label .error {
  color: #000000;
}

input[type="text"] .error {
  border: 1px solid #d60000;
}

input[type="text"]:focus {
  outline: 1px dashed #005eeb;
  outline-offset: 0.25em;
  outline-radius: 0.125em;
  -moz-outline-radius: 0.125em;
}

.input-info {
  display: block;
  position: relative;
  top: 0em;
  margin-bottom: 1em;
}

.error {
  display: block;
  position: relative;
  margin-bottom: 1em;
}

.error input {
  border: 1px solid #d60000;
}

.error span {
  top: 0em;
}

span.error {
  color: #d60000;
}

label.error {
  max-width: 33.5em;
}

label.error:after {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-image: url("/images/icon/error_red.svg");
  position: absolute;
  top: 2.563em;
  right: 0.313em;
}

textarea {
  display: block;
  border-radius: 0.25em;
  padding: 0.5em 1em;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 0.75em;
  margin-bottom: 1em;
  line-height: 1.5em;
  width: 33.5em;
  font-size: 1em;
  border: 1px solid #757575;
}

textarea label {
  display: block;
  margin-bottom: 1.25em;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5em;
}

textarea:focus {
  outline: 1px dashed #005eeb;
  outline-offset: 0.25em;
  -moz-outline-radius: 0.125em;
  outline-radius: 0.125em;
}

legend {
  padding: 0 0.25em;
}

.legal-copy {
  margin-top: 0.75em;
}

.legal-copy span {
  color: #757575;
  margin-bottom: 0.75em;
  line-height: 1.25em;
  font-size: 13px;
  display: block;
  padding-top: 1em;
}

/************
*
* SELECT
*
*************/

/* the container must be positioned relative */

.custom-select {
  width: 50%;
  position: relative;
  border: 1px solid #262626;
  border-radius: 4px;
}

@media (max-width: 767.98px) {
  .custom-select {
    width: 100%;
  }
}

/* Cusom Style for Contact form select padding left. */

.interests-field .custom-select .select-selected {
  padding: 8px 34px 8px 1em;
}

/* hide original select element */

.custom-select select {
  display: none;
}

/* new select element / selected item */

.select-selected {
  background-color: #FFFFFF;
  border-radius: 4px;
}

/* style the arrow inside the select element */

.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #0052E0 transparent transparent transparent;
}

/* point the arrow up when the select box is open (active) */

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #0052E0 transparent;
  top: 7px;
}

/* style the items (options), including the selected item */

.select-items div,
.select-selected {
  color: #262626;
  padding: 8px 34px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* style items (options) */

.select-items {
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #262626;
  border-radius: 4px;
  top: 45px;
  left: 0;
  right: 0;
  z-index: 99;
}

/* hide the items when the select box is closed */

.select-hide {
  display: none;
}

/* dropdown hover over items */

.select-items div:hover {
  background-color: #0052E0;
  color: #FFFFFF;
}

/* selected item in dropdown */

.same-as-selected:before {
  content: "";
  width: 24px;
  height: 13px;
  background-image: url("/images/icon/grey-check.svg");
  position: absolute;
  left: 4px;
}

.same-as-selected:hover:before {
  content: "";
  width: 24px;
  height: 13px;
  background-image: url("/images/icon/white-check.svg");
  position: absolute;
  left: 4px;
}

/* IE11 hide native button */

select::-ms-expand {
  display: none;
}

/* Select styles for Downloads */

#downloads label {
  font-weight: bold;
  display: block;
}

#downloads .custom-select ~ label {
  font-weight: normal;
  display: inline;
}

#downloads label[for="campus-logo"] ~ .custom-select {
  margin-bottom: 20px;
}

/* Select styles for Request Online form */

#request-dept-logo label {
  font-weight: 300;
  padding-bottom: 0;
}

#request-dept-logo input[type="text"],
#request-dept-logo textarea {
  width: 87%;
}

#request-dept-logo textarea {
  min-height: 192px;
}

#request-dept-logo input[type="submit"] {
  padding: 15px 45px;
  font-weight: normal;
  margin: 20px 0 30px;
}

/* Select styles for Contact form */

#form-contact {
  margin-top: 72px;
}

#form-contact label {
  font-weight: 300;
  margin-top: .75em;
}

#form-contact input[type="text"],
#form-contact textarea,
#form-contact .custom-select {
  width: 87%;
}

#form-contact .field {
  margin-top: 24px;
}

#form-contact .custom-select {
  border: 1px solid #757575;
  margin-top: 0.75em;
  margin-bottom: 1em;
}

#form-contact .custom-select .select-items {
  top: 32px;
  border: 1px solid #757575;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#form-contact textarea {
  min-height: 192px;
}

#form-contact input[type="submit"] {
  padding: 15px 45px;
  font-weight: normal;
  margin: 20px 0 30px;
}

/************
*
* ALERTS
*
*************/

form .alert {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/************
*
* CHECKBOXES
*
*************/

input[type="checkbox"] {
  /* hide default */
  position: absolute;
  opacity: 0;
  /* checkbox */
  /* checkmark */
}

input[type="checkbox"] + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  line-height: 1.5em;
  color: #262626;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type="checkbox"] + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: bottom;
  width: 1.5em;
  height: 1.5em;
  background: transparent;
  border: 1px solid #757575;
  border-radius: 0.25em;
}

input[type="checkbox"]:hover + label:before {
  background-color: #0052E0;
}

input[type="checkbox"]:active + label:before {
  color: #003B5C;
}

input[type="checkbox"]:checked + label:before {
  background-color: #003B5C;
}

input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  left: 0.5em;
  top: 0.75em;
  width: 0.438em;
  height: 0.875em;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.checkbox-wrapper {
  margin-top: 25px;
}

/************
*
* RADIO BUTTONS
*
*************/

input[type="radio"] {
  opacity: 0;
  position: absolute;
}

input[type="radio"] + label {
  position: relative;
  color: #262626;
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
}

input[type="radio"] + label:before {
  content: "";
  background: #FFFFFF;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #757575;
  display: inline-block;
  vertical-align: middle;
  width: 1.5em;
  height: 1.5em;
  margin: 0px 1em 0 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  box-shadow: 0 0 0 4px #FFFFFF inset;
  background-color: transparent;
}

input[type="radio"] + label:before:hover {
  background-color: #0052E0;
  box-shadow: 0 0 0 4px #FFFFFF inset;
}

input[type="radio"]:checked + label:before {
  background-color: #003B5C;
  border: 2px solid #003B5C;
  box-shadow: 0 0 0 3px #FFFFFF inset;
}

input[type="radio"] .radio-button-container {
  margin: 1em 0;
  list-style-type: none;
  padding-left: 2.25em;
}

/* Reset browser styles for input buttons */

input[type="button" i] {
  border-color: none;
  border-width: 0;
}

.btn {
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.5s ease;
}

.btn.blue {
  background-color: #0B6EA6;
  color: #FFFFFF;
}

.btn.blue:hover {
  background: #0052E0;
}

@media (hover: none) {
  .btn.blue:hover {
    background: #0B6EA6;
  }
}

.btn.blue:hover:visited {
  background: #0052E0;
  color: #FFFFFF;
}

@media (hover: none) {
  .btn.blue:hover:visited {
    background: #0B6EA6;
  }
}

.btn.blue:active {
  background-color: #003B5C;
}

.btn.yellow {
  background-color: #FFD100;
  color: #003B5C;
}

.btn.yellow:hover {
  background: #FFE500;
}

@media (hover: none) {
  .btn.yellow:hover {
    background: #FFD100;
  }
}

.btn.yellow:hover:visited {
  background: #FFE500;
  color: #003B5C;
}

@media (hover: none) {
  .btn.yellow:hover:visited {
    background: #FFD100;
  }
}

.btn.yellow:active {
  background-color: #FFBF0F;
}

.btn.lrg {
  font-size: 1.5rem;
  padding: 17px 31px;
}

.btn.lock::after {
  content: '';
  display: inline-block;
  width: 11px;
  height: 14px;
  background: url("/images/icon/lock.svg") no-repeat left top;
  position: relative;
  top: 1px;
  margin-left: 15px;
}

input[type=submit] {
  border: none;
  cursor: pointer;
}

.grid-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-wrapper .col-1-7 {
  padding: 0 16px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  -ms-grid-row: auto;
  -ms-grid-row-span: auto-auto;
  grid-column-start: 1;
  /* autoprefixer: off */
  grid-column-end: 7;
  grid-row-start: auto;
  /* autoprefixer: off */
  grid-row-end: auto;
}

@media (max-width: 600px) {
  .grid-wrapper .col-1-7 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: auto;
    -ms-grid-row-span: auto-auto;
    grid-column-start: 1;
    /* autoprefixer: off */
    grid-column-end: 13;
    grid-row-start: auto;
    /* autoprefixer: off */
    grid-row-end: auto;
  }
}

.grid-wrapper .col-1-7 img {
  display: block;
  max-width: 568px;
  width: 100%;
  height: auto;
}

.grid-wrapper .col-7-13 {
  padding: 0 16px;
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
  -ms-grid-row: auto;
  -ms-grid-row-span: auto-auto;
  grid-column-start: 7;
  /* autoprefixer: off */
  grid-column-end: 13;
  grid-row-start: auto;
  /* autoprefixer: off */
  grid-row-end: auto;
}

@media (max-width: 600px) {
  .grid-wrapper .col-7-13 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: auto;
    -ms-grid-row-span: auto-auto;
    grid-column-start: 1;
    /* autoprefixer: off */
    grid-column-end: 13;
    grid-row-start: auto;
    /* autoprefixer: off */
    grid-row-end: auto;
  }
}

.grid-wrapper .col-7-13 img.img-right {
  display: block;
  max-width: 568px;
  width: 100%;
  height: auto;
}

.grid-wrapper .grid-3x3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-wrapper .grid-3x3 div {
  padding: 0 16px;
}

@media (max-width: 1024px) {
  .grid-wrapper .grid-3x3 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .grid-wrapper .grid-3x3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.grid-wrapper .col-1-13 {
  padding: 0 16px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: auto;
  -ms-grid-row-span: auto-auto;
  grid-column-start: 1;
  /* autoprefixer: off */
  grid-column-end: 13;
  grid-row-start: auto;
  /* autoprefixer: off */
  grid-row-end: auto;
}

.grid-wrapper .col-1-13.no-padding {
  padding: 0;
}

.grid-wrapper .col-1-11 {
  padding: 0 16px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 10;
  -ms-grid-row: auto;
  -ms-grid-row-span: auto-auto;
  grid-column-start: 1;
  /* autoprefixer: off */
  grid-column-end: 11;
  grid-row-start: auto;
  /* autoprefixer: off */
  grid-row-end: auto;
}

@media (max-width: 768px) {
  .grid-wrapper .col-1-11 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: auto;
    -ms-grid-row-span: auto-auto;
    grid-column-start: 1;
    /* autoprefixer: off */
    grid-column-end: 13;
    grid-row-start: auto;
    /* autoprefixer: off */
    grid-row-end: auto;
  }
}

.grid-wrapper .col-1-9 {
  padding: 0 16px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
  -ms-grid-row: auto;
  -ms-grid-row-span: auto-auto;
  grid-column-start: 1;
  /* autoprefixer: off */
  grid-column-end: 9;
  grid-row-start: auto;
  /* autoprefixer: off */
  grid-row-end: auto;
}

@media (max-width: 768px) {
  .grid-wrapper .col-1-9 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: auto;
    -ms-grid-row-span: auto-auto;
    grid-column-start: 1;
    /* autoprefixer: off */
    grid-column-end: 13;
    grid-row-start: auto;
    /* autoprefixer: off */
    grid-row-end: auto;
  }
}

.grid-wrapper .col-2-12 {
  padding: 0 16px;
  -ms-grid-column: 2;
  -ms-grid-column-span: 10;
  -ms-grid-row: auto;
  -ms-grid-row-span: auto-auto;
  grid-column-start: 2;
  /* autoprefixer: off */
  grid-column-end: 12;
  grid-row-start: auto;
  /* autoprefixer: off */
  grid-row-end: auto;
}

@media (max-width: 768px) {
  .grid-wrapper .col-2-12 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: auto;
    -ms-grid-row-span: auto-auto;
    grid-column-start: 1;
    /* autoprefixer: off */
    grid-column-end: 13;
    grid-row-start: auto;
    /* autoprefixer: off */
    grid-row-end: auto;
  }
}

.grid-wrapper .col-3-11 {
  padding: 0 16px;
  -ms-grid-column: 3;
  -ms-grid-column-span: 8;
  -ms-grid-row: auto;
  -ms-grid-row-span: auto-auto;
  grid-column-start: 3;
  /* autoprefixer: off */
  grid-column-end: 11;
  grid-row-start: auto;
  /* autoprefixer: off */
  grid-row-end: auto;
}

@media (max-width: 768px) {
  .grid-wrapper .col-3-11 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: auto;
    -ms-grid-row-span: auto-auto;
    grid-column-start: 1;
    /* autoprefixer: off */
    grid-column-end: 13;
    grid-row-start: auto;
    /* autoprefixer: off */
    grid-row-end: auto;
  }
}

.alert {
  margin: 5px 0px 15px;
  width: 100%;
  padding: 0;
}

.alert p,
.alert li {
  padding: 12px;
  margin: 0;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

html {
  box-sizing: border-box;
  font-size: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  background: #FFFFFF;
  font-family: "Helvetica", "Arial", sans-serif;
  -webkit-text-size-adjust: 100%;
  color: #262626;
}

body .content {
  width: 100%;
  min-height: 100px;
  text-align: center;
  max-width: 1200px;
  margin: 70px auto 0 auto;
  padding: 10px;
}

body .content .image-medium {
  background-color: #888;
  width: 100%;
  max-width: 640px;
  margin: 0 0 20px 0;
}

body .content .text-medium {
  width: 100%;
  max-width: 640px;
  margin: 0 auto 65px auto;
}

body .content .image-large {
  background-color: #888;
  width: 100%;
  max-width: 820px;
  margin: 0 0 20px 0;
}

body section.last-row {
  margin-bottom: 72px;
}

header#header {
  width: 100%;
  height: 55px;
  background: #2774AE;
}

header#header .ribbon {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 94px;
  grid-template-columns: 1fr 94px;
  -ms-grid-rows: 55px;
  grid-template-rows: 55px;
  -ms-flex-align: center;
      align-items: center;
  width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

@media (max-width: 1199px) {
  header#header .ribbon {
    width: 100%;
    padding-right: 0;
  }
}

header#header .ribbon .logo {
  /* IE STYLES */
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row-align: center;
}

header#header .ribbon .logo img {
  height: 24px;
  width: 74px;
}

header#header .ribbon .logo a:hover {
  background: none;
}

header#header .ribbon .logo a[target="_blank"]:after {
  content: none;
}

header#header .ribbon .log-in {
  line-height: 55px;
  cursor: pointer;
  padding: 0 16px;
  color: #FFF;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5rem;
  text-decoration: none;
  text-align: center;
  /* IE STYLES */
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row-align: center;
}

header#header .ribbon .log-in a {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5rem;
  text-decoration: none;
}

header#header .ribbon .log-in a:hover {
  background: #FFD100;
}

header#header .ribbon .log-in:hover {
  background: #FFD100;
  color: #262626;
  line-height: 55px;
}

header#header .ribbon .log-in:hover a {
  color: #262626;
}

nav#main-nav {
  width: 1200px;
  height: 64px;
  margin: 0 auto;
  padding: 0 16px;
  /* Nav items */
  /* Nav item links */
  /* Menu Dropdown */
  /* Menu Content Styles */
  /*********************************************
  * Use ONLY when subpages are hidden -- Phase 1
  *********************************************/
  /* MOBILE NAV */
  /* IE STYLES */
}

@media (max-width: 1199px) {
  nav#main-nav {
    width: 100%;
  }
}

@media (max-width: 850px) {
  nav#main-nav {
    padding: 0;
    height: 56px;
  }
}

nav#main-nav .nav-toggle {
  height: inherit;
}

nav#main-nav .nav-toggle input[type="checkbox"] {
  display: none;
}

@media (max-width: 850px) {
  nav#main-nav .nav-toggle {
    position: relative;
    z-index: 300;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    /* Display nav on click */
  }

  nav#main-nav .nav-toggle input[type="checkbox"] {
    display: block;
    width: 36px;
    height: 32px;
    position: absolute;
    top: 10px;
    right: 11px;
    cursor: pointer;
    opacity: 0;
    /* Hide checkbox */
    z-index: 400;
    /* Place it over the hamburger icon */
    -webkit-touch-callout: none;
  }

  nav#main-nav .nav-toggle input[type="checkbox"]:checked + .hamburger-icon {
    background: #003B5C;
  }

  nav#main-nav .nav-toggle input[type="checkbox"]:checked + .hamburger-icon span {
    background: #FFFFFF;
  }

  nav#main-nav .nav-toggle input[type="checkbox"]:checked ~ .nav,
  nav#main-nav .nav-toggle input[type="checkbox"]:checked ~ .nav .nav-item {
    display: block;
    width: 100%;
  }
}

nav#main-nav .nav {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 157px 106px 136px 115px 49px;
  grid-template-columns: 1fr 157px 106px 136px 115px 49px;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  cursor: default;
  z-index: 100;
  padding-left: 0;
  /* Reset */
}

@media (max-width: 850px) {
  nav#main-nav .nav {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

nav#main-nav .nav a {
  text-decoration: none;
}

nav#main-nav .nav li {
  list-style: none;
}

nav#main-nav .nav-item {
  -ms-grid-column-align: center;
  justify-self: center;
  display: block;
  margin-top: 10px;
  float: left;
}

@media (max-width: 850px) {
  nav#main-nav .nav-item {
    display: none;
    margin-top: 0;
    border-top: 1px solid #EBEBEB;
  }
}

nav#main-nav .nav-item.search,
nav#main-nav .nav-item.resources {
  margin-top: 0;
}

nav#main-nav .nav-item > a {
  padding: 0 16px;
  position: relative;
  display: block;
  z-index: 200;
  line-height: 2.75rem;
  font-weight: bold;
  font-size: 1rem;
  color: #0B6EA6;
  transition: all 0.3s ease;
}

@media (max-width: 850px) {
  nav#main-nav .nav-item > a {
    padding: 10px 16px;
  }
}

nav#main-nav .nav-item div > a:link,
nav#main-nav .nav-item ul li > a:link {
  color: #0B6EA6;
}

nav#main-nav .nav-item div > a:active,
nav#main-nav .nav-item div > a:hover,
nav#main-nav .nav-item ul li > a:active,
nav#main-nav .nav-item ul li > a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

nav#main-nav .nav-item div > a:visited,
nav#main-nav .nav-item ul li > a:visited {
  color: #0B6EA6;
}

nav#main-nav .nav-item div > a:visited:hover,
nav#main-nav .nav-item ul li > a:visited:hover {
  color: #FFFFFF;
}

nav#main-nav .nav-item:hover > a,
nav#main-nav .nav-item > a:focus {
  background: #0052E0;
  color: #FFFFFF;
}

@media (max-width: 850px) {
  nav#main-nav .nav-item:hover > a,
  nav#main-nav .nav-item > a:focus {
    background: #003B5C;
  }
}

nav#main-nav .nav-item:hover > a:after,
nav#main-nav .nav-item > a:focus:after {
  content: "";
  height: 0;
  width: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #FFFFFF;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin: 0 0 0 -20px;
  z-index: 100;
}

@media (max-width: 850px) {
  nav#main-nav .nav-item:hover > a:after,
  nav#main-nav .nav-item > a:focus:after {
    border-left: 0;
    border-right: 0;
  }
}

nav#main-nav .nav-item:hover > a .arrow-down,
nav#main-nav .nav-item > a:focus .arrow-down {
  border-top: 5px solid #FFFFFF;
  /* Point arrow to the right */
}

@media (max-width: 850px) {
  nav#main-nav .nav-item:hover > a .arrow-down,
  nav#main-nav .nav-item > a:focus .arrow-down {
    margin: 0;
    border-right: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #FFFFFF;
  }
}

nav#main-nav .nav-item.resources:hover > a:after,
nav#main-nav .nav-item.resources > a:focus:after {
  content: none;
}

nav#main-nav .nav-item > div {
  margin-top: 10px;
}

@media (max-width: 850px) {
  nav#main-nav .nav-item > div {
    margin-top: 0;
  }
}

nav#main-nav .nav-item .dropdown {
  display: -ms-flexbox;
  display: flex;
  padding: 25px 0;
  position: absolute;
  width: 90%;
  top: 63px;
  left: 10%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 1px 0 12px #ababab;
}

@media (max-width: 1150px) {
  nav#main-nav .nav-item .dropdown {
    width: 100%;
    left: 0;
  }
}

@media (max-width: 850px) {
  nav#main-nav .nav-item .dropdown {
    display: none;
    top: 112px;
    box-shadow: none;
    transition: right 0.4s ease-in-out;
  }
}

nav#main-nav .nav-item:hover .dropdown,
nav#main-nav .nav-item:focus-within .dropdown {
  opacity: 1;
  visibility: visible;
  overflow: visible;
}

@media (max-width: 850px) {
  nav#main-nav .nav-item:hover .dropdown,
  nav#main-nav .nav-item:focus-within .dropdown {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
  }
}

nav#main-nav .site-name {
  -ms-grid-column-align: start;
  justify-self: start;
}

nav#main-nav .site-name a {
  padding: 0;
  color: #000000;
  font-size: 1.75rem;
  font-weight: bold;
  text-decoration: none;
}

nav#main-nav .site-name a:hover {
  background: #FFFFFF;
  color: #0052E0;
}

@media (max-width: 850px) {
  nav#main-nav .site-name {
    display: inline-block;
    padding-left: 16px;
    margin: 14px 0;
  }
}

nav#main-nav .nav-column {
  float: left;
  width: 26%;
  padding: 0 3.5%;
}

@media (max-width: 850px) {
  nav#main-nav .nav-column {
    width: 100%;
    height: auto;
    padding: 0 16px;
  }

  nav#main-nav .nav-column:last-child .h5:last-child {
    margin-bottom: 30px;
  }
}

nav#main-nav .nav-column ul li {
  clear: both;
  width: 100%;
}

nav#main-nav .nav-column li {
  margin-top: 10px;
  margin-left: 15px;
}

nav#main-nav .nav-column li a {
  line-height: 1.5rem;
}

nav#main-nav .nav-item-blurb {
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 220px;
  float: left;
  padding: 0 5% 0 3.5%;
  border-right: 1px solid #EBEBEB;
}

nav#main-nav .nav-item-blurb .h5 {
  font-style: italic;
  color: #333;
}

@media (max-width: 850px) {
  nav#main-nav .nav-item-blurb {
    width: 100%;
    height: auto;
    padding: 0 16px;
    border-right: none;
  }
}

nav#main-nav .nav-column .h5 {
  margin-top: 20px;
}

nav#main-nav .nav-column .h5:first-child {
  margin-top: 0;
}

@media (max-width: 850px) {
  nav#main-nav .nav-column .h5:first-child {
    margin-top: 20px;
  }
}

nav#main-nav .nav-column p {
  margin-top: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
}

nav#main-nav .arrow-down {
  display: inline-block;
  margin-left: 2px;
  margin-bottom: 2px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #0B6EA6;
  /* Point arrow to the right */
}

@media (max-width: 850px) {
  nav#main-nav .arrow-down {
    margin: 0;
    border-right: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #0B6EA6;
  }
}

nav#main-nav #initiatives-nav-item {
  /*************************************************************
    * Use ONLY when Centennial Celebration is available -- Phase 1
    *************************************************************/
  /***********************************************************************
    * Use these styles when all of the initiatives are available
    ***********************************************************************/
}

nav#main-nav #initiatives-nav-item .dropdown {
  width: 65%;
  left: auto;
  right: 0;
}

@media (max-width: 850px) {
  nav#main-nav #initiatives-nav-item .dropdown {
    width: 100%;
  }
}

nav#main-nav #initiatives-nav-item .nav-column {
  width: 36%;
}

@media (max-width: 850px) {
  nav#main-nav #initiatives-nav-item .nav-column {
    width: 100%;
  }
}

nav#main-nav #application-nav-item .nav-column .h5 {
  margin-top: 30px;
}

@media (max-width: 850px) {
  nav#main-nav #application-nav-item .nav-column .h5 {
    margin-top: 20px;
  }
}

nav#main-nav #application-nav-item .nav-column .h5:first-child {
  margin-top: 15px;
}

@media (max-width: 850px) {
  nav#main-nav #application-nav-item .nav-column .h5:first-child {
    margin-top: 20px;
  }
}

@media (max-width: 850px) {
  nav#main-nav .hamburger-icon {
    position: absolute;
    padding: 19px;
    right: 0;
  }

  nav#main-nav .hamburger-icon span {
    display: block;
    width: 26px;
    height: 3px;
    margin-bottom: 5px;
    position: relative;
    background: #2774AE;
    border-radius: 3px;
    z-index: 300;
  }

  nav#main-nav .hamburger-icon span:last-child {
    margin-bottom: 0;
  }

  nav#main-nav .open-submenu .dropdown {
    display: block;
    position: static;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    z-index: 500;
    border-top: 1px solid #EBEBEB;
    border-radius: 0;
  }
}

nav#main-nav .site-name {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row-align: center;
}

nav#main-nav #fundamentals-nav-item {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

nav#main-nav #fundamentals-nav-item:hover .dropdown {
  opacity: 1;
  visibility: visible;
  overflow: visible;
}

nav#main-nav #identity-nav-item {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

nav#main-nav #identity-nav-item:hover .dropdown {
  opacity: 1;
  visibility: visible;
  overflow: visible;
}

nav#main-nav #application-nav-item {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
}

nav#main-nav #application-nav-item:hover .dropdown {
  opacity: 1;
  visibility: visible;
  overflow: visible;
}

nav#main-nav #initiatives-nav-item {
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
}

nav#main-nav #initiatives-nav-item:hover .dropdown {
  opacity: 1;
  visibility: visible;
  overflow: visible;
}

nav#main-nav #search-nav-item {
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  -ms-grid-row-align: center;
}

.skip-to-content {
  text-decoration: none;
  color: #ffffff;
  background-color: #00598c;
  position: absolute;
  left: 50%;
  transform: translateY(-100%);
  padding: 4px;
}

.skip-to-content:link {
  color: #ffffff;
}

.skip-to-content:visited {
  color: #ffffff;
}

.skip-to-content:focus {
  transform: translateY(0%);
  transition: transform 0.3s;
}

.search-bar {
  width: 60%;
  position: absolute;
  top: 63px;
  right: 0;
  border-radius: 4px;
  background: #FFFFFF;
  display: none;
}

@media (max-width: 850px) {
  .search-bar {
    width: 100%;
    position: static;
    display: block;
  }
}

.search-bar.search-bar-404 {
  position: static;
  display: block;
}

.search-bar:after {
  content: "";
  height: 0;
  width: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #FFFFFF;
  position: absolute;
  top: -20px;
  right: 10px;
  z-index: 100;
}

@media (max-width: 850px) {
  .search-bar:after {
    border-left: 0;
    border-right: 0;
  }
}

.search-bar__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 84px;
  grid-template-columns: 1fr 84px;
  -ms-grid-rows: 54px;
  grid-template-rows: 54px;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 100%;
  padding: 10px 15px;
}

.search-bar .form-control {
  width: auto;
  height: auto;
  display: inline-block;
  margin: 0;
  margin-right: 10px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid #757575;
  background: #FFFFFF;
  font-size: 1rem;
  line-height: 1rem;
}

.search-bar__submit.btn {
  margin-top: 0;
  padding: 12px 0;
  border-width: 0;
}

.search-bar--visible {
  display: block;
  box-shadow: 1px 0 12px #ababab;
}

.search-open {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

.search-icon {
  display: block;
  position: relative;
  width: 28px;
  height: 28px;
}

@media (max-width: 850px) {
  .search-icon {
    display: none;
  }
}

#search-form-404 {
  width: 100%;
}

/* IE STYLES */

#site-search {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row-align: center;
}

#main-navigation-submit {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row-align: center;
}

div#prefooter {
  text-align: center;
  padding: 50px;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}

div#prefooter .nav {
  background: #FFFFFF;
}

div#prefooter .nav .highlight {
  background: #DAEBFE;
}

div#prefooter .nav .highlight .text {
  font-weight: bold;
}

div#prefooter .nav a {
  display: block;
  text-decoration: none;
  border-bottom: 2px solid #E7E7E8;
  color: #2774AE;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

div#prefooter .nav a .link-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 42px 1fr 50px;
  -ms-grid-rows: 80px;
  grid-template-columns: 42px 1fr 50px;
  grid-template-rows: 80px;
  transition: ease width 0.5s;
}

@media (min-width: 600px) {
  div#prefooter .nav a .link-content {
    width: 580px;
    margin: 0 auto;
    -ms-grid-columns: 40px 1fr 57px;
    grid-template-columns: 40px 1fr 57px;
  }
}

div#prefooter .nav a .link-content svg {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: end;
  -ms-grid-row-align: center;
  justify-self: end;
  -ms-flex-item-align: center;
      align-self: center;
}

@media (min-width: 600px) {
  div#prefooter .nav a .link-content svg {
    justify-self: start;
  }
}

div#prefooter .nav a .link-content .icon-color {
  fill: #0B6EA6;
}

div#prefooter .nav a .link-content .text {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row-align: center;
  padding-left: 20px;
  -ms-flex-item-align: center;
      align-self: center;
}

@media (min-width: 600px) {
  div#prefooter .nav a .link-content .text {
    padding-left: 0;
    /* IE 10 and above */
  }
}

@media screen and (min-width: 600px) and (-ms-high-contrast: active), (min-width: 600px) and (-ms-high-contrast: none) {
  div#prefooter .nav a .link-content .text {
    padding-left: 20px;
  }
}

div#prefooter .nav a .link-content .arrow {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  background-image: url("/images/icons/icon-arrow-large.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 32px 26px;
}

div#prefooter .nav a:hover {
  color: #0052E0;
}

@media (hover: none) {
  div#prefooter .nav a:hover {
    color: #2774AE;
  }
}

div#prefooter .nav a:hover .icon-color {
  fill: #0052E0;
}

div#prefooter .nav a:hover .arrow {
  background-image: url("/images/icons/icon-arrow-large-hover.png");
}

@media (hover: none) {
  div#prefooter .nav a:hover .arrow {
    background-image: url("/images/icons/icon-arrow-large.png");
  }
}

div#prefooter .nav a:focus {
  color: #0052E0;
}

div#prefooter .nav a:focus .icon-color {
  fill: #0052E0;
}

div#prefooter .nav a:focus .arrow {
  background-image: url("/images/icons/icon-arrow-large-hover.png");
}

div#prefooter .nav a:active {
  color: #003B5C;
}

div#prefooter .nav a:active .icon-color {
  fill: #003B5C;
}

div#prefooter .nav a:active .arrow {
  background-image: url("/images/icons/icon-arrow-large-active.png");
}

footer#footer {
  width: 100%;
  margin: 0 auto;
  padding: 72px 100px;
  background: #2774AE;
  color: #FFFFFF;
}

@media (max-width: 1023.98px) {
  footer#footer {
    padding: 10%;
  }
}

@media (max-width: 767.98px) {
  footer#footer {
    padding: 10% 2%;
  }
}

footer#footer .wrapper {
  margin: 0 auto;
  padding: 0 16px;
  max-width: 1200px;
}

@media (max-width: 1023.98px) {
  footer#footer .wrapper {
    max-width: 100%;
  }
}

footer#footer .logo {
  height: 31px;
  width: auto;
  margin-bottom: 32px;
}

@media (max-width: 767.98px) {
  footer#footer .logo {
    height: 25px;
  }
}

footer#footer .h5 {
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.5rem;
}

footer#footer a {
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
  line-height: 2rem;
}

footer#footer a:hover {
  background-color: #FFD100;
  color: #262626;
}

footer#footer a:active {
  background-color: #FFB81C;
  color: #262626;
}

footer#footer .footer-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-column-align: left;
      justify-items: left;
  margin-bottom: 26px;
}

@media (max-width: 1023.98px) {
  footer#footer .footer-content {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

footer#footer .footer-content .contact {
  margin-top: 32px;
}

footer#footer .footer-content .contact a {
  line-height: 1.5rem;
  font-weight: normal;
}

footer#footer .footer-content .h5 {
  margin-bottom: 32px;
}

@media (max-width: 1023.98px) {
  footer#footer .footer-content .h5 {
    margin-top: 40px;
    margin-bottom: 15px;
  }
}

footer#footer .footer-content .col-1 {
  -ms-grid-column: 1;
}

@media (max-width: 1023.98px) {
  footer#footer .footer-content .col-1 {
    -ms-grid-row: 1;
  }
}

footer#footer .footer-content .col-2 {
  margin-left: 40px;
  -ms-grid-column: 2;
}

@media (max-width: 1023.98px) {
  footer#footer .footer-content .col-2 {
    margin-left: 0;
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }
}

footer#footer .footer-content .col-3 {
  -ms-grid-column: 3;
}

@media (max-width: 1023.98px) {
  footer#footer .footer-content .col-3 {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
  }
}

footer#footer .sign-up {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 32px;
  padding: 32px;
  background-color: #005587;
}

@media (max-width: 1023.98px) {
  footer#footer .sign-up {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

footer#footer .sign-up .blurb {
  width: 90%;
  line-height: 1.75rem;
  -ms-grid-column: 1;
}

@media (max-width: 1023.98px) {
  footer#footer .sign-up .blurb {
    margin-bottom: 20px;
    width: 100%;
  }
}

footer#footer .sign-up #form-messages {
  -ms-grid-column: 2;
}

@media (max-width: 1023.98px) {
  footer#footer .sign-up #form-messages {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }
}

footer#footer .sign-up .h5 {
  margin-bottom: 12px;
}

footer#footer .sign-up .hide {
  display: none;
}

footer#footer .sign-up .show {
  display: -ms-flexbox;
  display: flex;
}

footer#footer .sign-up .warning {
  color: #FFD100;
  display: none;
  position: absolute;
  top: 56px;
  left: 0;
}

@media (max-width: 578px) {
  footer#footer .sign-up .warning {
    top: 38px;
  }
}

footer#footer .sign-up #email-signup {
  position: relative;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  footer#footer .sign-up #email-signup {
    margin-top: 15px;
  }
}

footer#footer .sign-up #email-signup .field {
  display: inline-block;
}

footer#footer .sign-up #email-signup .email-field {
  width: 75%;
  vertical-align: middle;
}

footer#footer .sign-up #email-signup input[type="text"] {
  padding: 0 15px;
  height: 36px;
  width: 98%;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
}

@media (max-width: 1023.98px) {
  footer#footer .sign-up #email-signup input[type="text"] {
    margin-bottom: 20px;
    width: 100%;
  }
}

footer#footer .sign-up #email-signup input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

footer#footer .sign-up #email-signup .button {
  background-color: #FFD100;
  border: none;
  border-radius: 4px;
  color: #003B5C;
  cursor: pointer;
  padding: 9px 16px;
  text-align: center;
  text-decoration: none;
  font-size: 1rem;
  font-weight: bold;
}

footer#footer .sign-up #email-signup .button:hover {
  background: #FFE500;
}

@media (hover: none) {
  footer#footer .sign-up #email-signup .button:hover {
    background: #FFD100;
  }
}

footer#footer .sign-up #success img {
  height: 42px;
}

footer#footer .sign-up #success p {
  margin: 10px 0 0 10px;
}

footer#footer .legal {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  font-size: 12px;
  -ms-flex-align: center;
      align-items: center;
  -ms-grid-row-align: center;
}

@media (max-width: 1023.98px) {
  footer#footer .legal {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

footer#footer .legal #regents {
  -ms-grid-column: 1;
}

footer#footer .legal .global-links {
  -ms-grid-column-align: end;
  justify-self: end;
  -ms-grid-column: 2;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  footer#footer .legal .global-links {
    margin-top: 12px;
  }
}

@media (max-width: 1023.98px) {
  footer#footer .legal .global-links {
    -ms-grid-column-align: start;
    justify-self: start;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

footer#footer .legal .global-links a {
  line-height: 0;
  margin-right: 30px;
}

footer#footer .legal .global-links a:last-child {
  margin-right: 0;
}

section#hero {
  background-image: url("/images/backgrounds/pattern-bg-small2x.png");
  background-repeat: repeat;
  background-size: 214px 150px;
  overflow: hidden;
  width: 100%;
}

@media (min-width: 768px) {
  section#hero {
    background-image: none;
    background: #005587;
    background: linear-gradient(to top, #005587, #2774AE);
    height: 360px;
  }
}

@media (min-width: 1024px) {
  section#hero {
    height: 484px;
  }
}

@media (min-width: 1280px) {
  section#hero {
    height: 594px;
  }
}

section#hero a {
  font-size: 0.875rem;
  text-decoration: none;
}

section#hero a:after {
  background-image: url("/images/icons/icon-arrow-text-small.png");
  background-size: 24px 14px;
  display: inline-block;
  margin-left: 6px;
  width: 24px;
  height: 14px;
  content: "";
  vertical-align: -10%;
}

section#hero button {
  background-color: Transparent;
  background-repeat: no-repeat;
  border: 1px solid Transparent;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 0.875rem;
  margin-left: 26px;
  overflow: hidden;
  padding: 5px 10px;
}

@media (min-width: 1024px) {
  section#hero button {
    padding: 11px 10px;
  }
}

section#hero button:after {
  background-image: url("/images/icons/icon-arrow-text-small.png");
  background-size: 24px 14px;
  display: inline-block;
  margin-left: 6px;
  width: 24px;
  height: 14px;
  content: "";
  vertical-align: -10%;
}

@media (min-width: 1024px) {
  section#hero button:after {
    background-image: url("/images/icons/icon-arrow-text-medium.png");
    background-size: 30px 20px;
    width: 30px;
    height: 20px;
  }
}

section#hero button:hover {
  border-color: #FFFFFF;
  border-radius: 4px;
}

@media (min-width: 600px) {
  section#hero button {
    margin-left: 0px;
  }
}

@media (min-width: 768px) {
  section#hero button {
    font-size: 1.125rem;
  }
}

@media (min-width: 1024px) {
  section#hero button {
    font-size: 1.25rem;
  }
}

section#hero img#thought-bubble {
  height: 145px;
  margin-bottom: 4px;
  position: relative;
  right: -16px;
  width: 313px;
}

@media only screen and (max-width: 359px) {
  section#hero img#thought-bubble {
    height: 131px;
    margin-bottom: 8px;
    width: auto;
  }
}

@media (min-width: 600px) {
  section#hero img#thought-bubble {
    margin-bottom: 22px;
    right: -26px;
  }
}

@media (min-width: 768px) {
  section#hero img#thought-bubble {
    margin-bottom: 18px;
    height: 141px;
    width: 419px;
  }
}

@media (min-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  section#hero img#thought-bubble {
    display: none;
  }
}

@media (min-width: 1024px) {
  section#hero img#thought-bubble {
    height: 191px;
    margin-bottom: 26px;
    width: 569px;
  }
}

@media (min-width: 1280px) {
  section#hero img#thought-bubble {
    height: 241px;
    margin-bottom: 33px;
    width: 712px;
  }
}

section#hero img.ie-dependent.ie11 {
  display: none;
}

@media (min-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  section#hero img.ie-dependent.ie11 {
    display: block;
    height: 141px;
    width: 419px;
    margin-bottom: 24px;
    right: -26px;
  }
}

@media (min-width: 1024px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  section#hero img.ie-dependent.ie11 {
    height: 191px;
    width: 596px;
    margin-bottom: 13px;
  }
}

@media (min-width: 1280px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  section#hero img.ie-dependent.ie11 {
    height: 241px;
    width: 712px;
    margin-bottom: 31px;
  }
}

section#hero img#students {
  display: block;
  height: auto;
  width: 100%;
}

@media (min-width: 768px) {
  section#hero img#students {
    display: block;
    bottom: -21px;
    position: absolute;
    right: -72px;
    width: 387px;
  }
}

@media (min-width: 1024px) {
  section#hero img#students {
    bottom: -47px;
    width: 526px;
  }
}

@media (min-width: 1280px) {
  section#hero img#students {
    width: 660px;
  }
}

@media (min-width: 600px) {
  section#hero #hero-copy {
    text-align: center;
  }
}

@media (min-width: 768px) {
  section#hero #hero-copy {
    margin-left: 38px;
    text-align: left;
    width: 48%;
  }
}

@media (min-width: 1024px) {
  section#hero #hero-copy {
    margin-left: 45px;
  }
}

@media (min-width: 1280px) {
  section#hero #hero-copy {
    margin-left: 52px;
    width: 40%;
  }
}

section#hero .container {
  margin: 0 auto;
  padding-top: 20px;
  position: relative;
  width: 328px;
}

@media (min-width: 600px) {
  section#hero .container {
    width: 385px;
  }
}

@media (min-width: 768px) {
  section#hero .container {
    padding-top: 40px;
    position: relative;
    width: 670px;
  }
}

@media (min-width: 1024px) {
  section#hero .container {
    padding-top: 46px;
    width: 926px;
  }
}

@media (min-width: 1280px) {
  section#hero .container {
    padding-top: 50px;
    width: 1157px;
  }
}

section#hero .h2 {
  color: #FFFFFF;
  margin-bottom: 12px;
  margin-left: 38px;
  padding-right: 20px;
}

@media (min-width: 600px) {
  section#hero .h2 {
    margin-bottom: 16px;
    margin-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 768px) {
  section#hero .h2 {
    font-size: 2.375rem;
    line-height: 2.8215rem;
    margin-bottom: 14px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) {
  section#hero .h2 {
    font-size: 3.25rem;
    line-height: 3.75rem;
    margin-bottom: 22px;
  }
}

@media (min-width: 1280px) {
  section#hero .h2 {
    font-size: 4rem;
    line-height: 4.6875rem;
    margin-bottom: 30px;
  }
}

section#NotFound {
  background-image: url("/images/backgrounds/pattern-bg-small2x.png");
  background-repeat: repeat;
  background-size: 214px 150px;
  overflow: hidden;
  width: 100%;
}

@media (min-width: 768px) {
  section#NotFound {
    background-image: none;
    background: #005587;
    background: linear-gradient(to top, #005587, #2774AE);
    height: 420px;
  }
}

@media (min-width: 1024px) {
  section#NotFound {
    height: 528px;
  }
}

@media (min-width: 1280px) {
  section#NotFound {
    height: 594px;
  }
}

section#NotFound a {
  color: #FFFFFF;
  font-size: 0.875rem;
}

section#NotFound a:hover {
  background-color: #FFD100;
  color: #262626;
  text-decoration: none;
}

section#NotFound a:active {
  background-color: #FFB81C;
  text-decoration: none;
}

@media (min-width: 1280px) {
  section#NotFound a {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

section#NotFound h1 {
  color: #FFFFFF;
  font-size: 2rem;
  line-height: 2.25rem;
  margin-bottom: 22px;
  margin-left: 38px;
  padding-right: 32px;
}

@media (min-width: 600px) {
  section#NotFound h1 {
    margin-bottom: 16px;
    margin-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 768px) {
  section#NotFound h1 {
    font-size: 2.375rem;
    line-height: 2.8215rem;
    margin-bottom: 14px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) {
  section#NotFound h1 {
    font-size: 3.25rem;
    line-height: 3.75rem;
    margin-bottom: 22px;
  }
}

@media (min-width: 1280px) {
  section#NotFound h1 {
    font-size: 3rem;
    line-height: 3.625rem;
    margin-bottom: 30px;
  }
}

section#NotFound img#thought-bubble {
  height: 145px;
  margin-bottom: 12px;
  position: relative;
  right: -16px;
  width: 313px;
}

@media only screen and (max-width: 359px) {
  section#NotFound img#thought-bubble {
    height: 128px;
    width: auto;
    right: -26px;
  }
}

@media (min-width: 600px) {
  section#NotFound img#thought-bubble {
    margin-bottom: 22px;
    right: -26px;
  }
}

@media (min-width: 768px) {
  section#NotFound img#thought-bubble {
    margin-bottom: 18px;
    height: 141px;
    width: 419px;
  }
}

@media (min-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  section#NotFound img#thought-bubble {
    display: none;
  }
}

@media (min-width: 1024px) {
  section#NotFound img#thought-bubble {
    height: 191px;
    margin-bottom: 26px;
    width: 569px;
  }
}

@media (min-width: 1280px) {
  section#NotFound img#thought-bubble {
    height: 241px;
    margin-bottom: 33px;
    width: 712px;
  }
}

section#NotFound img.ie-dependent.ie11 {
  display: none;
}

@media (min-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  section#NotFound img.ie-dependent.ie11 {
    display: block;
    height: 141px;
    width: 419px;
    margin-bottom: 24px;
    right: -26px;
  }
}

@media (min-width: 1024px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  section#NotFound img.ie-dependent.ie11 {
    height: 191px;
    width: 596px;
    margin-bottom: 13px;
  }
}

@media (min-width: 1280px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  section#NotFound img.ie-dependent.ie11 {
    height: 241px;
    width: 712px;
    margin-bottom: 31px;
  }
}

section#NotFound img#smiley {
  display: block;
  height: auto;
  width: 100%;
}

@media (min-width: 768px) {
  section#NotFound img#smiley {
    display: block;
    bottom: 16px;
    position: absolute;
    right: -105px;
    width: 387px;
  }
}

@media (min-width: 1024px) {
  section#NotFound img#smiley {
    width: 526px;
  }
}

@media (min-width: 1280px) {
  section#NotFound img#smiley {
    bottom: -80px;
    right: -132px;
    width: 660px;
  }
}

section#NotFound p {
  font-size: 0.875rem;
  line-height: 1.1875rem;
  padding-left: 38px;
  padding-right: 100px;
}

@media (min-width: 600px) {
  section#NotFound p {
    padding: 0px;
  }
}

@media (min-width: 768px) {
  section#NotFound p {
    padding-left: 10px;
  }
}

@media (min-width: 1280px) {
  section#NotFound p {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 600px) {
  section#NotFound #hero-copy {
    text-align: center;
  }
}

@media (min-width: 768px) {
  section#NotFound #hero-copy {
    margin-left: 38px;
    text-align: left;
    width: 48%;
  }
}

@media (min-width: 1024px) {
  section#NotFound #hero-copy {
    margin-left: 45px;
  }
}

@media (min-width: 1280px) {
  section#NotFound #hero-copy {
    margin-left: 52px;
    width: 50%;
  }
}

section#NotFound .container {
  margin: 0 auto;
  padding-top: 20px;
  position: relative;
  width: 328px;
}

@media (min-width: 600px) {
  section#NotFound .container {
    width: 385px;
  }
}

@media (min-width: 768px) {
  section#NotFound .container {
    padding-top: 40px;
    position: relative;
    width: 670px;
  }
}

@media (min-width: 1024px) {
  section#NotFound .container {
    padding-top: 46px;
    width: 926px;
  }
}

@media (min-width: 1280px) {
  section#NotFound .container {
    padding-top: 50px;
    width: 1157px;
  }
}

/* Headings */

/*Further Reading: http:/csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/ */

h1,
.h1 {
  font-size: 3.375rem;
  line-height: 4.5rem;
}

h2,
.h2 {
  font-size: 2.25rem;
  line-height: 3rem;
}

h3,
.h3 {
  font-size: 1.5rem;
  line-height: 2rem;
}

h3.section-title,
.h3.section-title {
  text-decoration: underline;
}

h4,
.h4 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

h5,
.h5,
.contextual-header {
  font-size: 1rem;
  line-height: 1.375rem;
}

h6,
.h6 {
  font-size: 0.667rem;
  line-height: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: bold;
}

.display {
  font-size: 4.5rem;
  font-weight: bold;
  line-height: 5rem;
}

.contextual-header {
  color: #424242;
  font-weight: bold;
}

/* Subheadings */

.subheading {
  font-family: "Helvetica", "Arial", sans-serif;
  font-weight: normal;
}

/* Sub-Headline */

.subheadline {
  color: #2774AE;
  font-size: 1.2rem;
}

.accordion {
  display: block;
  margin: 0 auto;
  width: 98%;
}

.accordion__title {
  border: 0;
  border-top: 1px solid #e5e5e5;
  width: 100%;
  text-align: left;
  color: #00598c;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: bold;
  position: relative;
  background: #fff;
  margin-top: 1px;
  padding: 20px 64px 20px 16px;
}

.accordion__title:focus {
  outline: 3px solid #00568c;
  outline-offset: -3px;
}

.accordion__title:hover,
.accordion__title:active {
  background: #0079bf;
  color: #fff;
  cursor: pointer;
}

.accordion__title:hover::after,
.accordion__title:active::after {
  background: url(/fonts/down--white.svg?159ae3051195f6fb4805c87be97d5b27);
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 16px;
  top: 20px;
  width: 24px;
  height: 24px;
}

@media (min-width: 768px) {
  .accordion__title:hover::after,
  .accordion__title:active::after {
    right: 16px;
    top: 16px;
    width: 32px;
    height: 32px;
  }
}

.accordion__title.active::after {
  transform: scaleY(-1);
}

.accordion__title::after {
  display: block;
  content: "";
  background: url(/fonts/down--blue.svg?0aca056df101c87a96adedc359290bc3);
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 16px;
  top: 20px;
  width: 24px;
  height: 24px;
}

@media (min-width: 768px) {
  .accordion__title {
    font-size: 1.5rem;
    padding: 16px 64px 16px 16px;
  }

  .accordion__title::after {
    background-size: contain;
    right: 16px;
    top: 16px;
    width: 32px;
    height: 32px;
  }
}

.accordion__title:last-of-type {
  border-bottom: none;
}

.accordion__title.accordion-last {
  border-bottom: 1px solid #e5e5e5;
}

.accordion__content {
  display: none;
  padding: 16px;
  padding-bottom: 32px;
}

.accordion__content.show-me {
  display: block;
}

.accordion.accordion-last::after {
  content: "";
  display: block;
  border-bottom: 1px solid #e5e5e5;
}

.accordion dl {
  margin-bottom: 0px;
}

.accordion dl,
.accordion dd {
  margin-left: 0px;
}

.accordion dl,
.accordion dt {
  width: 100%;
}

.load-more.btn {
  border: 2px solid #00598c;
  background: #fff;
  padding: 12px 16px 8px;
  font-size: 1rem;
  line-height: 1.25;
  color: #00598c;
}

.load-more.btn:hover {
  background: #0079bf;
  border-color: #0079bf;
  color: #fff;
}

.load-more.btn:focus {
  background: #00568c;
  border-color: #00568c;
  color: #fff;
  outline: 1px dotted #00568c;
  outline-offset: 2px;
}

.load-more.btn:active {
  background: #003b5c;
  border-color: #003b5c;
  color: #fff;
}

#audio-video {
  width: 100%;
  padding: 0 0px;
}

@media (max-width: 768px) {
  #audio-video {
    clear: both;
  }
}

#audio-video .title {
  background: #EBEBEB;
}

#audio-video .title .parent {
  text-align: center;
}

@media (max-width: 768px) {
  #audio-video .title .parent {
    padding-top: 48px;
  }
}

#audio-video .title h1 {
  padding: 64px 16px 48px;
  text-align: center;
}

#audio-video .title h1.parent {
  padding: 24px 16px 48px;
}

#audio-video .title p:nth-child(1) {
  margin-bottom: 24px;
}

#audio-video .title p:nth-child(2) {
  margin-bottom: 64px;
}

#audio-video .title p:only-child {
  margin-bottom: 64px;
}

@media (max-width: 768px) {
  #audio-video .title h1 {
    margin: 24px 0;
  }

  #audio-video .title p {
    margin-bottom: 25px;
  }
}

#audio-video .page-content {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  /* IE Styles */
}

#audio-video .page-content .page-section {
  padding-top: 64px;
  padding-bottom: 64px;
  margin-bottom: 0px;
}

#audio-video .page-content .ucla-list--bulleted {
  list-style: none;
  line-height: 24px;
  padding-left: 28.5px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#audio-video .page-content ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}

#audio-video .page-content .ucla-list--bulleted li {
  margin-bottom: 16px;
}

#audio-video .page-content li {
  display: list-item;
  text-align: -webkit-match-parent;
}

#audio-video .page-content .ucla-list--bulleted li:last-of-type {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#audio-video .page-content .ucla-list--bulleted li::before {
  content: "\25AA";
  color: #2774ae;
  width: 3em;
  margin-left: -18px;
  padding-right: 13px;
}

#audio-video .page-content li .ucla-list--bulleted li::before {
  font-size: 9px;
  content: "\25A1";
}

#audio-video .page-content .titles {
  text-decoration: none;
}

#audio-video .page-content .element {
  border-top: 1px solid #999999;
  padding-top: 64px;
}

#audio-video .page-content .element label {
  display: block;
  font-weight: bold;
  padding: 9px 0 16px;
}

#audio-video .page-content .element img {
  border: 1px solid #EBEBEB;
}

#audio-video .page-content .element.top {
  border-top: none;
}

#audio-video .page-content .element h2 {
  margin-bottom: 32px;
}

#audio-video .page-content .element .col-7-13 {
  padding: 0 16px;
}

@media (max-width: 600px) {
  #audio-video .page-content .element {
    padding-top: 25px;
    margin-bottom: 25px;
  }

  #audio-video .page-content .element .col-2 {
    padding: 25px 16px 0;
  }
}

#audio-video .page-content .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
}

#audio-video .page-content #overview .col-1-13 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#audio-video .page-content #overview .col-wide {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
}

#audio-video .page-content .element .col-1-13 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#audio-video .page-content .element .col-1-7 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
}

#audio-video .page-content .element .col-1-9 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
}

#audio-video .page-content .element .col-7-13 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
}

#audio-video .captions-vs-subtitles {
  border: 2px solid #999999;
  padding: 16px;
}

#colors {
  /* IE11 Styles */
}

#colors ul.swatch-detail li {
  line-height: 1.5625rem;
}

#colors section#the-palette {
  margin-bottom: 12px;
}

#colors section.palette-sample {
  border-top: none;
  padding-top: 0;
}

#colors section.palette-sample p {
  margin-bottom: 0;
}

#colors section.palette-sample .grid-container {
  display: -ms-grid;
  display: grid;
  grid-row-gap: 1.625rem;
  grid-column-gap: 2rem;
  margin: 0 auto 3rem auto;
  max-width: 1200px;
  padding: 0 1rem;
  text-align: left;
}

#colors section.palette-sample .grid-container .swatch {
  display: block;
  height: 249px;
  margin-bottom: 17px;
  width: 100%;
}

#colors section.palette-sample .grid-container .tertiary-swatch {
  height: 178px;
  margin-bottom: 24px;
}

#colors section.palette-sample .grid-container .tertiary-swatch .swatch {
  height: 50%;
  margin-bottom: 4px;
}

#colors section.palette-sample .grid-container .tertiary-swatch .swatch .label {
  background: #FFFFFF;
  font-weight: bold;
  padding: 6px 8px;
  position: relative;
  top: 42%;
  left: 3%;
}

#colors section.palette-sample .grid-3 {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

#colors section.palette-sample .grid-3 .grid-title {
  grid-column: 1 / 4;
}

@media (max-width: 897px) {
  #colors section.palette-sample .grid-3 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  #colors section.palette-sample .grid-3 .grid-title {
    grid-column: 1 / 3;
  }
}

@media (max-width: 613px) {
  #colors section.palette-sample .grid-3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  #colors section.palette-sample .grid-3 .grid-title {
    grid-column: 1 / 2;
  }
}

#colors section.palette-sample .grid-3 .col-two-thirds {
  grid-column: 1 / 3;
}

#colors section.palette-sample .grid-4 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#colors section.palette-sample .grid-4 .grid-title,
#colors section.palette-sample .grid-4 .grid-subtitle {
  grid-column: 1 / 5;
}

#colors section.palette-sample .grid-4 .col-two-thirds {
  grid-column: 1 / 5;
}

@media (max-width: 1167px) {
  #colors section.palette-sample .grid-4 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #colors section.palette-sample .grid-4 .grid-title,
  #colors section.palette-sample .grid-4 .grid-subtitle {
    grid-column: 1 / 4;
  }

  #colors section.palette-sample .grid-4 .gradient-sample {
    grid-column: 1 / 4;
  }

  #colors section.palette-sample .grid-4 .col-two-thirds {
    grid-column: 1 / 4;
  }
}

@media (max-width: 897px) {
  #colors section.palette-sample .grid-4 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  #colors section.palette-sample .grid-4 .grid-title,
  #colors section.palette-sample .grid-4 .grid-subtitle {
    grid-column: 1 / 3;
  }

  #colors section.palette-sample .grid-4 .gradient-sample {
    grid-column: 1 / 3;
  }

  #colors section.palette-sample .grid-4 .col-two-thirds {
    grid-column: 1 / 3;
  }
}

@media (max-width: 613px) {
  #colors section.palette-sample .grid-4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  #colors section.palette-sample .grid-4 .grid-title,
  #colors section.palette-sample .grid-4 .grid-subtitle {
    grid-column: 1 / 2;
  }

  #colors section.palette-sample .grid-4 .gradient-sample {
    grid-column: 1 / 2;
  }

  #colors section.palette-sample .grid-4 .col-two-thirds {
    grid-column: 1 / 2;
  }
}

#colors section#accessibility img {
  max-width: 1168px;
  width: 100%;
  height: auto;
}

#colors section#accessibility .col-wide {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-column-start: 1;
  /* autoprefixer: off */
  grid-column-end: 13;
  grid-row-start: 5;
  /* autoprefixer: off */
  grid-row-end: 6;
}

#colors section#accessibility .col-wide .image-caption {
  display: block;
  font-size: .75rem;
  color: #262626;
  line-height: 1rem;
  margin-top: 16px;
}

#colors section#accessibility .col-wide .image-caption:last-child {
  margin-bottom: 24px;
}

#colors section#do-not .grid-container {
  display: -ms-grid;
  display: grid;
  grid-row-gap: 2rem;
  grid-column-gap: 2rem;
  margin: 0 auto 3rem auto;
  max-width: 1200px;
  padding: 0 1rem;
  text-align: left;
}

#colors section#do-not .grid-3 {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

#colors section#do-not .grid-3 .grid-title {
  grid-column: 1 / 4;
}

#colors section#do-not .grid-3 .grid-title h2 {
  padding: 0;
}

@media (max-width: 897px) {
  #colors section#do-not .grid-3 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  #colors section#do-not .grid-3 .grid-title {
    grid-column: 1 / 3;
  }
}

@media (max-width: 613px) {
  #colors section#do-not .grid-3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  #colors section#do-not .grid-3 .grid-title {
    grid-column: 1 / 2;
  }
}

#colors section#do-not .grid-3 .col-two-thirds {
  grid-column: 1 / 3;
}

#colors section#do-not .sample {
  display: block;
  height: auto;
  margin-bottom: 16px;
  width: 100%;
}

#colors section#do-not p {
  margin-bottom: 0;
}

#colors section#downloads .col-two-thirds {
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-column-start: 1;
  /* autoprefixer: off */
  grid-column-end: 9;
  grid-row-start: 3;
  /* autoprefixer: off */
  grid-row-end: 4;
}

@media (max-width: 768px) {
  #colors section#downloads .col-two-thirds {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-column-start: 1;
    /* autoprefixer: off */
    grid-column-end: 13;
    grid-row-start: 3;
    /* autoprefixer: off */
    grid-row-end: 4;
  }
}

#colors section#downloads .col-wide {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-column-start: 1;
  /* autoprefixer: off */
  grid-column-end: 13;
  grid-row-start: 5;
  /* autoprefixer: off */
  grid-row-end: 6;
}

#colors #the-palette {
  /* Primary Brand Colors */
  /* Secondary Brand Colors */
  /* Tertiary Brand Colors */
  /* Brand Gradient */
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #colors #the-palette .grid-subtitle {
    margin-bottom: 32px;
  }

  #colors #the-palette .wrap {
    margin-right: 32px;
    margin-bottom: 32px;
  }
}

#colors #the-palette .grid-wrapper > :nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#colors #the-palette .grid-wrapper > :nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
}

#colors #the-palette .primary-colors .grid-title {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#colors #the-palette .primary-colors .ucla-blue-wrap {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#colors #the-palette .primary-colors .ucla-gold-wrap {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

#colors #the-palette .primary-colors .white-wrap {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

#colors #the-palette .secondary-colors {
  /* Blue Tones */
  /* Gold Tones */
}

#colors #the-palette .secondary-colors .grid-title {
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#colors #the-palette .secondary-colors .blue-subtitle {
  -ms-grid-row: 6;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#colors #the-palette .secondary-colors .darkest-blue-wrap {
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#colors #the-palette .secondary-colors .darker-blue-wrap {
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

#colors #the-palette .secondary-colors .lighter-blue-wrap {
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

#colors #the-palette .secondary-colors .lightest-blue-wrap {
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
}

#colors #the-palette .secondary-colors .gold-subtitle {
  -ms-grid-row: 8;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #colors #the-palette .secondary-colors .gold-subtitle {
    margin-top: 32px;
  }
}

#colors #the-palette .secondary-colors .darkest-gold-wrap {
  -ms-grid-row: 9;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#colors #the-palette .secondary-colors .darker-gold-wrap {
  -ms-grid-row: 9;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

#colors #the-palette .tertiary-colors .grid-title {
  -ms-grid-row: 10;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#colors #the-palette .tertiary-colors .yellow-wrap {
  -ms-grid-row: 11;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#colors #the-palette .tertiary-colors .green-wrap {
  -ms-grid-row: 11;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

#colors #the-palette .tertiary-colors .magenta-wrap {
  -ms-grid-row: 11;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

#colors #the-palette .tertiary-colors .cyan-wrap {
  -ms-grid-row: 11;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
}

#colors #the-palette .tertiary-colors .purple-wrap {
  -ms-grid-row: 12;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#colors #the-palette .tertiary-colors .black-wrap {
  -ms-grid-row: 12;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

#colors #the-palette .brand-gradients .grid-title {
  -ms-grid-row: 13;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}

#colors #the-palette .brand-gradients .darker-blue-gradient-wrap {
  -ms-grid-row: 14;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#colors #the-palette .brand-gradients .ucla-blue-gradient-wrap {
  -ms-grid-row: 14;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

#colors #the-palette .brand-gradients .lighter-blue-gradient-wrap {
  -ms-grid-row: 14;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #colors #do-not .wrap {
    margin-right: 32px;
    margin-bottom: 32px;
  }
}

#colors #do-not .grid-container {
  /* Row 1 */
  /* Row 2 */
  /* Row 3 */
  /* Row 4 */
}

#colors #do-not .grid-container > :nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#colors #do-not .grid-container > :nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#colors #do-not .grid-container > :nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

#colors #do-not .grid-container > :nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

#colors #do-not .grid-container > :nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#colors #do-not .grid-container > :nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

#colors #do-not .grid-container > :nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

#colors #do-not .grid-container > :nth-child(8) {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#colors #do-not .grid-container > :nth-child(9) {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

#color-type {
  width: 100%;
  padding: 0 0px;
}

@media (max-width: 768px) {
  #color-type {
    clear: both;
  }
}

#color-type .title {
  background: #EBEBEB;
}

#color-type .title .parent {
  text-align: center;
}

@media (max-width: 768px) {
  #color-type .title .parent {
    padding-top: 48px;
  }
}

#color-type .title h1 {
  padding: 64px 16px 48px;
  text-align: center;
}

#color-type .title h1.parent {
  padding: 24px 16px 48px;
}

#color-type .title p:nth-child(1) {
  margin-bottom: 24px;
}

#color-type .title p:nth-child(2) {
  margin-bottom: 64px;
}

#color-type .title p:only-child {
  margin-bottom: 64px;
}

@media (max-width: 768px) {
  #color-type .title h1 {
    margin: 24px 0;
  }

  #color-type .title p {
    margin-bottom: 25px;
  }
}

#color-type .page-content {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  /* IE Styles */
}

#color-type .page-content .page-section {
  padding-top: 64px;
  padding-bottom: 64px;
  margin-bottom: 0px;
}

#color-type .page-content .element {
  border-top: 1px solid #999999;
}

#color-type .page-content .element label {
  display: block;
  font-weight: bold;
  padding: 9px 0 16px;
}

#color-type .page-content .element img {
  border: 1px solid #EBEBEB;
}

#color-type .page-content .element.top {
  border-top: none;
}

#color-type .page-content .element h2 {
  margin-bottom: 32px;
}

#color-type .page-content .element .col-7-13 {
  padding: 0 16px;
}

@media (max-width: 600px) {
  #color-type .page-content .element {
    padding-top: 25px;
    margin-bottom: 25px;
  }

  #color-type .page-content .element .col-2 {
    padding: 25px 16px 0;
  }
}

#color-type .page-content img {
  border: 1px solid #EBEBEB;
}

#color-type .page-content .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
}

#color-type .page-content .ucla-list--bulleted {
  list-style: none;
  line-height: 24px;
  padding-left: 28.5px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#color-type .page-content ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}

#color-type .page-content .ucla-list--bulleted li {
  margin-bottom: 16px;
}

#color-type .page-content li {
  display: list-item;
  text-align: -webkit-match-parent;
}

#color-type .page-content .ucla-list--bulleted li:last-of-type {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#color-type .page-content .ucla-list--bulleted li::before {
  content: "\25AA";
  color: #2774ae;
  width: 3em;
  margin-left: -18px;
  padding-right: 13px;
}

#color-type .page-content li .ucla-list--bulleted li::before {
  font-size: 9px;
  content: "\25A1";
}

#color-type .page-content #overview .col-1-13 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#color-type .page-content #overview .col-wide {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
}

#color-type .page-content .element .col-1-13 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#color-type .page-content .element .col-1-7 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
}

#color-type .page-content .element .col-1-9 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
}

#color-type .page-content .element .col-7-13 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
}

#color-type .color-tip {
  border: 2px solid #999999;
  padding: 16px;
  margin-bottom: 0px;
}

#content-structure {
  width: 100%;
  padding: 0 0px;
}

@media (max-width: 768px) {
  #content-structure {
    clear: both;
  }
}

#content-structure .title {
  background: #EBEBEB;
}

#content-structure .title .parent {
  text-align: center;
}

@media (max-width: 768px) {
  #content-structure .title .parent {
    padding-top: 48px;
  }
}

#content-structure .title h1 {
  padding: 64px 16px 48px;
  text-align: center;
}

#content-structure .title h1.parent {
  padding: 24px 16px 48px;
}

#content-structure .title p:nth-child(1) {
  margin-bottom: 24px;
}

#content-structure .title p:nth-child(2) {
  margin-bottom: 64px;
}

#content-structure .title p:only-child {
  margin-bottom: 64px;
}

@media (max-width: 768px) {
  #content-structure .title h1 {
    margin: 24px 0;
  }

  #content-structure .title p {
    margin-bottom: 25px;
  }
}

#content-structure .page-content {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  /* IE Styles */
}

#content-structure .page-content .page-section {
  padding-top: 64px;
  padding-bottom: 64px;
  margin-bottom: 0px;
}

#content-structure .page-content .ucla-list--bulleted {
  list-style: none;
  line-height: 24px;
  padding-left: 28.5px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#content-structure .page-content ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}

#content-structure .page-content .ucla-list--bulleted li {
  margin-bottom: 16px;
}

#content-structure .page-content li {
  display: list-item;
  text-align: -webkit-match-parent;
}

#content-structure .page-content .ucla-list--bulleted li:last-of-type {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#content-structure .page-content .ucla-list--bulleted li::before {
  content: "\25AA";
  color: #2774ae;
  width: 3em;
  margin-left: -18px;
  padding-right: 13px;
}

#content-structure .page-content li .ucla-list--bulleted li::before {
  font-size: 9px;
  content: "\25A1";
}

#content-structure .page-content .element {
  border-top: 1px solid #999999;
  padding-top: 64px;
}

#content-structure .page-content .element label {
  display: block;
  font-weight: bold;
  padding: 9px 0 16px;
}

#content-structure .page-content .element img {
  border: 1px solid #EBEBEB;
}

#content-structure .page-content .element.top {
  border-top: none;
}

#content-structure .page-content .element h2 {
  margin-bottom: 32px;
}

#content-structure .page-content .element .col-7-13 {
  padding: 0 16px;
}

@media (max-width: 600px) {
  #content-structure .page-content .element {
    padding-top: 25px;
    margin-bottom: 25px;
  }

  #content-structure .page-content .element .col-2 {
    padding: 25px 16px 0;
  }
}

#content-structure .page-content .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
}

#content-structure .page-content #overview .col-1-13 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#content-structure .page-content #overview .col-wide {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
}

#content-structure .page-content .element .col-1-13 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#content-structure .page-content .element .col-1-7 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
}

#content-structure .page-content .element .col-1-9 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
}

#content-structure .page-content .element .col-7-13 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
}

#content-structure .captions-vs-subtitles {
  border: 2px solid #999999;
  padding: 16px;
  margin-bottom: 64px;
}

#images {
  width: 100%;
  padding: 0 0px;
}

@media (max-width: 768px) {
  #images {
    clear: both;
  }
}

#images .title {
  background: #EBEBEB;
}

#images .title .parent {
  text-align: center;
}

@media (max-width: 768px) {
  #images .title .parent {
    padding-top: 48px;
  }
}

#images .title h1 {
  padding: 64px 16px 48px;
  text-align: center;
}

#images .title h1.parent {
  padding: 24px 16px 48px;
}

#images .title p:nth-child(1) {
  margin-bottom: 24px;
}

#images .title p:nth-child(2) {
  margin-bottom: 64px;
}

#images .title p:only-child {
  margin-bottom: 64px;
}

@media (max-width: 768px) {
  #images .title h1 {
    margin: 24px 0;
  }

  #images .title p {
    margin-bottom: 25px;
  }
}

#images .page-content {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  /* IE Styles */
}

#images .page-content .page-section {
  padding-top: 64px;
  padding-bottom: 64px;
  margin-bottom: 0px;
}

#images .page-content .ucla-list--bulleted {
  list-style: none;
  line-height: 24px;
  padding-left: 28.5px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#images .page-content ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}

#images .page-content .ucla-list--bulleted li {
  margin-bottom: 16px;
}

#images .page-content li {
  display: list-item;
  text-align: -webkit-match-parent;
}

#images .page-content .ucla-list--bulleted li:last-of-type {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#images .page-content .ucla-list--bulleted li::before {
  content: "\25AA";
  color: #2774ae;
  width: 3em;
  margin-left: -18px;
  padding-right: 13px;
}

#images .page-content li .ucla-list--bulleted li::before {
  font-size: 9px;
  content: "\25A1";
}

#images .page-content .element {
  border-top: 1px solid #999999;
  padding-top: 64px;
}

#images .page-content .element label {
  display: block;
  font-weight: bold;
  padding: 9px 0 16px;
}

#images .page-content .element img {
  border: 1px solid #EBEBEB;
}

#images .page-content .element.top {
  border-top: none;
}

#images .page-content .element h2 {
  margin-bottom: 32px;
}

#images .page-content .element .col-7-13 {
  padding: 0 16px;
}

@media (max-width: 600px) {
  #images .page-content .element {
    padding-top: 25px;
    margin-bottom: 25px;
  }

  #images .page-content .element .col-2 {
    padding: 25px 16px 0;
  }
}

#images .page-content .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
}

#images .page-content #overview .col-1-13 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#images .page-content #overview .col-wide {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
}

#images .page-content .element .col-1-13 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#images .page-content .element .col-1-7 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
}

#images .page-content .element .col-1-9 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
}

#images .page-content .element .col-7-13 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
}

#images .page-content .caption-tip {
  border: 2px solid #999999;
  padding: 16px;
}

#images .page-content .grid-area {
  clear: both;
  margin: 0 auto;
  text-align: left;
}

#images .page-content .grid-area section {
  display: -ms-grid;
  display: grid;
  border-top: 1px solid #999;
  margin: 0 auto;
}

#images .page-content .grid-area section .wrap {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 1rem;
  width: 100%;
}

#images .page-content .grid-area section .wrap h2 {
  margin: 4.5rem 0 2rem 0;
}

#images .page-content .grid-area section.last-row {
  margin-bottom: 4.5rem;
}

#images .page-content .grid-area .row-thumbnails {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  display: -ms-grid;
  display: grid;
  grid-row-gap: 2rem;
  grid-column-gap: 3rem;
  margin: 0;
  max-width: 1200px;
  text-align: left;
}

@media (max-width: 613px) {
  #images .page-content .grid-area .row-thumbnails {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

#images .page-content .grid-area .row-thumbnails .wrap img {
  display: block;
  height: auto;
  margin-bottom: 1.5rem;
  width: 100%;
  border: 1px solid #EBEBEB;
}

@media (max-width: 613px) {
  #images .page-content .grid-area .row-thumbnails .wrap img {
    height: auto;
    width: 100%;
    margin-bottom: .5rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #images .page-content .grid-area .row-thumbnails .wrap {
    padding-right: 16px;
  }
}

#images .page-content .grid-area .row-thumbnails .wrap .good-bad {
  display: block;
  margin-bottom: 8px;
}

#social-media .page-intro p {
  margin-bottom: 24px;
}

#social-media .page-intro ul.unordered-list {
  text-align: left;
  max-width: 765px;
  margin: 0 auto;
  padding-left: 31px;
}

#social-media .padding-top {
  padding-top: 24px;
}

@media (min-width: 768px) {
  #social-media .padding-top {
    padding-top: 75px;
  }
}

@media (max-width: 768px) {
  #molecule .grid-wrapper {
    display: block !important;
  }
}

.jump-nav #backgrounds h3 {
  margin-left: 24px;
}

.jump-nav #backgrounds .grid-3x3 {
  grid-gap: 16px;
}

.jump-nav #backgrounds .grid-3x3 div {
  padding: 0;
}

.jump-nav #backgrounds p {
  max-width: 779px;
}

.jump-nav #backgrounds.element.backgrounds img {
  max-width: 779px;
}

.jump-nav #stock p {
  max-width: 734px;
}

.centennial-celebration .download-title .btn {
  color: #0B6EA6;
  background-color: #FFFFFF;
  padding: 0;
  font-size: inherit;
  text-decoration: underline;
  transition: inherit;
}

.centennial-celebration .download-title .btn.blue:hover:visited,
.centennial-celebration .download-title .btn:visited {
  background: #FFFFFF;
  color: #5223B0;
}

.centennial-celebration .download-title .btn:after {
  display: none;
}

#the-university.page-content {
  padding-top: 50px;
}

.web .normal {
  font-weight: normal;
}

.web .header--design-system a {
  text-decoration: none;
}

.web .header--best-practices a {
  text-decoration: none;
}

@media (min-width: 1024px) {
  .web .header--for-designers {
    margin-top: 38px;
  }

  .web .header--web-page-templates,
  .web .header--themes-distribution {
    margin-top: 41px;
  }

  .web .header--for-developers {
    margin-top: 76px;
  }

  .web .header--resources {
    margin-top: 75px;
  }

  .web .header--header-best-practices {
    margin-top: 38px;
  }

  .web .header--contact-support {
    margin-top: 74px;
  }
}

.web .header.single-column-section-titles .page-content .page-section h2.header--design-system {
  margin-top: 62px;
  margin-bottom: 18px;
}

.design-kit .hero {
  margin-bottom: 24px;
}

@media (min-width: 1024px) {
  .design-kit .hero {
    margin-bottom: 55px;
  }
}

@media (min-width: 1024px) {
  .design-kit .accordion {
    margin-top: 32px;
  }
}

.design-system .page-content .page-section .hero {
  margin-bottom: 30px;
}

.design-system .page-content .page-section .hero img {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .design-system .page-content .page-section .hero {
    margin-bottom: 60px;
  }
}

.design-system .mt-80 {
  margin-top: 80px;
}

.design-system a.callout-link {
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  margin-top: 35px;
}

.design-system a.callout-link:visited {
  color: #00598C !important;
}

.design-system a.callout-link:after {
  content: '';
  display: inline-block;
  background: url("/images/icon/menu-arrow-right.svg") no-repeat;
  width: 25px;
  height: 25px;
  position: relative;
  top: 8px;
  left: 30px;
}

.design-system #roadmap .col-1-11 {
  padding-left: 0;
}

.design-system #roadmap table th {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 15px;
}

.design-system #roadmap table td {
  padding-right: 25px;
  padding-bottom: 15px;
  line-height: 24px;
}

.design-system #roadmap table td + td {
  padding-right: 0px;
  width: 160px;
  white-space: nowrap;
}

.design-system #roadmap hr {
  margin-top: 10px;
  margin-bottom: 20px;
}

.design-system #roadmap img {
  border: none;
}

.design-system #roadmap img.wp-image-18 {
  position: relative;
  top: 5px;
}

@media (min-width: 1024px) {
  .design-system #roadmap table th {
    padding-bottom: 30px;
  }

  .design-system #roadmap table td {
    width: auto;
    padding-right: 89px;
    padding-bottom: 30px;
  }

  .design-system #roadmap table td + td {
    width: 212px;
    padding-right: 0px;
  }

  .design-system #roadmap hr {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .design-system #roadmap img.wp-image-18 {
    margin-right: 15px;
  }
}

.design-system #workshops .col-1-11 {
  padding-left: 0px;
}

.design-system #workshops hr {
  margin-top: 10px;
  margin-bottom: 20px;
}

.design-system #workshops .btn.blue {
  margin-bottom: 15px;
}

.design-system #workshops .btn.blue a {
  text-decoration: none;
  color: #FFF;
}

.design-system #workshops h4 {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .design-system #workshops hr {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .design-system #workshops .btn.blue {
    margin-bottom: 30px;
  }

  .design-system #workshops h4 {
    margin-bottom: 40px;
  }
}

.cms-resources a.callout-link {
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  margin-top: 35px;
}

.cms-resources a.callout-link:visited {
  color: #00598C !important;
}

.cms-resources a.callout-link:after {
  content: '';
  display: inline-block;
  background: url("/images/icon/menu-arrow-right.svg") no-repeat;
  width: 25px;
  height: 25px;
  position: relative;
  top: 8px;
  left: 30px;
}

.cms-resources .mt-80 {
  margin-top: 40px;
}

#application-email-templates .element .btn.blue {
  padding: 0;
  color: #0B6EA6;
  background-color: unset;
  text-decoration: underline;
  font-weight: normal;
}

#application-email-templates .btn.lock::after {
  content: none;
}

#application-email-templates .no-bottom-margin {
  margin-bottom: 0;
}

#application-email-templates .element a {
  line-height: 1.5rem;
}

@media (min-width: 768px) {
  #application-email-templates .element-description {
    height: 145px;
  }
}

#home {
  /* Firefox-Specific Styles */
}

#home .hero {
  position: relative;
  width: 100%;
}

#home .hero .img-wrap .hero-image {
  width: 100%;
}

#home .hero .img-wrap a .play {
  display: inline-block;
  left: 50%;
  padding: 25px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 185px;
}

@media (max-width: 494px) {
  #home .hero .img-wrap a .play {
    width: 130px;
  }
}

#home .h1-wrap {
  margin: -3.7% auto 0 auto;
  max-width: 1200px;
  padding: 0 7% 0 1rem;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 2;
}

@media (max-width: 640px) {
  #home .h1-wrap {
    margin: -30px auto 0 auto;
    padding: 0 1rem;
  }
}

@media (max-width: 494px) {
  #home .h1-wrap {
    margin: 0 auto 0 auto;
  }
}

#home .h1-wrap h1 {
  background: #2774AE;
  color: #FFFFFF;
  display: inline;
  line-height: 4.4rem;
  padding: 0.375rem 1.375rem;
}

@media (max-width: 640px) {
  #home .h1-wrap h1 {
    font-size: 2.5rem;
    line-height: 2.9rem;
  }
}

@media (max-width: 494px) {
  #home .h1-wrap h1 {
    display: inline-block;
  }
}

#home .h1-wrap h1 .part01 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 1rem 0 0;
}

@media (max-width: 494px) {
  #home .h1-wrap h1 .part01 {
    display: inline-block;
    padding: 0 1rem 0 0;
  }
}

#home .h1-wrap h1 .part02 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 0 0 1rem;
}

@media (max-width: 494px) {
  #home .h1-wrap h1 .part02 {
    display: inline;
    padding: 0;
  }
}

@supports (-moz-appearance: none) {
  #home .h1-wrap h1 {
    padding: 0.8rem 1.375rem 0.375rem;
  }
}

#home .page-description {
  clear: both;
  margin: 0 auto 4.5rem auto;
  max-width: 1200px;
  padding: 2rem 0 0 0;
  width: 100%;
}

#home .page-description p {
  max-width: 763px;
  padding: 0 1rem;
  position: relative;
  text-align: left;
}

#home .grid-area {
  clear: both;
  margin: 0 auto;
  text-align: left;
  /* IE STYLE */
}

#home .grid-area .no-border {
  border-top: none;
}

#home .grid-area .description {
  max-width: 763px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #home .grid-area {
    width: 100%;
    max-width: 1200px;
  }
}

#home .grid-area section {
  display: -ms-grid;
  display: grid;
  border-top: 1px solid #999;
  margin: 0 auto;
}

#home .grid-area section .wrap {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 1rem;
  width: 100%;
}

#home .grid-area section .wrap h2 {
  margin: 4.5rem 0 2rem 0;
}

#home .grid-area section.last-row {
  margin-bottom: 4.5rem;
}

#home .grid-area .row-thumbnails {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: -ms-grid;
  display: grid;
  grid-row-gap: 1.625rem;
  grid-column-gap: 2rem;
  margin: 0 auto 3rem auto;
  max-width: 1200px;
  padding: 0 1rem;
  text-align: left;
  /* IE STYLES */
}

@media (max-width: 1167px) {
  #home .grid-area .row-thumbnails {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 897px) {
  #home .grid-area .row-thumbnails {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 613px) {
  #home .grid-area .row-thumbnails {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

#home .grid-area .row-thumbnails .wrap a.h4 {
  color: #2774AE;
  display: inline-block;
  margin-bottom: 1.5rem;
  text-decoration: none;
}

#home .grid-area .row-thumbnails .wrap a.h4:hover {
  background-color: #2774AE;
  color: #FFFFFF;
}

#home .grid-area .row-thumbnails .wrap a.h4:active {
  background-color: #003B5C;
}

#home .grid-area .row-thumbnails .wrap img {
  display: block;
  height: auto;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  width: 100%;
  border: 1px solid #EBEBEB;
}

@media (max-width: 613px) {
  #home .grid-area .row-thumbnails .wrap img {
    height: auto;
    width: 100%;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #home .grid-area .row-thumbnails .wrap {
    padding-right: 16px;
  }
}

#home .grid-area .row-thumbnails #brand-defined-element {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#home .grid-area .row-thumbnails #brand-protection-element {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#home .grid-area .row-thumbnails #accessibility-element {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#home .grid-area .row-thumbnails #edi-element {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#home .grid-area .row-thumbnails #campus-logo-element {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#home .grid-area .row-thumbnails #colors-element {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

@media (max-width: 613px) {
  #home .grid-area .row-thumbnails #colors-element {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

#home .grid-area .row-thumbnails #typography-element {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

@media (max-width: 897px) {
  #home .grid-area .row-thumbnails #typography-element {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

@media (max-width: 613px) {
  #home .grid-area .row-thumbnails #typography-element {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}

#home .grid-area .row-thumbnails #print-item {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#home .grid-area .row-thumbnails #web-item {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

@media (max-width: 613px) {
  #home .grid-area .row-thumbnails #web-item {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

#home .grid-area .row-thumbnails #email-item {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

@media (max-width: 897px) {
  #home .grid-area .row-thumbnails #email-item {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

@media (max-width: 613px) {
  #home .grid-area .row-thumbnails #email-item {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}

#home .grid-area .row-thumbnails #social-media-item {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
}

@media (max-width: 1167px) {
  #home .grid-area .row-thumbnails #social-media-item {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

@media (max-width: 897px) {
  #home .grid-area .row-thumbnails #social-media-item {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}

@media (max-width: 613px) {
  #home .grid-area .row-thumbnails #social-media-item {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}

#home .grid-area .row-thumbnails #video-item {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

@media (max-width: 1167px) {
  #home .grid-area .row-thumbnails #video-item {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}

@media (max-width: 897px) {
  #home .grid-area .row-thumbnails #video-item {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}

@media (max-width: 613px) {
  #home .grid-area .row-thumbnails #video-item {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}

#home .grid-area .row-thumbnails #presentations-item {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

@media (max-width: 1167px) {
  #home .grid-area .row-thumbnails #presentations-item {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
}

@media (max-width: 897px) {
  #home .grid-area .row-thumbnails #presentations-item {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
}

@media (max-width: 613px) {
  #home .grid-area .row-thumbnails #presentations-item {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
  }
}

#home .grid-area .row-thumbnails #glossary-item {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#home .grid-area .row-thumbnails #resources-item {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

@media (max-width: 613px) {
  #home .grid-area .row-thumbnails #resources-item {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

.jump-nav {
  width: 100%;
  padding: 0 0px;
  /* Responsive style specific to Photography and Videography */
  /* IE Styles */
  /* Do Not Section */
}

@media (max-width: 768px) {
  .jump-nav {
    clear: both;
  }
}

.jump-nav .fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

.jump-nav .title {
  background: #EBEBEB;
}

.jump-nav .title .parent {
  padding: 72px 16px 0;
  text-align: center;
}

@media (max-width: 768px) {
  .jump-nav .title .parent {
    padding-top: 48px;
  }
}

.jump-nav .title h1 {
  padding: 72px 16px 72px;
  text-align: center;
}

.jump-nav .title h1.parent {
  padding: 24px 16px 48px;
}

.jump-nav .title .blurb {
  padding: 13px 16px 8px;
}

.jump-nav .title .blurb p {
  margin: 5px 0 23px;
}

.jump-nav .title .jump-nav-links {
  text-align: center;
  width: 100%;
  background: #EBEBEB;
  padding: 0;
}

.jump-nav .title .jump-nav-links ul {
  display: block;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  padding: 16px;
}

.jump-nav .title .jump-nav-links ul li {
  display: inline-block;
}

.jump-nav .title .jump-nav-links ul li a {
  color: #0B6EA6;
  display: inline-block;
  font-weight: bold;
  padding: 8px 16px;
  text-decoration: none;
  cursor: pointer;
}

.jump-nav .title .jump-nav-links ul li a:hover {
  background-color: #0052E0;
  color: #FFFFFF;
}

.jump-nav .title .jump-nav-links ul li a:active,
.jump-nav .title .jump-nav-links ul li a.over {
  background-color: #003B5C;
  color: #FFFFFF;
}

@media (max-width: 768px) {
  .jump-nav .title .jump-nav-links {
    display: none;
  }
}

.jump-nav .element {
  border-top: 1px solid #999999;
  padding-top: 72px;
  margin: 0 0 48px;
}

.jump-nav .element.no-border-top {
  border-top: none;
}

.jump-nav .element.top {
  border-top: none;
}

.jump-nav .element.top h2 {
  padding: 0 16px;
}

.jump-nav .element.last-row {
  margin-bottom: 72px;
}

.jump-nav .element h2 {
  padding: 0 16px;
  margin-bottom: 32px;
}

.jump-nav .element h2.dble-gutter {
  padding: 0 32px;
}

.jump-nav .element h3 {
  margin-bottom: 24px;
}

.jump-nav .element label {
  display: block;
  font-weight: bold;
  padding: 9px 0 16px;
}

.jump-nav .element .btn {
  clear: both;
  display: inline-block;
}

.jump-nav .element img {
  display: block;
  max-width: 568px;
  width: 100%;
  height: auto;
  border: 1px solid #EBEBEB;
}

.jump-nav .element .margin-spacer {
  margin-top: 8px;
}

.jump-nav .element .col-wide {
  padding: 0 16px;
}

.jump-nav .element .col-1-9 {
  padding: 0 16px;
}

.jump-nav .element .no-left-right-padding {
  padding: 0;
}

.jump-nav .element .col-7-13 {
  padding: 0 16px;
}

.jump-nav .element .grid-3x3 p {
  margin-top: 16px;
}

.jump-nav .element.backgrounds .btn {
  margin-top: 25px;
}

.jump-nav .element.download {
  border-top: 0px;
  background-color: #EBEBEB;
  margin-bottom: 0px;
  padding-bottom: 72px;
}

.jump-nav .element.download .btn {
  margin-top: 25px;
  margin-bottom: 5px;
}

.jump-nav .element.download .col-wide {
  padding: 0px 16px 0;
}

.jump-nav .element.download .col-wide select#color {
  display: block;
  margin-bottom: 40px;
}

.jump-nav .element.download .col-wide label {
  cursor: pointer;
  display: inline;
  font-weight: normal;
}

.jump-nav .element.download .col-wide label[for="color"] {
  font-weight: bold;
  display: block;
}

@media (max-width: 768px) {
  .jump-nav .element.download {
    padding-bottom: 25px;
  }
}

@media (max-width: 768px) {
  .jump-nav .element {
    padding-top: 25px;
    margin-bottom: 25px;
  }

  .jump-nav .element .col-1-7 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-column-start: 1;
    /* autoprefixer: off */
    grid-column-end: 13;
    grid-row-start: 2;
    /* autoprefixer: off */
    grid-row-end: 3;
  }

  .jump-nav .element .col-7-13 {
    margin-top: 30px;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-column-start: 1;
    /* autoprefixer: off */
    grid-column-end: 13;
    grid-row-start: 3;
    /* autoprefixer: off */
    grid-row-end: 4;
  }
}

.jump-nav .wrapper {
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  max-width: 1200px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
}

@media (max-width: 767.98px) {
  .jump-nav.photo-and-videography h1 {
    font-size: 3rem;
    line-height: 3.75rem;
  }
}

.jump-nav .title .col-1-13:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.jump-nav .title .col-1-13:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
}

.jump-nav .title .col-1-13:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
}

.jump-nav .element .col-1-13 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.jump-nav .element .col-1-7 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
}

.jump-nav .element .col-1-9 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
}

.jump-nav .element .col-7-13 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
}

.jump-nav #request .grid-wrapper > :nth-child(1),
.jump-nav #downloads .grid-wrapper > :nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.jump-nav #request .grid-wrapper > :nth-child(2),
.jump-nav #downloads .grid-wrapper > :nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
}

.jump-nav #request .grid-wrapper > :nth-child(3),
.jump-nav #downloads .grid-wrapper > :nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
}

.jump-nav #request .grid-wrapper > :nth-child(4),
.jump-nav #downloads .grid-wrapper > :nth-child(4) {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
}

.jump-nav #do-not h2.col-1-13 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.jump-nav #do-not p.col-1-13 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
}

.jump-nav #do-not div.col-1-13 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
}

.jump-nav #do-not .grid-3x3 div {
  /* Row 1 */
  /* Row 2 */
  /* Row 3 */
}

.jump-nav #do-not .grid-3x3 div:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.jump-nav #do-not .grid-3x3 div:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

.jump-nav #do-not .grid-3x3 div:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.jump-nav #do-not .grid-3x3 div:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.jump-nav #do-not .grid-3x3 div:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

.jump-nav #do-not .grid-3x3 div:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.jump-nav #do-not .grid-3x3 div:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.jump-nav #do-not .grid-3x3 div:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

.jump-nav #do-not .grid-3x3 div:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

#landing-page {
  width: 100%;
  padding: 0 0px;
}

@media (max-width: 768px) {
  #landing-page {
    clear: both;
  }
}

#landing-page .title {
  background: #EBEBEB;
}

#landing-page .title .parent {
  text-align: center;
}

@media (max-width: 768px) {
  #landing-page .title .parent {
    padding-top: 48px;
  }
}

#landing-page .title h1 {
  padding: 75px 16px 75px;
  text-align: center;
}

#landing-page .title h1.parent {
  padding: 24px 16px 48px;
}

#landing-page .title p:nth-child(1) {
  margin-bottom: 24px;
}

#landing-page .title p:nth-child(2) {
  margin-bottom: 64px;
}

#landing-page .title p:only-child {
  margin-bottom: 64px;
}

@media (max-width: 768px) {
  #landing-page .title h1 {
    margin: 24px 0;
  }

  #landing-page .title p {
    margin-bottom: 25px;
  }
}

#landing-page .page-content {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  /* IE Styles */
}

#landing-page .page-content .page-section {
  padding-top: 64px;
  padding-bottom: 64px;
  margin-bottom: 0px;
}

#landing-page .page-content .page-section .page-overview {
  padding-bottom: 32px;
}

#landing-page .page-content .page-section .grid-area {
  clear: both;
  margin: 0 auto;
  text-align: left;
  margin-bottom: -24px;
  /* IE STYLE */
}

#landing-page .page-content .page-section .grid-area .no-border {
  border-top: none;
}

#landing-page .page-content .page-section .grid-area .description {
  max-width: 763px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #landing-page .page-content .page-section .grid-area {
    width: 100%;
    max-width: 1200px;
  }
}

#landing-page .page-content .page-section .grid-area section {
  display: -ms-grid;
  display: grid;
  border-top: 1px solid #999;
  margin: 0 auto;
}

#landing-page .page-content .page-section .grid-area section .wrap {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 1rem;
  width: 100%;
}

#landing-page .page-content .page-section .grid-area section .wrap h2 {
  margin: 4.5rem 0 2rem 0;
}

#landing-page .page-content .page-section .grid-area section.last-row {
  margin-bottom: 4.5rem;
}

#landing-page .page-content .page-section .grid-area .row-thumbnails {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  display: -ms-grid;
  display: grid;
  grid-row-gap: 1.625rem;
  grid-column-gap: 2rem;
  margin: 0;
  max-width: 1200px;
  text-align: left;
  /* IE STYLES */
}

@media (max-width: 613px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

#landing-page .page-content .page-section .grid-area .row-thumbnails .wrap a.h4 {
  color: #2774AE;
  display: inline-block;
  margin-bottom: 1.5rem;
  text-decoration: none;
}

#landing-page .page-content .page-section .grid-area .row-thumbnails .wrap a.h4:hover {
  background-color: #2774AE;
  color: #FFFFFF;
}

#landing-page .page-content .page-section .grid-area .row-thumbnails .wrap a.h4:active {
  background-color: #003B5C;
}

#landing-page .page-content .page-section .grid-area .row-thumbnails .wrap a {
  text-decoration: none;
}

#landing-page .page-content .page-section .grid-area .row-thumbnails .wrap a > .h4 {
  margin-bottom: 1.5rem;
}

#landing-page .page-content .page-section .grid-area .row-thumbnails .wrap img {
  display: block;
  height: auto;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  width: 100%;
  border: 1px solid #EBEBEB;
}

@media (max-width: 613px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails .wrap img {
    height: auto;
    width: 100%;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails .wrap {
    padding-right: 16px;
  }
}

#landing-page .page-content .page-section .grid-area .row-thumbnails #brand-defined-element {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#landing-page .page-content .page-section .grid-area .row-thumbnails #brand-protection-element {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#landing-page .page-content .page-section .grid-area .row-thumbnails #accessibility-element {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#landing-page .page-content .page-section .grid-area .row-thumbnails #edi-element {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#landing-page .page-content .page-section .grid-area .row-thumbnails #campus-logo-element {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#landing-page .page-content .page-section .grid-area .row-thumbnails #colors-element {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

@media (max-width: 613px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #colors-element {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

#landing-page .page-content .page-section .grid-area .row-thumbnails #typography-element {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

@media (max-width: 897px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #typography-element {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

@media (max-width: 613px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #typography-element {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}

#landing-page .page-content .page-section .grid-area .row-thumbnails #print-item {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#landing-page .page-content .page-section .grid-area .row-thumbnails #web-item {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

@media (max-width: 613px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #web-item {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

#landing-page .page-content .page-section .grid-area .row-thumbnails #email-item {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

@media (max-width: 897px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #email-item {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

@media (max-width: 613px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #email-item {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}

#landing-page .page-content .page-section .grid-area .row-thumbnails #social-media-item {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
}

@media (max-width: 1167px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #social-media-item {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

@media (max-width: 897px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #social-media-item {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}

@media (max-width: 613px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #social-media-item {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}

#landing-page .page-content .page-section .grid-area .row-thumbnails #video-item {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

@media (max-width: 1167px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #video-item {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}

@media (max-width: 897px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #video-item {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}

@media (max-width: 613px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #video-item {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}

#landing-page .page-content .page-section .grid-area .row-thumbnails #presentations-item {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

@media (max-width: 1167px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #presentations-item {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
}

@media (max-width: 897px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #presentations-item {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
}

@media (max-width: 613px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #presentations-item {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
  }
}

#landing-page .page-content .page-section .grid-area .row-thumbnails #glossary-item {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#landing-page .page-content .page-section .grid-area .row-thumbnails #resources-item {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

@media (max-width: 613px) {
  #landing-page .page-content .page-section .grid-area .row-thumbnails #resources-item {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

#landing-page .page-content .element {
  border-top: 1px solid #999999;
}

#landing-page .page-content .element label {
  display: block;
  font-weight: bold;
  padding: 9px 0 16px;
}

#landing-page .page-content .element img {
  border: 1px solid #EBEBEB;
}

#landing-page .page-content .element.top {
  border-top: none;
}

#landing-page .page-content .element h2 {
  margin-bottom: 32px;
}

#landing-page .page-content .element .col-7-13 {
  padding: 0 16px;
}

@media (max-width: 600px) {
  #landing-page .page-content .element {
    padding-top: 25px;
    margin-bottom: 25px;
  }

  #landing-page .page-content .element .col-2 {
    padding: 25px 16px 0;
  }
}

#landing-page .page-content img {
  border: 1px solid #EBEBEB;
}

#landing-page .page-content .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
}

#landing-page .page-content #overview .col-1-13 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#landing-page .page-content #overview .col-wide {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
}

#landing-page .page-content .element .col-1-13 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#landing-page .page-content .element .col-1-7 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
}

#landing-page .page-content .element .col-1-9 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
}

#landing-page .page-content .element .col-7-13 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
}

#landing-page .color-tip {
  border: 2px solid #999999;
  padding: 16px;
  margin-bottom: 0px;
}

@media (max-width: 1023.98px) {
  .single-column {
    display: inline-block;
  }
}

.single-column .page-intro {
  width: 100%;
  padding: 72px 0;
  background: #EBEBEB;
  text-align: center;
}

@media (max-width: 1023.98px) {
  .single-column .page-intro {
    width: 100%;
    padding: 10% 15%;
  }
}

@media (max-width: 767.98px) {
  .single-column .page-intro {
    padding: 10% 8%;
  }
}

.single-column .page-intro .no-margin,
.single-column .page-intro .btn {
  margin-top: 0;
  margin-bottom: 0;
}

.single-column .page-intro h1.parent {
  padding: 32px 16px 0px;
}

.single-column .page-intro p {
  width: 765px;
  text-align: left;
}

@media (max-width: 1023.98px) {
  .single-column .page-intro p {
    width: 100%;
  }
}

.single-column .page-overview p {
  font-size: 1.5rem;
  font-weight: 350;
  line-height: 2rem;
}

.single-column .page-content {
  padding: 72px 0;
  margin: 0 auto;
  width: 765px;
}

.single-column .page-content.top-border {
  border-top: 1px solid #EBEBEB;
}

.single-column .page-content.no-top-border {
  border-top: none;
}

.single-column .page-content.no-bottom-padding {
  padding-bottom: 0;
}

.single-column .page-content.half-padding-top {
  padding-top: 35px;
}

@media (max-width: 1023.98px) {
  .single-column .page-content {
    width: 100%;
    padding: 10% 15%;
  }
}

@media (max-width: 767.98px) {
  .single-column .page-content {
    padding: 10% 8%;
  }
}

.single-column .page-content h2 {
  margin-bottom: 32px;
}

.single-column .page-content h4 {
  margin-bottom: 16px;
}

.single-column .page-content p:last-child {
  margin-bottom: 0;
}

.single-column .page-content img {
  display: block;
  max-width: 765px;
  width: 100%;
  height: auto;
  border: 1px solid #EBEBEB;
}

@media (min-width: 768px) {
  .single-column .page-content .no-right-padding {
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .single-column .page-content .no-left-padding {
    padding-left: 0;
  }
}

.single-column .page-content .no-bottom-margin {
  margin-bottom: 0;
}

@media (max-width: 1023.98px) {
  .single-column-section-titles {
    display: inline-block;
  }
}

.single-column-section-titles .page-intro {
  width: 100%;
  padding: 72px 0;
  background: #EBEBEB;
  text-align: center;
}

@media (max-width: 1023.98px) {
  .single-column-section-titles .page-intro {
    width: 100%;
    padding: 10% 15%;
  }
}

@media (max-width: 767.98px) {
  .single-column-section-titles .page-intro {
    padding: 10% 8%;
  }
}

.single-column-section-titles .page-intro .btn {
  margin-top: 0;
  margin-bottom: 10px;
}

.single-column-section-titles .page-intro h1 {
  margin-bottom: 48px;
}

.single-column-section-titles .page-intro h1:only-child {
  margin-bottom: 0;
}

.single-column-section-titles .page-intro p {
  margin: 0px auto 24px auto;
  width: 765px;
  text-align: left;
}

.single-column-section-titles .page-intro p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023.98px) {
  .single-column-section-titles .page-intro p {
    width: 100%;
  }
}

.single-column-section-titles .page-overview.no-margin-bottom,
.single-column-section-titles .page-overview .no-margin-bottom {
  margin-bottom: 0;
}

.single-column-section-titles .page-overview p {
  font-size: 1.7rem;
  font-weight: 350;
  line-height: 2rem;
}

.single-column-section-titles .page-overview p.smaller-title {
  font-size: 1.5rem;
}

.single-column-section-titles ol.start-7 {
  counter-reset: item 6;
}

.single-column-section-titles .top-padding {
  padding-top: 22px;
}

.single-column-section-titles .grid-wrapper .col-7-13 img {
  display: block;
}

.single-column-section-titles .standard-signature-template {
  margin-left: 5%;
}

.single-column-section-titles .page-content {
  width: 100%;
  padding: 72px 0;
  border-bottom: 1px solid #999;
}

.single-column-section-titles .page-content:last-child {
  border-bottom: none;
}

.single-column-section-titles .page-content.no-border {
  border-bottom: none;
}

.single-column-section-titles .page-content.no-bottom-padding {
  padding-bottom: 0;
}

.single-column-section-titles .page-content.no-top-padding {
  padding-top: 0;
}

.single-column-section-titles .page-content.no-margin-bottom {
  margin-bottom: 0;
}

.single-column-section-titles .page-content.top-padding {
  padding-top: 22px;
}

@media (max-width: 1023.98px) {
  .single-column-section-titles .page-content {
    padding: 10% 15%;
  }
}

@media (max-width: 767.98px) {
  .single-column-section-titles .page-content {
    padding: 10% 8%;
  }
}

.single-column-section-titles .page-content .page-section {
  margin: 0 auto;
  width: 887px;
}

.single-column-section-titles .page-content .page-section:last-child {
  margin-bottom: 24px;
}

.single-column-section-titles .page-content .page-section.page-overview {
  margin-bottom: 0;
}

.single-column-section-titles .page-content .page-section.no-margin-bottom,
.single-column-section-titles .page-content .page-section .no-margin-bottom {
  margin-bottom: 0;
}

.single-column-section-titles .page-content .page-section .two-col a:link,
.single-column-section-titles .page-content .page-section a:visited {
  color: #0B6EA6;
  text-decoration: none;
}

.single-column-section-titles .page-content .page-section .two-col a:hover,
.single-column-section-titles .page-content .page-section a:focus {
  color: white;
}

.single-column-section-titles .page-content .page-section a:hover {
  background-color: #0052E0;
  color: #FFFFFF !important;
}

.single-column-section-titles .page-content .page-section a:active,
.single-column-section-titles .page-content .page-section a.over {
  background-color: #003B5C;
  color: #FFFFFF !important;
}

.single-column-section-titles .page-content .page-section a:visited {
  color: #5223B0;
}

.single-column-section-titles .page-content .page-section a:focus {
  color: #0B6EA6;
}

@media (max-width: 1023.98px) {
  .single-column-section-titles .page-content .page-section {
    width: 100%;
  }
}

.single-column-section-titles .page-content .page-section h2 {
  margin-bottom: 32px;
}

.single-column-section-titles .page-content .page-section h3 {
  margin-bottom: 24px;
}

.single-column-section-titles .page-content .page-section h4 {
  margin-bottom: 8px;
}

.single-column-section-titles .page-content .page-section img {
  max-width: 765px;
  height: auto;
  border: 1px solid #EBEBEB;
}

.single-column-section-titles .page-content .page-section img.no-border {
  border: none;
}

.single-column-section-titles .page-content .page-section img.small-image {
  max-width: 115px;
}

@media (max-width: 1023.98px) {
  .single-column-section-titles .page-content .page-section img {
    max-width: 100%;
  }
}

.single-column-section-titles .page-content .page-section label {
  display: block;
  font-weight: bold;
  padding: 9px 0 16px;
}

.single-column-section-titles .page-content .page-section p:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .single-column-section-titles.web-landing .page-overview p {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }

  .single-column-section-titles.web-landing .page-intro {
    padding: 96px 0;
  }

  .single-column-section-titles.web-landing h3:last-of-type {
    padding-top: 60px;
  }
}

.single-column-section-titles .touch-targets-image-container {
  padding-bottom: 24px;
}

.single-column-section-titles.resources .btn.blue {
  margin-bottom: 64px;
}

.single-column-section-titles.resources .page-content {
  padding-bottom: 34px;
}

.element.no-access {
  padding-top: 70px;
  padding-bottom: 80px;
}

.element.no-access h2 {
  margin-bottom: 30px;
}