/* ----------------------------------------------------------- Academic Insights Styles -------------------------------------------------------------------- */
@font-face {
  font-family: "Avenir";
  src: url("../css/fonts/Avenir.ttc");
}
a {
  text-decoration: none !important;
  font-family: "Avenir";
	font-size: 2rem;
}
a:hover {
  text-decoration: underline !important;
}
p, li {
  font-size: 2rem;
  font-family: "Avenir";
}
h1,h2,h3 {
  font-family: 'Avenir';
  font-size: 1em;
}
header {
	border-bottom: none;
}
.to-top {
  display: block !important;
  bottom: 25px;
  position: fixed;
  right: 10px;
  z-index: 3000;
}
.to-top a {
  display: inline-block;
  color: #a1a1a1;
  background-image: url(https://cdn.auburn.edu/2016/_assets/images/to-top.png) !important;
  border-bottom: none;
  height: 35px;
  width: 77px;
}
ul.nav.nav-justified {
  display: block;
}
.ac-menu {
  background-color: #cc4e0b;
  padding: 0;
  max-height: none;
  margin: 0 auto;
  border-radius: 0px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ac-container {
  width: 75%;
}
.ac-ul {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.ac-li {
  width: 100%;
  font-size: 1em;
}
.ac-li:hover {
  background-color: #03244d;
}
ul.dropdown-menu.ac-ul.show {
  background-color: #cc4e0b;
	min-width: 20vw;
}
a.dropdown-item.ac-li {
  color: #fff;
}
a.dropdown-item.ac-li:hover {
  background-color: #03244d;
  color: #fff;
}
a.thumb {
  color: #03244d;
  text-decoration: none;
}
a.thumb:hover {
  color: #03244d !important;
  text-decoration: none;
}
.navbar-light .navbar-nav .nav-link {
  color: #fff !important;
}
/*-------- Menu Styles ------- */
.header_secondary {
  right: 3%;
  padding-top: 5px;
}
.menu-stack {
  min-width: 15%;
  left: auto !important;
}
.col ul li {
  padding: 10px 4px;
}
.img-placeholder {
  width: 100%;
  position: relative;
  background-color: #03244d;
}
.first-image {
  width: 45%;
  left: 25%;
  position: relative;
}
.sub-menu-img {
  width: 100%;
  position: relative;
  height: auto;
  margin-top: 2%;
  z-index: 1;
}
.sub-menu-img-1 {
  width: 100%;
  position: relative;
  height: auto;
  margin-top: 2%;
  z-index: 1;
}
.sub-menu-img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  width: 100%;
  transition: .2s ease;
  opacity: 0;
}
.first-image:hover .sub-menu-img-overlay {
  opacity: 1;
}
.sub-menu-img-text {
  display: inline-block;
  width: 100%;
  min-height: 15%;
  position: relative;
  bottom: 10%;
  left: 0;
  color: #fff;
  padding: 20px;
}
.sub-menu-img-placeholder {
  width: 100%;
  margin: 0 auto;
}
.sub-menu-img-h1 {
  text-align: center;
  letter-spacing: 6px;
  font-size: 3vw;
  font-weight: 600;
  font-family: 'Avenir';
  text-transform: uppercase;
}
.sub-menu-img-text p {
  text-align: center;
  font-size: 2vw;
  width: 70%;
  margin: 0 auto;
  font-family: 'Avenir';
}
/*---------- Menu Style End ----------- */
.academic-insight-container {
  position: relative;
  width: 75%;
  margin: 0 auto;
}
/* -------------- Spacer & Head Space Style -------- */
.page_content_spacer_ac {
  height: 50px;
  width: 100%;
}
.page_content_spacer_ac_1 {
  height: 50px;
  width: 100%;
}
.page_content_spacer_ab {
  height: 100px;
  width: 100%;
}
.page_content_spacer_ai_ab {
  height: 100px;
  width: 100%;
}
.page_content_spacer_ai_ab .ab_bottom {
  height: 100px;
  width: 100%;
}
.heading-spacer {
  max-width: 100%;
  height: auto;
  background-color: #03244d;
  text-align: center;
  color: #fff;
  margin: 0 auto;
}
h2.heading-p {
  font-size: 2vw;
  text-transform: capitalize;
  font-family: 'Avenir';
}
p.heading-p-title {
  position: relative;
  top: 6px;
  font-size: 2.25vw;
  font-weight: 500;
  color: #03244d;
}
h2.heading-p-title {
  position: relative;
  top: 6px;
  font-size: 2.25vw;
  font-weight: 500;
  color: #03244d;
}
/*------------------ Units Style -------------------*/
.units-icons {
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 0 0 50px 0;
  height: 210px;
}
.unit-boxes {
  position: relative;
  width: 33%;
  text-align: center;
  padding: 10px;
  float: left;
  list-style: none;
}
.unit-boxes a {
  color: #03244d;
}
.unit-boxes a:hover {
  color: #AA3E05;
}
.unit-boxes-learn {
  position: relative;
  float: left;
  padding: 10px;
}
.icon-unit {
  width: 100%;
  max-height: 350px;
  transform: scale(0.8);
  transition: all 0.25s;
}
.icon-unit:hover {
  transform: scale(1);
}
.unit-caption {
  position: relative;
  top: 30px;
  font-size: 1.5vw;
}
/*-------------- Work Style ----------------------*/
.work-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.work-container p {
  font-size: 20px;
  text-align: center;
}
.work-graphic {
  position: relative;
  width: 33%;
  display: inline-block;
  border: 5px solid #fff;
  transform: scale(0.95);
  transition: all 0.25s;
}
.work-graphic:hover {
  transform: scale(1);
}
.work-graphic-img {
  display: block;
  margin: 0 auto;
}
.did-you-know {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.did-you-know-img {
  width: 60%;
  height: 100%;
  display: block;
  margin: 0 auto;
}
.did-you-know p {
  font-size: 1.5vw;
}
.centered {
  position: absolute;
  top: 60%;
  left: 59%;
  transform: translate(-50%, -50%);
}
/*-------------------- Latest Style ------------- */
.latest-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  left: .2%;
}
.latest-top-img {
  display: block;
  position: relative;
  border-bottom: 5px solid #fff;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.latest-bottom-middle-img {
	left:.5%;
}
.latest-bottom-left-img, .latest-bottom-middle-img, .latest-bottom-right-img {
  display: inline-block;
  position: relative;
  width: 33%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 5px solid #fff;
}
.sub-latest-img-text {
  display: inline-block;
  width: 100%;
  min-height: 15%;
  background-color: rgba(3, 36, 77, 0.73);
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 20px;
}
.sub-latest-img-placeholder {
  width: 100%;
  margin: 0 auto;
}
.sub-latest-img-h1 {
  text-align: center;
  letter-spacing: 6px;
  font-size: 3vw;
}
.sub-latest-img-text p {
  text-align: center;
  font-size: 1.25vw;
  width: 50%;
  margin: 0 auto;
}
.sub-latest-sub-img-text {
  display: inline-block;
  width: 100%;
  min-height: 15%;
  background-color: rgba(3, 36, 77, 0.73);
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 20px;
}
.sub-latest-sub-img-placeholder {
  width: 100%;
  margin: 0 auto;
}
.sub-latest-sub-img-h1 {
  text-align: center;
  letter-spacing: 6px;
  font-size: 3vw;
}
.sub-latest-sub-img-text p {
  text-align: center;
  font-size: 1.25vw;
  width: 100%;
  margin: 0 auto;
}
/*---------------------------------- Program Assessment Styles ------------------------------*/
.pa-header {
  width: 100%;
}
.pa-header-txt {
  font-size: 1.75rem;
}
.pa-header-ol {
  padding: 0 0 0 18px;
}
.pa-h1 {
  text-transform: uppercase;
  font-size: 2vw;
  color: #03244d;
}
.pa-h2 {
  text-transform: uppercase;
  font-size: 1.5vw;
  color: #03244d;
}
.ab-h1 {
  text-transform: capitalize;
  font-size: 2vw;
  color: #fff;
  text-align: center;
  font-family: 'Avenir';
}
.ab-h2 {
  text-transform: uppercase;
  font-size: 1.5vw;
  color: #03244d;
  text-align: center;
  font-weight: 700;
}
.page_content_spacer_ac_pa {
  height: 25px;
  width: 100%;
}
.heading-spacer-pa {
  max-width: 100%;
  height: 50px;
  background-color: #03244d;
  text-align: center;
  color: #fff;
  font-size: 2em;
  margin: 0 auto;
}
.date {
  float: left;
  left: 10px;
  position: relative;
  margin-top:.25%
}
.event {
  position: relative;
  margin-top: .3%;
  float: right;
  right: 46%;
}
.pa-table {
  width: 100%;
  font-size: 1.5vw;
}
.pa-tr {
  height: 50px;
}
.pa-td {
  width: 50%;
}
.pa-td.dates {
  position: relative;
  left: 10px;
}
.chart-style {
  display: block;
  box-sizing: border-box;
  height: auto;
  width: 100%;
}
h2.chart-h3 {
  position: relative;
  margin: 0 auto;
  text-align: center;
  font-size: 2vw;
}
p.sub-txt-chart {
  font-size: 1vw;
}
.res-box-text {
  font-size: 1vw;
  position: relative;
  margin: 0 auto;
  margin-top:1%;	
}
.res-box-text-2 {
  font-size: 1vw;
  position: relative;
  margin: 0 auto;
}
.col-2.unit-boxes {
	display: inline-block;
}
.col-2.unit-boxes.rs {
  background-color: #d1e5d5;
  color: #000;
  font-size: 1vw;
}
.col-2.unit-boxes.mai {
  background-color: #7EB8BC;
  color: #000;
  font-size: 1vw;
}
.col-2.unit-boxes.frd {
  background-color: #03244d;
  color: #fff;
  font-size: 1vw;
}
.push-left {
  padding-left: 150px;
}
.icon-units-res, .icon-units-res-circ {
  margin: 0 auto;
  width: 60%
}
.res {
  background-color: #03244d;
  color: #fff;
  height: 60px;
  font-size: 1vw;
  transform: scale(1);
  transition: all 0.25s;
  margin: 0px 15px;
  border-radius: 15px;
  border-style: outset;
  border-color: #cc4e0b;
}
.res a {
  color: #fff;
  text-decoration: none;
}
.res:hover {
  transform: scale(1.10);
}
.res a:hover {
  color: #fff;
}
p.res-box-text.upper, p.res-box-text-2.upper {
  font-family: myriad-pro, sans-serif;
  font-style: normal;
  font-weight: 700;
}
p.res-box-text.lower, p.res-box-text-2.lower {
  font-family: myriad-pro, sans-serif;
  font-style: normal;
  font-weight: 300;
}
.vids-101 {
  font-size: 1vw;
}
.res-unit-boxes {
  position: relative;
  text-align: center;
  padding: 10px;
  list-style: none;
  float: left;
}
.table-h {
  display: none;
}
/* ------------------------------- General Education Assessment ---------------------------*/
ul.general-ed-bottom-li {
  font-family: 'Avenir';
}
.col-4.core {
  position: relative;
  left: 5%;
  float: left;
  transform: scale(1.5);
  transition: all 0.25s;
}
.col-4.score {
  position: relative;
  display: inline-block;
  left: 25%;
  transform: scale(1);
  transition: all 0.25s;
}
.col-4.core:hover {
  transform: scale(1.75);
}
.col-4.score:hover {
  transform: scale(1.25);
}
.gea-header {
  display: block;
  position: relative;
  padding: 3%;
}
.heading-spacer-gea {
  max-width: 100%;
  height: 10px;
  background-color: #03244d;
  text-align: center;
}
.core-nxt {
  margin: 0 auto;
}
button.accordion-button {
  font-size: 1.25vw;
}
.accordion-body {
  font-size: 1vw;
}
.col-4.core-graph {
  position: relative;
  left: 175px;
  float: left;
  transform: scale(1);
  transition: all 0.25s;
}
.col-4.score-graph {
  position: relative;
  display: inline-block;
  left: 250px;
  transform: scale(1);
  transition: all 0.25s;
}
.col-4.core-graph:hover {
  transform: scale(1.1);
}
.col-4.score-graph:hover {
  transform: scale(1.1);
}
.graph-txt {
  text-align: center;
  font-size: 1.25vw;
  font-family: 'Avenir';
  font-weight: 600;
}
.graph-txt {
  text-align: center;
  font-size: 1.25vw;
  font-family: 'Avenir';
  font-weight: 400;
}
.col-12.graph-key {
  position: relative;
  margin: 0 auto;
  width: 50%;
}
p.lp-pic-txt {
  text-align: center;
}
.bg-color-ac, button.accordion-button.collapsed.bg-color-ac {
  background-color: #d5dce9;
}
.accordion-item.ac-spc {
  border-bottom: 2px solid #fff;
}
.col-2.image.img_circle {
  display: block;
  float: left;
  width: 15%;
  height: auto;
  box-shadow: 1px 3px 6px #000;
  background-color: #fff;
  border-radius: 50%;
}
.img-pst {
  position: relative;
  margin: 0 auto;
}
.drp {
  display: inline-block;
  position: relative;
  left: 25px;
  width: 80% !important;
}
.clearfix {
  overflow: auto;
}
.prog-list-txt {
  text-align: left;
}
/* -------------------------------- Academic Data Collection ------------------------ */
#btn-contain {
  padding-bottom: 2%;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: transparent !important;
  border-color: #0d6efd;
}
.adc-header {
  display: block;
  position: relative;
}
.col-4.core-adc {
  position: relative;
  float: left;
  top: 50px;
  transform: scale(0.8);
  transition: all 0.25s;
}
.col-4.score-adc {
  position: relative;
  display: inline-block;
  transform: scale(0.8);
  transition: all 0.25s;
}
.col-4.core-adc:hover {
  transform: scale(1);
}
.col-4.score-adc:hover {
  transform: scale(1);
}
.col-3.nacm {
  width: 24% !important;
  position: relative;
  display: inline-block;
}
.icon-unit-learn {
  width: 100%;
  max-height: 350px;
}
.simple-mod {
  position: relative;
  margin: 0 auto;
  display: block;
}
.col-3.col-btn-1 {
  width: 24%;
  display: inline-block;
  position: relative;
}
.overlay, .overlay-1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: #03244d;
  border-radius: 10px;
}
.alt {
  /*
	border: 1px solid #03244d;
	border-radius: 10px;
	*/
}
.alt:hover .overlay, .alt-1:hover .overlay, .alt-1:hover .overlay-1 {
  opacity: 1;
}
h1.overlay-txt {
  text-align: center;
  font-weight: 800;
  font-size: 1.5vw;
  left: 0;
  right: 0;
  color: #fff;
  transition: width 2s, height 2s, transform 2s;
  position: absolute;
  top: 36%
}
.btn.group-btn.collapsed:hover {
  background-color: #03244d;
}
.no-bdr {
  border: none !important;
}
.psn-2 {
  position: relative;
  bottom: 20px;
}
.psn-3 {
  position: relative;
  bottom: 40px;
}
.psn-4 {
  position: relative;
  bottom: 60px;
}
.accordion-button::after {
  background-image: none !important;
}
h2.topic-title {
  font-size: 1.8em;
  font-weight: 600;
  margin-bottom: 2%;
  color: #cc4e0b;
}
.creed-image-academic {
  width: 100%;
}
/*------------------------------Insight Lab ----------------------*/
.insight-lab-img {
  display: block;
  position: relative;
  margin: 0 auto;
}
/*------------------------------- About Us ---------------------*/
.about {
  position: relative;
  margin: 0 auto;
}
.img-about {
  position: relative;
  margin: 0 auto;
}
.col-3.ab-line {
  width: 24%;
  position: relative;
  display: inline-block;
  margin-top: 4%;
}
.item.ab-hover {
  position: relative;
  height: 325px;
}
.ab-hover:hover {
  text-decoration: underline !important;
  filter: drop-shadow(5px 5px 4px #aeaeae);
}
.member {
  text-align: center;
  font-family: "myriad-pro";
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
  width: 24%;
	-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
}
.col-3.item {
  position: relative;
  height: 325px;
}
.bg {
  background-color: #eaeaea;
  position: absolute;
  bottom: 5%;
  left: 11%;
  right: 0;
  top: 20%;
  z-index: -1;
  box-shadow: 0px 5px 5px #a1a1a1;
  width: 80%;
	-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
}
.name {
  font-weight: 900;
  margin: 10px 0px;
  font-size: 1vw;
  text-align: center;
}
.info {
  color: #03244d;
}
.title {
  padding: 0px 15px;
  text-align: center;
  font-size: 0.9vw;
}
.item-sub {
  background-color: #E1E1E1;
  position: relative;
  left: 11%;
  right: 0;
  padding: 10px 0px;
  border-bottom: 4px solid #B84305;
  width: 80%;
  top: 4%;
	-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
}
.img-circle {
  border-radius: 50%;
  background-color: #a1a1a1;
  width: 200px;
  height: 200px;
  position: relative;
  left: 15%;
  bottom: 25%;
	-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
}
.email {
  text-align: center;
}
.email a {
  margin: 5px;
  color: #A83F07;
  font-weight: 900;
  font-size: 1vw;
	-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
}
.phone {
  text-align: center;
}
.phone a {
  font-size: 1vw;
  color: #03244d;
  font-weight: 600;
	-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
}
.page-leadership .member .item .item-sub .phone a {
  margin: 5px;
  color: #000;
  font-weight: 600;
	-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
}
.ab_top {
  position: relative;
  margin-top: 4%;
}
.space_jam {
  margin-top: 4%;
  position: relative;
}
.col-12.top-bios {
  padding-top: 2.5%;
  padding-bottom: 8%;
}
.col-12.bottom-bios {
  padding-bottom: 10%;
}
footer {
  font-size: 1vw;
}

.well {
	padding: 40px;
}