.event-intro, .event-content p, .event-content li, .event-content .caption, .event-content .cc-caption {
  font-size: 16px;
  color    : #333333;
}
.cc-full .title {
  color: #000!important;
}

/* --- B L O C K S --- */
.arrow-down {
  display             : inline-block;
  width               : 0;
  height              : 0;
  border-left         : 20px solid transparent;
  border-right        : 20px solid transparent;
  border-top          : 20px solid #EEE;
  z-index             : 1000;
}

#entity-subsite-title a {
  text-transform: none !important;
}
#college-proof-points-container { margin-top: auto !important; }

.IMP {
  color               : #AD3C98;
  font-weight         : 600;
}
.IMP-2 {
  color               : #FF8800;
  font-weight         : 600;
}
.BIG-IMP {
  color               : #FFF;
  font-weight         : 600;
  font-size           : 1.50em;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25);
}
.XS-text, .SM-text, .MD-text, .LG-text, .XL-text {
  color                   : #FFF;
}
.ONE-SIZE {
  height                  : 0;
  overflow                : hidden;
  padding-bottom          : 56.25%;
  position                : relative;
}
.CALLOUT-intro {
  color                   : #000;
  font-style              : italic;
  padding-top             : 0;
  text-align              : left;
}
.CALLOUT-title {
  color                   : #000;
  font-weight             : 600;
  margin                  : 1.0rem;
}

.TUTORIAL-BOX, .EXAMPLE-BOX, .HEADER-BOX {
  background-color        : #EEE;
  padding                 : 30px;
  width                   : 100%;
}
.HEADER-BOX {
  background              : #635B4A;
  box-shadow              : inset 0 6px 12px rgba(0, 0, 0, 0.15);
  padding-top             : 0;
}
.CODE-BOX {
  background-color        : #FFF;
  border                  : 2px dotted #DDD;
  border-radius           : 6px;
  display                 : block;
  margin-bottom           : 30px;
  padding                 : 30px;
  text-align              : left;
  width                   : 100%;
}
.TUTORIAL-BOX .SM-text {
  color                   : #666;
}
.EXAMPLE-BOX {
  margin-top              : 0;
  padding-top             : 0;
}

