/**************************************   Accordion Changes ***********************************/

.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 {float: right;}
.accordion-block a .panel-title .fa-plus {display: none;}
.accordion-block a .panel-title .fa-minus {display: inline;}
.accordion-block a.collapsed .panel-title .fa-plus {display: inline;}
.accordion-block a.collapsed .panel-title .fa-minus {display: none;}
.accordion-block {margin: 20px 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% 45%;}

#heading-PD {background-position: 100% 47%;}
#heading-UGEE {background-position: 100% 53%;}
#heading-HWS {background-position: 100% 42%;}
#heading-AR {background-position: 100% 43%;}
#heading-DIS {background-position: 100% 63%;}
#heading-IS {background-position: 100% 57%;}
#heading-FI {background-position: 100% 68%;}
#heading-GSR {background-position: 100% 44%;}
#heading-AwR {background-position: 100% 16%;}

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

/****** SM min 577******/
@media (min-width: 577px) {
.accordion-block .panel-heading  {background-size: 80%;}
}

/****** MD min 768******/
@media (min-width: 768px) {
.accordion-block .panel-heading  {background-size: 80%;}
}

/****** LG min 992******/
@media (min-width: 992px) {
.accordion-block .panel-heading  {background-size: 80%;}
}

/****** XL min 1200******/
@media (min-width: 1200px) {
.accordion-block .panel-heading  {background-size: 80%;}
}

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


.A-lead { background: rgba(0, 0, 0, 0.90); border-bottom: 1px solid #000; border-top-left-radius: 3px; border-bottom-right-radius: 3px; color: #A3792C; padding: 10px 20px; margin: 0; position: absolute; top: 0; }
.A-row { border-radius: 3px; margin-bottom: 20px; height: 150px; position: relative; }
.A-row:hover { box-shadow: inset 0 0 0 75px rgba(0, 0, 0, 0.35); }

/* Info For */
/* ul { padding-left: 0; } */
ul li { list-style-type: none; }
/* #stage ul li { list-style-type: circle; } */
#stage ol li { list-style-type: decimal; }
/*ul li a { font-size: 16px; }*/
.bottom-links { padding-left: 15px; padding-right: 15px; }
.bottom-links h2 { color: #333; font-size: 18px; }
.divider-inner { border-top: 6px double #EEE; }
.divider-outer { border-left: 30px solid #EEE; border-right: 30px solid #EEE; height: 2px; }
.fa-arrow-alt-circle-right { color: #EEE; font-size: 30px; margin-left: -35px; position: absolute; }
.for-you { background: #000; }
.for-you h1 { color: #FFF; width: 100%; }
.for-you p { color: #EEE; font-size: 16px; }
.shadow-down { box-shadow: inset 0 -9px 9px -9px #999; height: 9px; }
.shadow-up { box-shadow: inset 0 9px 9px -9px #999; height: 9px; }
.top-links { height: auto; padding-bottom: 15px; padding-top: 25px; }
.top-links div { padding-left: 15px; padding-right: 15px; }
.top-links div h2 { margin-bottom: 0; margin-top: 0; }
.top-links div h2 a { font-size: 22px; }
.top-links div p { font-size: 18px; }
.preload-row h2 { margin-top: 0; width: 100%; }

/* Animations */
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
.flash svg {
  animation: colorchange 3s;
  -webkit-animation: colorchange 3s;
}
@-webkit-keyframes colorchange {
  0%   { color: auto; transform: scale(1.0); }
  50% { color: goldenrod; transform: scale(1.2); }
  100% { color: auto; transform: scale(1.0); }
}
@keyframes colorchange {
  0%   { color: auto; transform: scale(1.0); }
  50% { color: goldenrod; transform: scale(1.2); }
  100% { color: auto; transform: scale(1.0); }
}





.stage-BG           { background-image: url('https://engineering.purdue.edu/Engr/controls/images/giant-background-6-2.jpg'); background-repeat: repeat; background-position: top center; box-shadow: inset 0 9px 15px rgba(0, 0, 0, 0.35); width: 100%; }
.stage-BG-A         { padding-bottom: 60px; padding-top: 50px; width: 100%; }
.stage-BG-B         { background: rgba(0, 0, 0, 0.65); box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.35); border-radius: 3px; padding-bottom: 30px; }
.stage-BG-C         { background: #FFF; border-radius: 3px; margin-top: 10px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px; }

.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; }
#stage h3,
#stage h3 a         { font-size: 24px !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;
}


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

.image {
  padding        : 0 10px;
  margin-top     : 2em;
  margin-bottom  : 2em;
}

.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;
}

.cc-image {
  padding        : 0 !important;
  margin-top     : 2em;
  margin-bottom  : 2em;
}

.cc-image img {
  vertical-align : bottom;
}

#maincontent .button {
  display: inline-block;
  font-family: "United Sans",Impact,"Arial Black","sans serif";
  color: #000;
  font-size: 1rem !important;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 8px 3em 6px 3em;
  border: 2px solid #8e6f3e;
}

#maincontent .button:hover {
  color: #fff;
  border-color: #8e6f3e;
  background-color: #8e6f3e;
}