<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

/* PARALLAX BACKGROUNDS */
.t-bgImgPanel {
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
}

.t-prlxDotsOnGold {
    background-color: #cfb87c;
}
@media only screen and (min-width: 992px) {
.t-prlxDotsOnGold {
    background-image: url("https://www.ucdenver.edu/images/librariesprovider301/backgrounds/specks-gold.jpg");
	background-position: center;
    background-repeat: repeat;
	    background-size: contain;
}	
	
}
.t-prlxWhiteScribbs {
    background-image: url("https://www.ucdenver.edu/images/librariesprovider301/2030/scribbles_bg.png");
	background-position: center;
    background-repeat: repeat;
	    background-size: contain;
}
.t-prlxWhiteScribbs2 {
    background-image: url("https://www.ucdenver.edu/images/librariesprovider301/2030/backgrounds/scribbles2.png");
	background-position: center;
    background-repeat: repeat;
	    background-size: contain;
}

/* PARALLAX HERO VIDEOS &amp; IMAGES */
.t-parallax-box {
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}
.t-parallax-content {
  position: absolute;
  z-index: -1;
  width: 120%;
}


/* HERO IMAGE AMENDMENTS */

/*
.y-center .heroImage_button {
  text-align: center;
}
.y-center .heroImage_button a {
  float: none;
}
.t-heroImage_textBox.template-7 {
  padding: 30px;
}
*/
 .heroImage_textBox .h1 {
    font-size: 3.5rem;
  }
@media (max-width: 578px) {
  .heroImage_textBox .h1 {
    font-size: 2.3rem;
  }
}


/* SPECIAL BACKGROUND COLORS */
.bg-spec1 {
  background-color: #7d8fb3;
  /*  pulled from strat plan report */
}
.bg-spec2 {
  background-color: #38c5b5;
  /*  pulled from old The DEN comps */
}
.bg-CU_ltGrey {
  background-color: #9EA1A2;
  /*  pulled from old The DEN comps */
}