/* ********************* */
/* *** D E F A U L T *** */
/* ********************* */
.PADDED         { padding-left: 30px; padding-right: 30px; }
.XS-text        { font-size: 1.00em; }
.SM-text        { font-size: 1.00em; }
.MD-text        { font-size: 1.00em; }
.LG-text        { font-size: 1.15em; }
.XL-text        { font-size: 1.35em; }
.SHADOW-text    { text-shadow: 0px 2px 2px rgba(0, 0, 0, 1); }
.EXPANDER-links { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; bottom: 0; color: #FFF; height: auto; margin: 0; padding: 0; padding-bottom: 9px; padding-top: 9px; top: auto; }
.EXPANDER-box   { height: 625px; }
.BANNER-box     { background-position: center; background-size: cover; padding: 0; }
.GLASS          { background: rgba(0, 0, 0, 0.45); border-top: 2px solid rgba(0, 0, 0, 0.65); bottom: 0; padding: 0; position: absolute; text-align: center; }
.OBSIDIAN       { background: #000; padding: 0; text-align: center; }
.BUTTON,
.BUTTON-ACTIVE  { border: 2px solid #C28E0E; color: #FFF !important; font-size: 1.15em; font-weight: 400; margin: 5px; padding: 8px 10px 6px 10px; text-transform: uppercase; text-align: center; }
.BUTTON-ACTIVE  { background: #444444; }
.BUTTON-BLACK   { border: 2px solid #C28E0E; color: #000 !important; font-size: 1.05em; font-weight: 400; margin: 5px; padding: 8px 30px 6px 30px; text-transform: uppercase; text-align: center; }
.BUTTON-BLACK:hover,
.BUTTON:hover,
.BUTTON-ACTIVE:hover { background: #C28E0E; color: #FFF !important; text-decoration: none; }

/* ***************** */
/* *** S M A L L *** */
/* ***************** */

@media (min-width: 576px) {
  .XS-text        { font-size  : 1.00em; }
  .SM-text        { font-size  : 1.00em; }
  .MD-text        { font-size  : 1.15em; }
  .LG-text        { font-size  : 1.35em; }
  .XL-text        { font-size  : 1.60em; }
  .EXPANDER-links { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
  .EXPANDER-box   { height: 350px; }
}

/* ******************* */
/* *** M E D I U M *** */
/* ******************* */

@media (min-width: 768px) {
  .XS-text      { font-size : 1.00em; }
  .SM-text      { font-size : 1.15em; }
  .MD-text      { font-size : 1.35em; }
  .LG-text      { font-size : 1.60em; }
  .XL-text      { font-size : 1.90em; }
  .EXPANDER-box { height: 425px; }
}

/* ***************** */
/* *** L A R G E *** */
/* ***************** */

@media (min-width: 992px) {
  .XS-text      { font-size : 1.15em; }
  .SM-text      { font-size : 1.35em; }
  .MD-text      { font-size : 1.60em; }
  .LG-text      { font-size : 1.90em; }
  .XL-text      { font-size : 2.35em; }
  .EXPANDER-box { height: 550px; }
}

/* ***************************** */
/* *** E X T R A - L A R G E *** */
/* ***************************** */

@media (min-width: 1200px) {
  .XS-text      { font-size : 1.25em; }
  .SM-text      { font-size : 1.50em; }
  .MD-text      { font-size : 1.80em; }
  .LG-text      { font-size : 2.65em; }
  .XL-text      { font-size : 2.75em; }
  .EXPANDER-box { height: 625px; }
}

/* --- End B L O C K S --- */

/* --- C C --- */
.cc-hidden { display: none; }
.cc-xl-push { margin-top: 30px; }
.billboard-container .date { color: #999; font-size: 0.75rem; width: 100%; }
.billboard-container .intro { color: #FFF; padding: 0 20px; }
.billboard-container .title { color: #FFF; font-size: 1.5rem !important; padding: 0 20px; }
.billboard-container-text { bottom: 0px; margin-bottom: 20px; position: absolute; text-align: center; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); text-decoration: none; width: 100%; }
.dark-spacer { background: #333; height: 9px; }
.news .date { color: #999; font-size: 0.75rem; padding-left: 1rem; padding-right: 1rem; }
.events .event { margin-left: 0; margin-bottom: 0; }
.news .image { margin-bottom: 1rem; width: 100%; }
.news .intro { padding-left: 1rem; padding-right: 1rem; }
.news .title { margin-bottom: 0; padding-left: 1rem; padding-right: 1rem; }
.news .goldenrod.title { font-size: 1.5rem !important; margin-bottom: 0; padding-left: 1rem; padding-right: 1rem; }
.news a:hover { text-decoration: none; }
.goldenrod { color: #C28E0E; }
#news-container story a { color: #000; }
#news-container story a:hover { color: #FFF; }
.shadow { margin-bottom: 0px; content: ''; display: block; height: 100%; position: absolute; width: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.8) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 ); }

.heading .button { padding: 8px 1.25em 6px 1.25em; }
@media (min-width: 576px) {
    .heading .button {
        padding: 8px 3em 6px 3em;
    }
}

@media (max-width: 420px) {
  .billboard-container .title {
     font-size: 1rem !important;
  }
  
  .billboard-container .intro {
    font-size: .7rem !important;
  }
}



#magazine-container .heading {
  margin: 40px 0;
}

#magazine-container .social a {
  padding-right: 1.5rem;
}

#magazine-container .social a:hover,
#magazine-container .social a:active,
#magazine-container .social a:focus {
  color: #fff;
  text-decoration: none;
}

.cc-darkgrey {
  background     : #333;
  color          : #FFF;
}
.cc-darkgrey .button {
  color          : #FFF !important;
}
.cc-embed {
  position       : absolute;
  top            : 0;
  left           : 0;
  height         : 100%;
  width          : 100%;
}
.cc-embed-wrapper {
  height         : 0;
  max-width      : 100%;
  overflow       : hidden;
  padding-bottom : 56.25%; /* 16:9 */
  position       : relative;
  width          : 100%;
}
.cc-no-margin {
  margin         : 0px !important;
}
.cc-no-padding {
  padding        : 0px !important;
}
.cc-tint {
  margin-top     : -20px;
}
.cc-B {
  border-bottom  : 1px solid #C28E0E;
}
.cc-R {
  border-right   : 1px solid #C28E0E;
}
.cc-xl-text {
  font-size      : 1.5rem;
}
.cc-xl-push {
  padding-top    : 30px;
}
.cc-lg-push {
  padding-top    : 15px;
}
.cc-xl-social {
  font-size      : 1.6rem;
  color          : #C28E0E;
  font-weight    : 700;
}
.cc-magazine {
  width          : 80%;
  margin         : 0;
  padding        : 0;
}
.cc-magazine-title {
  color          : #C28E0E;
  font-size      : 1.35rem;
  float          : left;
  margin-bottom  : 25px; /*added by E. Gray */

}
.cc-magazine-title:hover {
  text-decoration : none;
}
.cc-xl-padding {
  padding        : 0px 15px 15px 15px; /* Edited from ALL 15 by E. Gray */
}
.cc-xs-heading {
  margin         : 0 auto !important;
}

.cc-image-mini {
  height         : auto;
  width          : 100%;
  border-top-left-radius  : 3px;
  border-top-right-radius : 3px;
}
.cc-banner, .cc-news {
  background                : #EEE;
  border                    : 1px solid #CCC;
  border-bottom-left-radius  : 3px;
  border-bottom-right-radius : 3px;
  box-shadow                : inset 0 3px 0 0 rgba(0,0,0,0.15);
  color                     : #333;
  font-size                 : 16px !important;
  display                   : inline-block;
  padding-bottom            : 2px;
  padding-top               : 4px;
  text-align                : center;
  width                     : 100%;
}
.cc-banner {
  color                     : #E6B72A;
  background                : #805104;
  border                    : 1px solid #704003;
}
.cc-no-margin { margin: 0px !important; }
.cc-no-padding { padding: 0px !important; }
.cc-button {
  background     : #FFF;
  border         : 2px solid #BAA237;
  border-radius  : 3px;
  box-shadow     : inset 0 -3px 0 0 rgba(0,0,0,0.15);
  color          : #000;
  display        : inline-block;
  font-family    : 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size      : 1em !important;
  font-weight    : 700;
  margin         : 0 auto;
  padding        : 6px 15px;
}
.cc-button:hover {
  background     : #333;
  border         : 2px solid #000;
  box-shadow     : inset 0 24px 9px 0 rgba(255,255,255,0.35);
  box-shadow     : inset 0 -3px 0 0 rgba(255,255,255,0.35);
  color          : #EBB631;
  cursor         : pointer;
}
.cc-button .fa {
  font-size      : 18px;
}
.cc-line {
  background     : #FFF;
  border         : 1px solid #EEE;
  border-bottom  : 3px solid #DDD;
  border-radius  : 3px;
  color          : #000;
  margin-bottom  : 15px;
  padding        : 6px;
}
.cc-line-buttons {
  background     : #EEE;
  border         : 1px solid #DDD;
  border-radius  : 3px;
  border-top     : 3px solid #CCC;
  padding        : 6px 15px;
}
.cc-title {
  font-size      : 1.5em !important;
  margin-bottom  : 6px;
  padding        : 0;
}
.cc-date {
  color          : #999;
  font-size      : 0.8em;
  margin-bottom  : 6px;
  padding        : 0;
}



.cc-event {
  border-bottom  : 1px solid #DDD;
  border-top     : 1px solid #DDD;
  padding-bottom : 12px !important;
  padding-top    : 12px !important;
}
.cc-bottom {
  margin-bottom  : 20px;
}
.cc-top {
  margin-top     : 0px !important;
}
.cc-blockquote {
  margin-left    : 3px;
  margin-right   : -3px;
  margin-top     : 0px !important;
}
.cc-contact {
  padding        : 12px;
  border-bottom  : 1px dashed #DEDEDE;
  margin-bottom  : 12px;
}
.cc-gold-lined {
  border-bottom  : 3px solid #D5A619;
  font-size      : 1.35em;
  line-height    : 1.25em;
  margin-bottom  : 6px;
  padding-bottom : 12px;
}
.cc-major {
  color          : #999;
  font-size      : 1.00em !important;
  line-height    : 1.25em;
}
.cc-white {
  color          : #FFF;
}
.cc-gold {
  background     : #D5A619;
  color          : #000;
  font-size      : 1.5em;
  line-height    : 1.5em;
  margin-bottom  : 6px;
  padding        : 12px;
}
.cc-gold-section, .cc-section {
  color          : #FFF;
  font-size      : 1.25em !important;
  font-weight    : bolder;
  padding-bottom : 12px;
  padding-top    : 12px;
  text-align     : center;
}
.cc-gold-section strong, .cc-section strong {
  color          : #000;
  font-size      : 1.5em !important;
  font-weight    : bolder;
}
.cc-section {
  font-weight    : bold;
  padding-bottom : 6px;
  padding-left   : 18px;
  padding-top    : 6px;
  text-align     : left;
}
.cc-lined {
  color          : #000 !important;
  border-bottom  : 1px solid #000;
  padding-bottom : 6px;
  margin-bottom  : 6px;
}
.cc-lined strong {
  font-weight    : bolder;
  font-size      : 1.5em;
  line-height    : 1.25em;
}
.cc-video {
  position       : relative;
  padding-bottom : 56.25%; /* 16:9 */
  padding-top    : 25px;
  margin-bottom  : 18px;
  height         : 0;
}
.cc-left {
  color          : #000 !important;
  text-align     : left !important;
}
.cc-left strong {
  font-weight    : bolder !important;
  font-size      : 2.50em !important;
  color          : #FFF !important;
  line-height    : 1.50em;
}
.cc-right {
  text-align     : right !important;
}
.cc-tiny {
  color          : #343434;
  font-size      : 0.85em !important;
}

.cc-video iframe {
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
}
.cc-image, .cc-image-mini {
  padding        : 0 !important;
  margin-top     : 2em;
  margin-bottom  : 2em;
}
.cc-image img, .cc-image-mini {
  vertical-align : bottom;
}
.cc-caption {
  background     : #EEE;
  border-bottom  : 1px solid #DDD;
  margin-top     : 0 !important;
  padding        : 4.5%;
  display        : block !important;
  text-align     : left !important;
}
.cc-side-caption {
  background     : #EEE;
  border-right   : 1px solid #DDD;
  margin-left    : 0 !important;
  margin-top     : 2em;
  padding        : 4.5%;
  display        : block !important;
}
.cc-info {
  background     : #DEDEDE;
  border-bottom  : 1px solid #DDD;
  padding        : 12px;
}
.cc-info-gold {
  border-left    : 6px solid #D5A619;
  padding-left   : 6px;
  padding-top    : 6px;
  margin-top     : 6px;
}

.event-details {
  max-width      : 100%;
  width          : 100% !important;
}

.event-author th {
  max-width      : 90px;
}

.event-author td {
  width          : 100%;
}

.caption {
  color          : #666;
/*  font-size      : 13px !important;*/
  font-size      : 1.35em;
  line-height    : 18px;
  margin         : 1.5em 0 1em 0;
}

.image {
  padding        : 0 10px;
}

.image img {
  width          : 100%;
  border         : 0;
}

.image .caption {
  display        : none;
  margin-bottom  : 0;
}

.image.left {
  float          : left;
  margin-left    : 0;
  margin-right   : 2em;
}

.image.right {
  float          : right;
  margin-left    : 2em;
  margin-right   : 0;
}

.image .row {
  margin-left    : -5px;
  margin-right   : -5px;
}
/* --- B L O C K Q U O T E S --- */

blockquote {
  border-radius  : 3px;
  border         : 1px solid #EEE;
  border-left    : 10px solid #DDD;
  background     : #F9F9F9;
  margin-top     : -18px;
  padding        : 0.5em 10px;
  quotes         : "\201C""\201D";
}

blockquote:before {
  color          : #ccc;
  content        : open-quote;
  font-size      : 4em;
  line-height    : 0.1em;
  margin-right   : 20px;
  vertical-align : -0.4em;
}

blockquote p:before {
  content: "\2014 ";
}

blockquote p {
  display: inline-block;
  text-align: right;
  width: 100%;
}

.cc-quote {
  margin-top     : 0px !important; 
}

/* ----------------------------- */


#content-footer {
  clear: both;
  margin-top: 3em;
}

/*************************************/
/* Dev News styles                   */
/*************************************/

#news-search-form {
  padding-top: 1em;
}

#news-search-form input[name="queryStr"] {
  width: 18em;
}

#news-grid {
  position: relative;
  padding: 0;
  width: 740px;
}

#main-col {
  position: relative;
  float: left;
  width: 540px;
}

#spotlights-announcements,
#uns-college {
  position: relative;
  margin: 0;
  padding: 0;
  width: 540px;
}

#spotlights,
#college {
  position: relative;
  float: left;
  width: 260px;
}

