/* COVID-19 CSS */
.homepage #covid { background: rgb(255, 255, 255); text-align: center; padding: 10px 10px 0; width: 100%;}
.homepage #covid p { margin-top: 0; font-family: acumin-pro-condensed, "Franklin Gothic", sans-serif; font-weight: 500; font-style: italic; text-transform: uppercase; text-decoration: none; color: #000; font-size: 24px;}
.homepage #covid p a { font-family: acumin-pro-condensed, "Franklin Gothic", sans-serif; font-weight: 500; font-style: italic; text-transform: uppercase; text-decoration: none; color: #000; cursor: pointer; }
.homepage #covid p a:hover { text-decoration: underline; }






/********** 6-4-2020 *****************/
.button {color: #000;}


.three-grid h2, .three-grid h2 a {
  margin: 1px !important;

}

.homepage #maincontent .three-grid h2 {
   display:block;
}

.homepage #maincontent .three-grid .col-md-4 {
   padding:0 !important;
}

.homepage #maincontent .three-grid .button {
   width: 100% !important;
   padding: 8px 3px 6px !important;
      display:block;

}

.schoolname {
  background: #9D9795;
  padding: 20px;
  color:black;
}

/********************* END *************************/







/******* Start Event Edits ********/

.cc-month {
    color: #fff;
    background-color: #9d9795;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    padding: 3px 2px 2px 2px;
}
.cc-event-details {
    border-left: 2px solid #8E6F3E;
}


/******* End Event Edits ********/

.sidebar-stage      { background: rgba(0, 0, 0, 0.65); box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.35); border-radius: 3px; margin-bottom: 10px; padding: 10px; }

.sidebar-stage ol,
.sidebar-stage ul,
#stage ol,
#stage ul           { margin-bottom: 30px; padding-top: 5px; }

#stage h1           { font-size: 44px; margin-bottom: 0; }

.sidebar-stage h1,
.sidebar-stage h1 a,
#stage h2,
#stage h2 a         { font-size: 28px !important; margin-bottom: 0; }

.sidebar-stage h2,
.sidebar-stage h2 a { font-size: 22px !important; margin-bottom: 0; }

.sidebar-stage a,
.sidebar-stage p,
#stage a,
#stage p            { font-size: 18px !important; }

.sidebar-stage p,
#stage p            { padding: 5px; padding-top: 0; }

.sidebar-stage li,
.sidebar-stage li a,
#stage li,
#stage li a         { font-size: 18px !important; }