/* Big Hero Enahanced Card: New Enhanced Card style that increases padding around content area and it's postion. */
/* Make it 100% width */
.t-encardBigHeroRt .t-enhancedCardHero, .t-encardBigHeroRt .t-enhancedCardMediaHero {
  max-width: inherit;
  flex: auto;
}
/* Remove border &amp; spacing around enhanced card */
.t-encardBigHeroRt .t-enhancedCard {
  border: none;
  padding: 0;
  margin: 0;
}
.t-encardBigHeroRt .t-enhancedCardHero .t-mainCardContentSecond h3 {
  font-family: HelveticaNeueLTW05-45Light, "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 32px;
}
.t-encardBigHeroRt .t-enhancedCardHero .t-mainCardContentSecond {
  background: rgba(255, 255, 255, 0.85);
  padding: 30px;
  color: black;
  margin-top: 200px;
  margin-bottom: 30px;
}
/* Remove margin around interior card deck of BigHero */
.t-encardBigHeroRt .t-cardDeck {
  margin: 0;
}
/* BigHero Hover state */
.t-encardBigHeroRt .t-enhancedCardHero .t-fullCardLink:hover ~ .t-mainCardContent &gt; .t-mainCardContentSecond {
  background: rgba(255, 255, 255, 0.9);
}
/* Set spacing and position Big Hero Enhanced card content area (on desktop only) */
@media only screen and (min-width: 992px) {
  /* Right align content */
  .t-encardBigHeroRt .t-mainCardContentSecond {
    margin: 80px;
    margin-left: auto;
    margin-right: 16.67%;
    max-width: 25%;
  }
  /* Left align content */
  .t-encardBigHeroLf .t-mainCardContentSecond {
    margin: 80px;
    margin-right: auto;
    margin-left: 16.67%;
    max-width: 25%;
  }
}
/***************************/
/* Add extra padding around w-100 Enhanced Card widgets w hero background image, but only on large screens */
@media only screen and (min-width: 992px) {
  .w-100 .t-enhancedCardHero .t-mainCardContentSecond {
    padding: 30px;
  }
  .t-encardBigHeroRt .t-enhancedCardHero .t-mainCardContentSecond {
    margin-top: 60px;
    margin-bottom: 200px;
  }
}
.t-contentThin {
  font-family: HelveticaNeueLTW05-35Thin, HelveticaNeueLTW05-45Light, "Source Sans Pro", Helvetica, Arial, sans-serif;
  line-height: inherit;
}
/* Enhanced Cards with better typography */
.t-ehancedCard-lightFont .t-enhancedCard h3 {
  font-family: HelveticaNeueLTW05-55Roman, "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 60px;
  font-weight: bold;
}
.t-ehancedCard-lightFont .t-enhancedCard .t-mainCardContent .t-mainCardContentText {
  padding: 10px 20px;
}
.t-ehancedCard-lightFont .t-enhancedCard h4 {
  font-family: HelveticaNeueLTW05-45Light, "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 24px;
}
.t-largeEnhancedCards .t-enhancedCard.t-enhancedCardDefault {
  margin: 10px;
}
.t-largeEnhancedCards .t-enhancedCard.t-enhancedCardDefault {
  flex: 0 1 357px !important;
}
/* FIX: remove grey background behind media divs in Enhanced Cards */
.t-enhancedCardHorizontalMedia .t-mainCardContentMedia {
	background-color:inherit;
}
/* ADJUST: reduce font size on Enhanced Cards with 't-enhancedCardNewsEvents' applied to parent widget, increase padding under image on 'vertical clickable hero' within 'imagezoom' parent. */
.t-enhancedCardNewsEvents h3 {
	font-size: 1.15rem;
    line-height: 23px;
}
.t-enhancedCardNewsEvents .t-enhancedCardMediaHero .t-image {margin-bottom:10px;}
.t-enhancedCardNewsEvents .t-enhancedCardMediaHero {flex:auto; max-width: 100%;}