#announcements,
#media {
  position: relative;
  float: right;
  margin-left: 20px;
  width: 260px;
}

#side-col {
  position: relative;
  float: right;
  width: 180px;
  border: 1px solid #ccc;
  vertical-align: top;
}

#main-feature {
  position: relative;
  border: 1px solid #ccc;
  padding: 0 0 0 1em;
  height: 200px;
}

#main-feature #feature-image {
  border: 0;
  margin: 0;
  padding-left: 1em;
  float: right;
}

#main-feature a h2 {
  margin-top: .5em;
  font-weight: normal;
  text-decoration: none;
}

#main-feature a h2:hover {
  text-decoration: underline;
}

#features {
  padding-top: 1em;
}

#feature-grid td {
  vertical-align: top;
  text-align: left;
  padding: 0 0 .75em 0;
  width: 50%;
}

#feature-grid td.left {
  padding-right: .75em;
}

#feature-grid td.right {
  padding-left: .75em;
}

#features .feature-thumb {
  display: block;
  float: right;
  margin: 4px 0 .5em 1em;
}

#features .feature-title {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 1.35em;
  text-decoration: none;
  display: block;
  margin: 0;
  padding: 4px 2px .75em 0;
}

#features .feature-title:hover {
  text-decoration: underline;
}

#features .feature-intro {
  margin-top: 0;
  padding-top: 0;
}

