:root {
  --cool-gray: #6f727b;
  --boiler-gold: #cfb991;
  --railway-gray: #9d9795;
  --steam: #c4bfc0;
  --aged: #8e6f3e;
  --light-gray: #ededed;
}

.--bg-light-gray {
  background-color: var(--light-gray);
}

.--bg-cool-gray {
  background-color: var(--cool-gray);
}

.--bg-gold {
  background-color: var(--boiler-gold);
}

.--bg-black {
  background-color: black;
  color: white !important;
}

.ta-center {
  text-align: center;
}

body main #maincontent section {
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

body main #maincontent section h2 {
  margin-top: 0;
}

body main #maincontent section p a,
body main #maincontent section li a,
body main #maincontent .content p a,
body main #maincontent .content li a {
  font-weight: 700;
}

.social-icons {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.social-icons .col-sm-4,
.faculty-grid .col-md-4 {
  margin-bottom: 40px;
  text-align: center;
}

.faculty-grid a {
  font-size: 22px !important;
}

main .accordion-block .panel-title {
  color: white;
}

main .accordion-block .panel-heading {
  padding: 0px;
}

main .accordion-block .panel-heading a {
  padding: 30px;
  display: block;
  width: 100%;
}

.ambassadors {
  display: flex;
  flex-flow: column nowrap;
  gap: 2rem;
  padding: 1rem 0;
  margin-bottom: 2rem;
}

.ambassadors .ambassador {
  display: flex;
  gap: 1.5rem;
  flex-flow: column nowrap;
}

.ambassadors .ambassador:not(:last-child) {
  border-bottom: 1px solid var(--light-gray);
}

.ambassadors .ambassador .amb-img img {
  height: 300px;
  width: 225px;
  margin: 0 auto;
  display: flex;
}

.ambassadors .ambassador .amb-details {
  width: 100%;
  padding-bottom: 1rem;
}

.ambassadors .ambassador .amb-details .amb-name {
  margin-top: 0;
  margin-bottom: 0;
  color: black;
}

.ambassadors .ambassador .amb-details .amb-location {
  font-style: italic;
  margin-bottom: 0;
}

.ambassadors .ambassador .amb-details .amb-email {
}

.ambassadors .ambassador .amb-details .amb-title {
}

.ambassadors .ambassador .amb-details p.amb-,
.ambassadors .ambassador .amb-details p.amb-interests {
  margin-top: revert;
}

@media screen and (min-width: 768px) {
  .ambassadors .ambassador {
    flex-flow: row nowrap;
  }

  .ambassadors .ambassador:not(:last-child) {
    border-bottom: none;
  }

  .ambassadors .ambassador .amb-details {
    width: calc(100% - 225px);
  }
}

.admissions-timeline .timeline-item .item-title {
  font-weight: bold;
  margin-bottom: 0;
}

.RA-faculty {
  display: flex;
  flex-flow: column nowrap;
  gap: 2rem;
}

.RA-item {
  display: flex;
  flex-flow: column nowrap;
  gap: 1rem;
  padding: 1rem 0;
}

.RA-details {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
}

.RA-details .RA-name {
  margin: 0;
  font-size: 1.4rem;
  font-family: "United Sans", sans-serif;
  font-weight: 700;
}

.RA-details .desc {
  font-style: italic;
}

.RA-image,
.RA-image img {
  height: 250px;
  width: 187.5px;
}

.RA-image {
  border: 1px solid #ededed;
}

@media screen and (min-width: 768px) {
  .RA-item {
    flex-flow: row nowrap;
  }
}

.RA-actions {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
  margin-top: 1rem;
}

.purdue-btn {
  border: 2px solid #8e6f3e;
  padding: 0.5rem 1rem;
  width: fit-content;
}

.purdue-btn:hover {
  text-decoration: none;
  background-color: #8e6f3e;
  color: white;
}

/**********************************************/
/*********     STORY / NEWS ITEMS      ********/
/****** 5/19/2020 Required Master Wrap ********/
/**********************************************/

.story-box {
  margin-top: 30px;
}
.story-box a {
  color: #000;
}
.story-box a:hover {
  text-decoration: none !important;
}
.story {
  background-color: #c4bfc0;
  display: block;
  height: 100%;
  padding: 0;
  text-decoration: none;
}
.story:hover {
  background-color: #ebd99f;
}
.story .title {
  font-size: 1.1rem;
  margin: 15px;
}
.story .intro {
  font-size: 1rem;
  margin-left: 10%;
  margin-right: 10%;
}
.story img {
  background-size: cover;
  background-position-y: 20%;
  background-position-x: 50%;
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.story iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ONE-SIZE {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

/**********************************************/
/*********     FEATURED ITEMS      ********/
/****** 5/19/2020 Required Master Wrap ********/
/**********************************************/

.feature-box {
  background-position: right;
  background-size: cover;
  border-bottom: 2px solid #000;
  border-top: 2px solid #000;
  margin-top: 30px;
}
.feature-box:after {
  background-size: cover !important;
  background-position: 0% 50% !important;
}

@media (min-width: 440px) and (max-width: 575.98px) {
  .feature-box:after {
    background-size: cover !important;
    background-position: 0% 70% !important;
  }
}

@media (min-width: 576px) {
  .feature-box:after {
    background-size: cover !important;
    background-position: 0% 50% !important;
  }
}

@media (min-width: 768px) {
  .feature-box:after {
    background-size: cover !important;
    background-position: 0% 45% !important;
  }
}

@media (min-width: 992px) {
  .feature-box:after {
    background-position: 0% 30% !important;
  }
}

@media (min-width: 1200px) {
  .feature-box:after {
    background-position: 0% 25% !important;
  }
}

/**********************************************/
/*********          BANNERS            ********/
/****** 5/19/2020 Required Master Wrap ********/
/**********************************************/

#billboard-links-container .button {
  background: rgba(0, 0, 0, 0.65);
}

.billboard-container-text {
  bottom: 0px;
  margin-bottom: 100px;
  position: absolute;
  text-align: center;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
  text-decoration: none;
  width: 100%;
}

.billboard-container .title {
  color: #fff;
  font-size: 1.5rem !important;
  padding: 0;
}
.billboard-container .title.cc-xl-title {
  font-size: 3em !important;
}

.billboard-container .intro_head {
  color: #fff;
  font-size: 1.3rem !important;
  margin-bottom: 0px;
}

.billboard-container .intro_head.cc-xl-intro-head {
  background: rgba(0, 0, 0, 0.8);
  font-size: 2em !important;
  text-transform: uppercase;
  color: #daa520 !important;
}

.shadow {
  z-index: 1000;
}

/* Screen Size Changes */

@media (max-width: 575.98px) {
  #billboard-container .billboard-container-text {
    margin-bottom: 0;
  }
}

@media (max-width: 767.98px) {
  #billboard-container .billboard-container-text {
    margin-bottom: 0;
  }
  .billboard-container .title.cc-xl-title {
    font-size: 1.6em !important;
  }
  .billboard-container .intro_head.cc-xl-intro-head {
    font-size: 1.2em !important;
  }
}