@media only screen and (max-width: 991px) {
  .t-numberGrid .border-dark {
    border: none !important;
  }
}
/* Blockquotes */
.t-contentBlock blockquote::before {
  color: #ffffff6e;
  content: open-quote;
  font-size: 20em;
  line-height: 0;
  position: relative;
  right: -90%;
  z-index: 0;
  padding-top: 0;
  margin: 0;
  top: 100px;
  display: flex;
}
.t-contentBlock blockquote {
  border: none;
}
.t-blockquoteBackground {
  background-image: url('https://www1.ucdenver.edu/images/librariesprovider182/default-album/block-quotes---background-image.png?sfvrsn=32eabcb9_2');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/* Big Numbered List */
.t-numberListBig h3 {
  margin-top: 10px;
}
/* Remove padding &amp; margin on breadcrumbs container and ankle */
.t-breadCrumbContainer .row { padding-bottom:0 !important;}
.ankle.t-ankle {margin-top:0;}

/* FANCY CARD FLIP BOXES */
/* ADJUST FLIP BOX H3 PADDING ON MOBILE */
.flip-box .t-image h3 {
  padding: 0 8px;
}
/* ADD FLIP BOX STYLING ONLY ON DESKTOP, AND IF REDUCED MOTION NOT SELECTED */
@media (min-width: 1400px) and (prefers-reduced-motion: no-preference) {
  .flip-boxes {
    justify-content: center;
  }
  .flip-box {
    display: flex;
    align-content: stretch;
    min-height: 300px;
    flex-wrap: wrap;
    position: relative;
    border: 10px solid transparent;
    padding: 0;
    border-top: 0;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .flip-box:hover .back, .flip-box:focus-within .back{
    transform: rotateY(0deg);
    z-index: 10;
  }
  .flip-box:hover .front, .flip-box:focus-within .front {
    transform: rotateY(180deg);
    z-index: -1;
  }
  .flip-box .back, .flip-box .front {
    position: relative;
    color: white;
    display: flex;
    justify-content: center;
    align-content: center;
    flex: 0 0 100%;
    -webkit-transition: all 1s cubic-bezier(0.5, 1, 0.5, 1);
    transition: all 1s cubic-bezier(0.5, 1.3, 0.5, 1.3);
    transform-style: preserve-3d;
    background-size: cover;
    background-position: center;
    border: 1px solid #333333;
  }
  .flip-box .back {
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    transform: rotateY(-180deg);
	  border: 1px solid #333333;
  }
  .flip-box .back:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 25px solid rgba(255, 255, 255, 0);
    border-left: 25px solid #ffffff;
  }
  .flip-box .front {
    z-index: 10;
    background-color: #cfb87c;
  }
  .flip-box .front .content {
    text-transform: uppercase;
  }
  .flip-box .front .h2 {
    font-size: 2.5rem;
  }
  .flip-box .front .h3 {
    font-size: 2rem;
  }
  .flip-box .front .h4 {
    font-size: 1.75rem;
  }
  .flip-box .front:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 25px solid rgba(255, 255, 255, .5);
    border-right: 25px solid rgba(0, 0, 0, .3);
    -webkit-box-shadow: -5px -5px 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -5px -5px 15px rgba(0, 0, 0, 0.3);
    box-shadow: -5px -5px 15px rgba(0, 0, 0, 0.3);
  }
  .flip-box .content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    padding: 30px;
  }
  .flip-box .front .content.shadow {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(0 0 0 / 75%);
    text-shadow: 5px 5px 40px black;
  }
  .flip-box .content p {
    padding: 15px;
    color: black;
    text-align: center;
    text-shadow: 0px 0px 0px;
  }
  .flip-box .content .ctaButton {
    text-shadow: 0px 0px 0px;
    margin: 10px auto 20px auto;
    font-size: 18px;
    font-weight: bold;
  }
  /* STANDARD CARD FLIP BOXES */

  .flip-box.stnd .back, .flip-box.stnd .front {
    color: #000000;
    border: 1px solid #333333;
  }
  .flip-box.stnd .card-body {
	  display: inline-block;
    padding: 30px;
    text-align: center;
    align-items: center;
    align-self: center;
  }
  .flip-box.stnd .card-body p {
    font-size: 16px;
  }
  .flip-box.stnd .card-body .btn {
    font-size: 18px;
    font-weight: bold;
    border-radius: 3px;
  }
  .flip-box.stnd h3 {
    font-size: 1.1rem;
    padding: 0 15px;
    text-align: center;
  }
}


/* STYLE FOR CARD IMAGE ZOOMS */


	.imagezoom .t-cardHeroWrap  {
   transition: background-size 2s ease-in-out;
   background-size: 100% !important; 
}
@media (prefers-reduced-motion: no-preference) {
.imagezoom .t-cardHeroWrap:hover {
   background-size: 120% !important;
}}

.imagezoomout .t-cardHeroWrap  {
   transition: background-size 2s ease-in-out;
   background-size: 120% !important; 
}

.imagezoomout .t-cardHeroWrap:hover {
   background-size: 100% !important;
}
/* Normal Image Hover Zoom */

.imagezoom .t-image, .imagezoomout .t-image{
    overflow: hidden;
    padding: 0;
    float:left;

}
.imagezoom .t-image img {
    transition-duration: 4s;
    margin: 0 auto;
    display: block;
}
@media (prefers-reduced-motion: no-preference) {
.imagezoom .t-image img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    z-index: 0;
}
.imagezoom .t-fullCardLink:hover ~ .t-mainCardContent .t-image img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    z-index: 0;
}

.imagezoomout .t-image img:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    z-index: 0;
}}

.imagezoomout .t-image img{
  transition-duration: 4s;
    margin: 0 auto;
    display: block;
  transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}
</pre></body></html>