.category {
  padding-bottom: 20px;
}

.category h3 {
  font-size: 1.3em;
  background-color: #f5f5f5;
  padding: 6px;
  margin: 0px;
}

.category .box-items {
  padding: 6px;
}

.category .box-items li {
  margin-bottom: .75em;
}

.category .box-items li a {
  text-decoration: none;
  font-size: 1em;
}

.category .box-items li a:hover {
  background-color: transparent;
  text-decoration: underline;
}

#impact-head {
  position: absolute;
  top: 0px;
  left: 0px;
}


/*************************************/
/* Edit links for admins             */
/*************************************/

a.edit-link,
.box-items li a.edit-link {
  font-size: .8em;
  text-decoration: underline;
  padding-left: 1em;
}

a.edit-link:hover,
.box-items li a.edit-link:hover {
  color: #999;
  background-color: transparent;
}


/*************************************/
/* Legacy styles (from here down)    */
/*************************************/

.event {
/*  margin-left: 10px;*/
  margin-bottom: 4px;
}

.event a {
  text-decoration: none;
}

.event a:hover {
  text-decoration: underline;
}

.notice {
  color: red;
}

.publish-date {
  font-size: 9px;
}

.fieldName {
  margin: 1em 0 .25em 0;
  vertical-align: top;
  font-weight: bold;
  white-space: nowrap;
}