@media (min-width: 768px) {
  #billboard-links-container {
    background: none !important;
  }
}

@media (max-width: 991.98px) {
  .billboard-container .title.cc-xl-title {
    font-size: 2em !important;
  }
  .billboard-container .intro_head.cc-xl-intro-head {
    font-size: 1.4em !important;
  }
}

@media (min-width: 992px) {
  #billboard-links-container {
    background: none !important;
  }
}

@media (min-width: 1200px) {
  #billboard-links-container {
    background: none !important;
  }
}

/**********************************************/
/*********  Focus Bar FORMATTING    ********/
/******         Master Wrap  Add. 6-1-2020 E. Gray     ********/
/**********************************************/
.cc-focus-bar {
  background: #000;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

@media (max-width: 768px) {
  .cc-focus-bar .col-12 {
    padding-bottom: 30px;
  }
}

/************************ END Masters Edits 5/27/20 *****************************/

/**********************************************/
/*********  SCHOOL SPECIFIC FORMATTING    ********/
/******         Pre- Master Wrap       ********/
/**********************************************/

/**************************************   Accordion - Without Images ***********************************/

.accordion-block {
   margin: 20px 0 35px 0;
}

.accordion-block .panel {
   margin-bottom: 10px;
}

.accordion-block .panel-heading  {
   background-color: #000;
   text-transform:uppercase;
   padding: 50px;
   border-bottom: 5px solid #8E6F3E;
   background-repeat: no-repeat;
   background-position: 100% 35%;
   
}

.accordion-block h4 {
   color: #fff !important;
   margin: 0 !important;
   font-weight:bold;
}

.accordion-block a {
   text-decoration:none !important;
}

.accordion-block .panel-group .panel+.panel {
   margin-top: 0;
}

.accordion-block a .panel-title svg {
  margin-left: 20px;
}

.accordion-block .panel-title a {
  color: #fff !important;
}

.panel-title-words {
   max-width: 80%;
   font-family: "United Sans",Impact,"Arial Black","sans serif";
}

.accordion-block a .panel-title .fa-plus,
.accordion-block a.collapsed .panel-title .fa-minus {
   display: none;
}

.accordion-block a .panel-title .fa-minus, 
.accordion-block a.collapsed .panel-title .fa-plus {
   display: inline;
}

.accordion-block .panel-heading  {
     background-color: #6F727B;
     padding: 30px;
     background-image: none !important;     
}

.accordion-block .accordion-block {
  padding: 0 25px;
}



/****** XS max 576******/
@media (max-width: 576px) {
  .accordion-block .panel-heading  {
     background-size: 100%;
     padding: 0px !important;
  }
  .accordion-block h4 {
    padding: 30px;
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 766px) {
   .accordion-block {
      margin: 0px !important;
   }
    
   .accordion-block h2, .accordion-block p {
      margin-left: 20px;
      margin-right: 20px;
   }

}




/******************************* End Accordion - Without Image******************************/