.show-me             { display: inline; }
.hide-me             { display: none; }
.sidebar li a        { line-height: 20px !important; }
.PD-circle           { background: #FFF; background: rgba(255, 255, 255, 0.35); border-radius: 50%; height: 21px; left: -6px; position: absolute; margin-top: 12px; width: 21px; }
.PD-circle-top       { background: #FFF; background: rgba(255, 255, 255, 0.35); border-radius: 50%; height: 21px; left: -6px; position: absolute; margin-top: 29px; width: 21px; }
.PD-circle-side      { background: #FFF; background: rgba(255, 255, 255, 0.35); border-radius: 50%; height: 21px; left: -6px; position: absolute; margin-top: 24px; width: 21px; }

.content.col         { padding: 0; }
#maincontent         { margin: 0; padding: 0; }




.breadcrumb { margin-bottom: 0; }
.cc-caption {
  background     : #EEE;
  border-bottom  : 1px solid #DDD;
  margin-top     : 0 !important;
  padding        : 4.5%;
  display        : block !important;
  text-align     : left !important;
}
a.CALLOUT { color: #000; }
.CALLOUT:hover { color: #FFF; }

/*h1 { color: #000; }
h2 { color: #333; }
h3 { color: #666; }
a,
p,
ul li,
ol li { font-size: 16px; }*/

.arrow-down {
  height             : 0;
  width              : 0;
  border-left        : 15px solid transparent;
  border-right       : 15px solid transparent;
  border-top         : 15px solid #EEE;
  margin-top         : -15px;
  position           : absolute;
}

.inactive-square,
.active-square {
  background         : #EEE;
  border             : 1px solid #BBB;
  height             : 12px;
  position           : absolute;
  width              : 12px;
  margin-left        : -15px;
  margin-top         : 17px;
}

.active-square {
  background         : #2E8B57;
  border             : 1px solid #556B2F;
}

.workshop-button,
.inactive-button {
  background         : #FFFAEB;
  border             : 1px solid #EEE;
  border-bottom      : 1px solid #DDD;
  cursor             : pointer;
  font-size          : 24px;
  padding            : 5px 15px;
  text-align         : left;
  width              : 100%;
}
.inactive-button {
  background         : #EEE;
  border             : 1px solid #DDD;
  border-bottom      : 1px solid #CCC;
}

.workshop-button:hover,
.inactive-button:hover {
  background         : #FFF;
  border             : 1px solid #000;
}

.workshop-intro {
  padding             : 15px;
}

.workshop-intro p,
.workshop-intro li {
  font-size          : 16px;
}

.workshop-intro ul {
  margin-bottom      : 15px;
}

.workshop-quote {
  border-bottom      : 2px dotted #EEE;
  font-size          : 18px;
  padding            : 10px 5px;
}

.workshop-container {
  border             : 1px solid #CCC;
  border-top         : 3px solid #EEE;
  box-shadow         : 0 7px 15px rgba(0, 0, 0, 0.10);
  display            : none;
  padding            : 15px;
}

.workshop-container a {
  font-size          : 16px;
}



header .logo img {
  height: auto;
  width: 100%;
  
}

.news-feature .caption { 
  text-shadow: 3px 3px 6px #000;
  font-size:14px;
  font-weight:300;
  text-transform:none;
  margin-bottom:0px;
  background-color:#5B6870;
  opacity: 0.9;
}

.hero {
  background-image: url(./images/homepage_hero.jpg);
  background-position: center center;
} 


.deptaudience .box a {
  background-size:cover;
  background-position:top right;
  background-repeat:no-repeat;
  width:100%;
  display:block;
  position:relative;
  background-color: #FFD100;
  text-decoration: none;
}

.box-1-selector a {
  background-image: url("./images/prospective_student.jpg");
  background-color: #5B6870;
  border-bottom: 8px solid #5B6870;
}

.box-2-selector a {
  background-image: url("./images/currentstudents.jpg");
  background-color: #6B4536;
  border-bottom: 8px solid #6B4536;
}

.box-3-selector a {
  background-image: url("./images/facultyresources.jpg");
  background-color: #C76C14;
  border-bottom: 8px solid #C76C14;
}

.box-4-selector a {
  background-image: url("./images/newsandevents.jpg");
  background-color: #FFD100;
  border-bottom: 8px solid #FFD100;
}

#entity-subsite-title a {
  text-transform: none !important;
}



.proof-point {
  border-radius       : 50% !important;
}
.story-content p, .story-content li {
  font-size           : 1.25em;
}
.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);
}
/*.cc-story a:hover p {
  background-color        : #C28E0E;
  color                   : #FFF !important;
}*/
.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;
}

#main-content { width: 100%; }
.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;
}

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

/* ********************* */
/* *** D E F A U L T *** */
/* ********************* */
.PADDED { padding-left : 30px; padding-right: 30px; }
.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; }


/* ***************************** */
/* *** E X T R A - S M A L L *** */
/* ***************************** */
@media (max-width: 575.98px) {
   .EXPANDER-box {
       height: 200px;
   }
}

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

@media (min-width: 576px) {
  .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) {
  .EXPANDER-box { height: 425px; }
}

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

@media (min-width: 992px) {
  .EXPANDER-box { height: 550px; }
}

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

@media (min-width: 1200px) {
  .EXPANDER-box { height: 625px; }
}