/*************************************/
/* Category Listings                 */
/*************************************/

.item-listing td {
  padding: 10px;
  border-bottom: 1px solid #CCC;
  vertical-align: top;
}

.item-listing img {
  border: 0px;
}

.item-title {
  text-decoration: none;
  font-size: 1.2em;
}

a.item-title:hover {
  text-decoration: underline;
}

.item-date {
  text-transform: uppercase;
  font-size: .8em;
  margin-top: .25em;
}

.item-intro {
  margin-top: .5em;
}

.batch-control {
  font-size: 1em;
}

.active {
  font-weight: bold;
}


/*************************************/
/* EventList Widget styles                    */
/*************************************/

#body .event-list-item {
  border-bottom: 1px solid #ccc;
}

#body .event-list-item .event-list-thumb {
  margin-left: 25px;
}

#body .event-list-title a {
  font-weight: normal;
  color: #00e;
}

#body .event-list-title.large-title a:visited {
  color: #551A8B;
}

#sidebar-right .event-list-title a {
  font-weight: normal;
}

#sidebar-right .event-list,
#sidebar-right .event-list .event-list-item,
#sidebar-right .event-list .event-list-item .event-list-title {
  margin-top: 0px;
  margin-bottom: 0px;
}

#sidebar-right .event-list .event-list-batching a {
  border-bottom: none;
}



/*   E. Gray Tweaks as per W. Gwin 4/19/18 */
.homepage #news-container {
   padding-bottom: 0px !important;
}

#news-container .heading {
  margin: 0px 0px 50px 0px !important;
}

.homepage #news-container #suggestions {
  margin: 50px 0px 60px 0px !important;
}

#magazine-container {
   margin-top: 30px;
}

.fullcontent {
   padding: 0px !important;
}

@media (max-width: 438px) {
  .videostint {
    width:100% !important;
  }

  .socialtint {
    width:100% !important;
  } 
}

@media (max-width: 991px) {
  .signup .row .cc-xl-push {
    padding-top    : 0px !important;
    margin-top     : 0px !important; 
  }
  .signup .row .cc-lg-push {
    padding-top    : 0px !important;
    margin-top     : 0px !important; 

  }
}



/**************** OLD ******************/

.item-listing td {
  padding: 10px;
  border-bottom: 1px solid #CCC;
  vertical-align: top;
}

.item-listing img {
  border: 0px;
}

.item-title {
  font-weight: bold;
  font-size: 1.2em;
  color: #000;
}

.item-intro {
  margin-top: .5em;
}

.batch-control {
  font-size: 1.2em;
}

.active {
  font-weight: bold;
}

.event-intro {
  display: none;
}

.event-image-container {
  width: 170px;
}

.event-image-container img {
  margin: 10px;
  width: 150px;
  height: 150px;
}

.event-details {
  display: none;
}








h3 {
  clear: both;
}

.honoree-profile {
  clear: both;
}

.honoree {
  width: 22em;
  float: left;
  padding-right: 20px;
  padding-bottom: 20px;
}

.honoree p {
  margin-top: 60px;
}

.photo {
  padding: 20px;
  background-color: #FFFF99;
  margin-right: 10px;
  margin-bottom: 20px;
  float: left;
}

.list-name {
  font-weight: bold;
}

.info {
  font-weight: bold;
}

.portrait {
  margin: 2em 20px 1em 0;
  float: left;
}

img {
  border: 0;
}

.award {
  clear: both;
  font-size: 120%;
  color:#666;
  line-height: 1.4;
  padding: 1em;
  margin: 1.5em 20px 1.5em 0;
  border-top: 1px solid #B1946C;
  border-bottom: 1px solid #B1946C;
}

table.timeline {
  margin: 1em 0 1em 0
}

.timeline th, .timeline td {
  padding: .3em;
  padding-right: 1em;
  vertical-align: top;
}