@charset "utf-8";
/* CSS Document */
.nav-justified>.dropdown .dropdown-menu {
    background-color: #cc4e0b;
}
.au_nav_container .dropdown-menu>li>a:focus, .au_nav_container .dropdown-menu>li>a:hover, .au_nav_container .nav li a:hover {
    background-color: #fff;
    color: #af440a;
}
.dropdown-menu>li>a {
 
    color: #fff;
   
}
ul.dropdown-menu.show {
  width: 100%;
  text-align: center;
}
/* SITE-WIDE STYLING */
.dualenrollment {
  position: relative;
  font-family: franklin-gothic-atf, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.header_logos_container .content_container .col-sm-2 .col-xs-6 .navbar-toggle {
  display: block;
}
.au_nav_container .navbar .navbar-collapse {
  background-color: #03244d;
  border-top: 1px solid #cc4e0b;
  padding: .35% 0px;
}

.bottomline {
  border-bottom: 1px solid #000;
}
.image {
  width: 100%;
}
.image img {
  width: 100%;
}
.row-title {
  font-size: 2.25em;
  text-transform: uppercase;
  color: #03244d;
  font-family: franklin-gothic-condensed, sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 2;
}
.button .btn {
  font-size: 2.25em;
  text-transform: uppercase;
  width: 100%;
  border-radius: 15px;
  box-shadow: 7px 7px 7px #a1a1a1;
  border: 0px;
  font-weight: 600;
}
/* HOMEPAGE STYLING */
.index {}
.index .slider .item img {
  width: 100%;
}
.index .apply .content_container {
  padding: 2% 0px;
}
.index .apply {
  text-align: center;
}
.index .apply .text {
  padding: 2%;
}
.index .apply .stats .item {
  color: #03244D;
}
.index .apply .stats .item .number {
  font-size: 3em;
  font-weight: 600;
}
.index .apply .stats .item .info {
  font-size: 1.75em;
}
.index .steps .item {
  padding: 3% 0px;
}
.index .steps .item .promo {
  padding: 2%;
  height: 30vh;
}
.index .steps .item .promo .text {
  font-size: 4em;
  text-transform: uppercase;
  line-height: .9;
  font-weight: 600;
}
.index .steps .get-started .promo {
  background-color: #4894ae;
  color: #fff;
}
.index .steps .get-started .sub-steps {
  text-align: center;
}
.index .steps .get-started .sub-steps .image img {
  width: 85%;
}
.index .steps .get-started .sub-steps .info {
  text-size: .9em;
}
.index .steps .mobile-separator-01 {
  background-color: #4894ae;
  height: 10px;
  margin: 5% 2%;
}
.index .steps .get-accepted .promo {
  background: rgb(237, 116, 35);
  background: linear-gradient(63deg, rgba(237, 116, 35, 1) 35%, rgba(241, 151, 89, 1) 35%);
  color: #03244d;
}
.index .steps .get-accepted .promo .text {
  transform: rotate(-25deg);
  top: -15%;
  position: relative;
}
.index .steps .get-ahead .promo {
  text-align: center;
  background-color: #a7d8e7;
  color: #03244d;
  font-size: 1.5em;
}
.index .testimonial .content_container {
  margin: 3% auto;
}
.index .testimonial .content {
  background-color: #e9f5f9;
}
/* CAROUSEL FADE START */
.index .carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.index .carousel-fade .carousel-inner .item, .index .carousel-fade .carousel-inner .active.left, .index .carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.index .carousel-fade .carousel-inner .active, .index .carousel-fade .carousel-inner .next.left, .index .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.index .carousel-fade .carousel-inner .next, .index .carousel-fade .carousel-inner .prev, .index .carousel-fade .carousel-inner .active.left, .index .carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
.index .carousel-fade .carousel-control {
  z-index: 2;
}
/* CAROUSEL FADE STOP */
/* SECTION PAGE STYLING */
.section .billboard {
  min-height: 300px;
  height: 40vh;
}
.billboard .angle-filter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    clip-path: polygon(0% 0%, 50% 0%, 65% 100%, 0% 100%);
    background-color: rgb(255, 255, 255, 0.5);
  }
.billboard .page-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgb(255, 255, 255, 0.75);
  border-top: 5px solid #a7d8e7;
  border-bottom: 5px solid #a7d8e7;
}
.billboard .page-title .text {
  text-align: center;
  text-transform: uppercase;
  font-size: 4em;
  color: #03244d;
  font-weight: 600;
  font-family: franklin-gothic-condensed, sans-serif;
  letter-spacing: 3;
}
@media (max-width:767px) {
  .billboard .image {
    width: 40%;
  }
}
.billboard .mark-container {
  position: relative;
  text-align: right;
}
.billboard .mark-container.v1 {
  background-color: rgb(167, 216, 231);
}
.billboard .mark-container.v2 {
  background-color: rgb(255, 255, 255);
}
.billboard .mark-container.v3 {
  background-color: rgb(71, 148, 173);
}
.billboard .mark-container .image {
  width: 100%;
  padding: 2%;
  text-align: right;
}
.billboard .mark-container .image img {
  width: 25%;
}
.application .billboard {
  position: relative;
  background-color: #eaeaea;
  background: url("http://www.auburn.edu/academic/provost/dualenrollment/_assets/images/header-background-application.jpg");
  background-position: center center;
  background-size: cover;
}
.application .content_row .content {
  padding: 3% 1%px;
}
.application .list .item {
  display: table;
  width: 100%;
}
.application .list .item:nth-child(even) {
  background-color: #eaeaea;
}
.application .list .item [class*="col-sm"] {
  display: table-cell;
  float: none;
  vertical-align: middle;
}
.application .list .item .number {
  font-size: 3em;
  font-weight: 600;
  text-align: center;
  color: #4894ae;
}
.application .list .item .info {
  padding: 1%;
  font-size: 1.3em
}
.application .list .item .info a {
  border-bottom: 1px dashed #cc4e0b;
}
.application .timeline .semester {
  background-color: #d4e9ef;
}
.application .timeline .semester-title {
  color: #03244d;
  font-size: 1.5em;
  padding: 1% 0px;
  border-bottom: 3px solid #fff;
}
.application .timeline .semester-schedule {
  padding: 1%;
  font-size: 1.2em;
  text-align: center;
}
.cost .billboard {
  position: relative;
  background-color: #eaeaea;
  background: url("http://www.auburn.edu/academic/provost/dualenrollment/_assets/images/header-background-cost.jpg");
  background-position: center center;
  background-size: cover;
}
.cost .list .item {
  margin: 5% auto;
  box-shadow: 5px 5px 5px #a1a1a1;
  padding: 2%;
  font-size: 1em;
}
.cost .list .item:nth-child(odd) h2.row-title {
  color: #35727E;
}
.cost .list .item:nth-child(even) h2.row-title {
  color: #cc4e0b;
}
.courses .billboard {
  position: relative;
  background-color: #eaeaea;
  background: url("http://www.auburn.edu/academic/provost/dualenrollment/_assets/images/header-background-courses.jpg");
  background-position: center center;
  background-size: cover;
}
.section .about-info {
  margin: 1% auto;
  padding: 2%;
  border-bottom: 1px solid #000;
}
.courses-list {
  padding: 2% 0;
}
.courses-list .item .image {
  position: relative;
}
.courses-list .item .title {
  position: absolute;
  left: 0;
  right: 0;
  top: 35%;
  font-size: 1.75em;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  padding: 3%;
  opacity: 1;
  transition: all .25s;
}
.courses-list .item.english .title {
  background-color: #7aaf77;
}
.courses-list .item.finearts .title {
  background-color: #0c2340;
}
.courses-list .item.history .title {
  background-color: #427caf;
}
.courses-list .item.mathematics .title {
  background-color: #256968;
}
.courses-list .item.science .title {
  background-color: #262262;
}
.courses-list .item.socialsciences .title {
  background-color: #556187;
}
.courses-list .item.worldlanguages .title {
  background-color: #0b6daa;
}
.courses-list .item.electives .title {
  background-color: #0e92cc;
}
.courses-list .item .image .img-1 img {
  z-index: -1;
  position: relative;
  transform: scaleX();
  background-image: url("../images/AF Courses Graphics/Electives2.png");
  transition: all .25s;
}
.courses-list .item .image img {
  z-index: -1;
  position: relative;
  transform: scaleX();
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: all .25s;
}
.courses-list .item:hover .title {
  opacity: 1;
}
.courses-list .item:hover img {
  transform: scaleX(-1);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.courses-list .course-item {
  border-bottom: 1px dashed #a1a1a1;
  margin: 2% auto;
}
.courses-list .modal .course-number {
  color: #03244d;
  font-size: 1.2em;
  font-weight: 600;
}
.courses-list .modal .course-name {
  color: #cc4e0b;
  font-size: 1.5em;
  font-weight: 600;
}
.courses-list .modal .course-info p {
  font-size: 1.1em;
}
.courses-list .modal .modal-title {
  font-size: 2em;
  font-weight: 600;
  color: #03244d;
}
.parents .billboard {
  position: relative;
  background-color: #eaeaea;
  background: url("http://www.auburn.edu/academic/provost/dualenrollment/_assets/images/header-background-parents.jpg");
  background-position: center center;
  background-size: cover;
}
.parents .additional-content {
  margin: 3% auto;
  box-shadow: 5px 5px 5px #a1a1a1;
  padding: 1%;
}
.parents .additional-content .item {
  margin: 3% auto;
  padding: 3% 0px;
  font-size: 1.5em;
  border-bottom: 5px solid #a7d8e7;
}
.parents .additional-content .item:last-child {
  border-bottom: 0px;
}
.parents .additional-content .item a {
  border-bottom: 1px dashed #cc4e0b;
}
.parents .list .item {
  display: table;
  width: 100%;
}
.parents .list .item:nth-child(even) {
  background-color: #eaeaea;
}
.parents .list .item [class*="col-sm"] {
  display: table-cell;
  float: none;
  vertical-align: middle;
}
.parents .list .item .number {
  font-size: 3em;
  font-weight: 600;
  text-align: center;
  color: #4894ae;
}
.parents .list .item .info {
  padding: 1%;
  font-size: 1.3em
}
.parents .list .item .info a {
  border-bottom: 1px dashed #cc4e0b;
}
.counselors .billboard {
  position: relative;
  background-color: #eaeaea;
  background: url("http://www.auburn.edu/academic/provost/dualenrollment/_assets/images/header-background-counselors.jpg");
  background-position: center center;
  background-size: cover;
}
.counselors .list {}
.counselors .list .item {
  padding: 3% 0px;
}
.counselors .list .item .button {
  max-width: 600px;
  font-size: .75em;
  text-transform: none;
  margin: 2% 0px;
}
.counselors .list .item .button a {
  white-space: normal;
}
.faq .billboard {
  position: relative;
  background-color: #eaeaea;
  background: url("http://www.auburn.edu/academic/provost/dualenrollment/_assets/images/header-background-faq.jpg");
  background-position: center center;
  background-size: cover;
}
.faq .faq-list .item {
  margin: 2% auto;
}
.faq .faq-list .item .question {
  font-size: 1.2em;
}
.faq .faq-list .item .answer {
  padding-left: 3%;
}
.team .billboard {
  position: relative;
  background-color: #eaeaea;
  background: url("http://www.auburn.edu/academic/provost/dualenrollment/_assets/images/header-background-team.jpg");
  background-position: center center;
  background-size: cover;
}
/*
	.tuitionwaiver .billboard {position:relative; background-color:#eaeaea; background:url("../images/FC (1).png"); background-position: center center; background-size: cover;}
*/
.tuitionwaiver .list .item:nth-child(odd) h2.row-title {
  color: #35727E;
}
.tuitionwaiver .list .item:nth-child(even) h2.row-title {
  color: #cc4e0b;
}
.tuitionwaiver .list > .item {
  margin: 5% auto;
  box-shadow: 5px 5px 5px #a1a1a1;
  padding: 2%;
  font-size: 1em;
}
.tuitionwaiver .list ul li {
  margin: 3% auto;
}
.tuitionwaiver .list ul li .question {
  font-weight: 600;
}
.modal-backdrop.in {
  z-index: auto;
}
/* ------------------------------------------- Course Box Styles ------------------------------------- */
.col-4.course-contain {
  width: 80vw;
  position: relative;
  margin: 0 auto;
}
.col-1.course-box {
  width: 12vw;
  display: inline-block;
  margin: 4vh 3vw;
}
.col-1-1.course-box {
  width: 12vw;
  position: relative;
  display: inline-block;
  margin: 1vh 3vw;
  left: 6.5vw;
}
.a1, .a2, .a3, .a4 {
  width: 11vw;
  height: 22vh;
  overflow: hidden;
  position: relative;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 10px 1px #000;
  display: inline-block;
}
.a1 {
  background-image: url("../images/AF Courses Graphics/COURSES.png");
}
.a2 {
  background-image: url("../images/AF Courses Graphics/COURSES3.png");
}
.a3 {
  background-image: url("../images/AF Courses Graphics/COURSES5.png");
}
.a4 {
  background-image: url("../images/AF Courses Graphics/COURSES7.png");
}
.b {
  width: 0;
  height: 22vh;
  overflow: hidden;
  margin-left: -3.15vw;
  transform: skew(20deg);
  transition: width 1s ease;
}
.a1:hover .b, .a2:hover .b, .a3:hover .b, .a4:hover .b {
  width: 18vw;
}
.c1, .c2, .c3, .c4 {
  width: 18vw;
  height: 22vh;
  transform: skew(340deg);
  margin-left: -3.15vw;
  background-position: 5vw 0;
}
.c1 {
  background-image: url("../images/AF Courses Graphics/COURSES2.png");
}
.c2 {
  background-image: url("../images/AF Courses Graphics/COURSES4.png");
}
.c3 {
  background-image: url("../images/AF Courses Graphics/COURSES6.png");
}
.c4 {
  background-image: url("../images/AF Courses Graphics/COURSES8.png");
}
h3.course-title-base, h3.course-title-base-math, h3.course-title-base-science, h3.course-title-arts, h3.course-title-world, h3.course-title-social, h3.course-title-electives {
  position: absolute;
  font-size: 1.8vw;
  color: #03244d;
  z-index: 99;
  text-transform: uppercase;
}
h3.course-title-base {
  left: 1.4vw;
  top: 8vh;
}
h3.course-title-base-math {
  left: 2.75vw;
  top: 8vh;
}
h3.course-title-base-science {
  color: #fff;
  left: 1.5vw;
  top: 8vh;
}
h3.course-title-arts {
  left: 0vw;
  top: 6vh;
  text-align: center;
}
h3.course-title-world {
  font-size: 1.7vw;
  left: 0.1vw;
  top: 6vh;
  text-align: center;
}
h3.course-title-social {
  color: #fff;
  left: 1.5vw;
  top: 6vh;
  text-align: center;
  text-transform: uppercase;
}
h3.course-title-electives {
  color: #fff;
  left: 0.5vw;
  top: 8vh;
}
/* --------------------------------------------------- COurse Style End -------------------------------*/
@media (min-width:320px) and (max-width: 600px) {
  .col-4.course-contain {
    width: 100vw;
    position: relative;
    margin: 0 auto;
  }
  .col-1.course-box {
    width: 100vw;
    display: block;
    margin: 0 auto;
    padding: 5vw;
  }
  .col-1-1.course-box {
    width: 100vw;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    left: 0;
    padding: 5vw;
  }
  .a1, .a2, .a3, .a4 {
    width: 70vw;
    height: 23vh;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    box-shadow: 0 0 10px 1px #000;
    display: block;
  }
  .a1 {
    background-image: url("../images/AF Courses Graphics/COURSES.png");
  }
  .a2 {
    background-image: url("../images/AF Courses Graphics/COURSES3.png");
  }
  .a3 {
    background-image: url("../images/AF Courses Graphics/COURSES5.png");
  }
  .a4 {
    background-image: url("../images/AF Courses Graphics/COURSES7.png");
  }
  .b {
    display: none
  }
  .a1:hover .b, .a2:hover .b, .a3:hover .b, .a4:hover .b {
    display: none
  }
  .c1, .c2, .c3, .c4 {
    display: none;
  }
  h3.course-title-base, h3.course-title-base-math, h3.course-title-base-science, h3.course-title-arts, h3.course-title-world, h3.course-title-social, h3.course-title-electives {
    position: relative;
    font-size: 8vw;
    color: #03244d;
    z-index: 99;
    text-transform: uppercase;
  }
  h3.course-title-base, h3.course-title-electives, h3.course-title-base-math, h3.course-title-base-science {
    left: 0;
    top: 8vh;
    text-align: center;
  }
  h3.course-title-base-science {
    color: #fff;
  }
  h3.course-title-arts, h3.course-title-world, h3.course-title-social {
    left: 0vw;
    top: 8vh;
    text-align: center;
    text-transform: uppercase;
  }
  h3.course-title-social {
    color: #fff;
  }
  h3.course-title-electives {
    color: #fff;
  }
}
/*
@media (max-width:480px) {
	 .a1, .a2, .a3, .a4 {
    width: 70vw;
    height: 26vh;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    box-shadow: 0 0 10px 1px #000;
    display: block;
  }
}
@media (max-width:600px) {
	h3.course-title-arts, h3.course-title-world, h3.course-title-social {
    left: 0vw;
    top: 5vh;
    text-align: center;
    text-transform: uppercase;
  }
}
*/
@media (min-width:768px) {
  .billboard .angle-filter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    clip-path: polygon(0% 0%, 50% 0%, 65% 100%, 0% 100%);
    background-color: rgb(255, 255, 255, 0.5);
  }
  .billboard .page-title {
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 65%;
    left: 0;
    right: 50%;
    border-bottom: 0px;
    border-top: 0px;
    padding-top: 2%;
    background: none;
  }
  .billboard .mark-container {
    position: absolute;
    top: 0;
    bottom: 65%;
    left: 50%;
    right: 0;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10.5% 100%);
  }
  .billboard .mark-container .image {
    position: absolute;
    top: 12%;
    bottom: 12%;
    right: 8%;
    left: 25%;
    width: auto;
    text-align: center;
  }
  .billboard .mark-container .image img {
    width: auto;
    height: -webkit-fill-available;
  }
  .application .list .item:nth-child(even) {
    background: none;
  }
  .application .list .item {
    border-bottom: 1px dashed #a1a1a1;
  }
  .application .list .item:last-child {
    border-bottom: 0px;
  }
  .parents .list .item:nth-child(even) {
    background: none;
  }
  .parents .list .item {
    border-bottom: 1px dashed #a1a1a1;
  }
  .parents .list .item:last-child {
    border-bottom: 0px;
  }
  .parents .additional-content .item {
    display: table;
    width: 100%;
    padding: inherit;
    border-bottom: 0px;
  }
  .parents .additional-content .item [class*="col-sm-"] {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
}
@media (min-width:768px) and (max-width:1024px){
  .col-4.course-contain {
    width: 100vw;
    position: relative;
    margin: 0 auto;
  }
  .col-1.course-box {
    width: 100vw;
    display: block;
    margin: 0 auto;
    padding: 5vw;
  }
  .col-1-1.course-box {
    width: 100vw;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    left: 0;
    padding: 5vw;
  }
  .a1, .a2, .a3, .a4 {
    width: 70vw;
    height: 22vh;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    box-shadow: 0 0 10px 1px #000;
    display: block;
  }
  .a1 {
    background-image: url("../images/AF Courses Graphics/COURSES.png");
  }
  .a2 {
    background-image: url("../images/AF Courses Graphics/COURSES3.png");
  }
  .a3 {
    background-image: url("../images/AF Courses Graphics/COURSES5.png");
  }
  .a4 {
    background-image: url("../images/AF Courses Graphics/COURSES7.png");
  }
  .b {
    display: none
  }
  .a1:hover .b, .a2:hover .b, .a3:hover .b, .a4:hover .b {
    display: none
  }
  .c1, .c2, .c3, .c4 {
    display: none;
  }
  h3.course-title-base, h3.course-title-base-math, h3.course-title-base-science, h3.course-title-arts, h3.course-title-world, h3.course-title-social, h3.course-title-electives {
    position: relative;
    font-size: 8vw;
    color: #03244d;
    z-index: 99;
    text-transform: uppercase;
  }
  h3.course-title-base, h3.course-title-electives, h3.course-title-base-math, h3.course-title-base-science {
    left: 0;
    top: 8vh;
    text-align: center;
  }
  h3.course-title-base-science {
    color: #fff;
  }
  h3.course-title-arts, h3.course-title-world, h3.course-title-social {
    left: 0vw;
    top: 7vh;
    text-align: center;
    text-transform: uppercase;
  }
  h3.course-title-social {
    color: #fff;
  }
  h3.course-title-electives {
    color: #fff;
  }
}
@media (max-width:992px) {
  .index .steps .item {
    display: table;
    width: 100%;
  }
  .index .steps .item .promo, .index .steps .item .content {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
  .section .billboard {
    height: 70vh;
  }
  .section .billboard .page-title {
    font-size: 1.25em;
  }
}
@media (max-width:1024px) {
	
  
}
@media (min-width: 1024px) and (max-width:1200px) {
  .billboard .angle-filter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    clip-path: polygon(0% 0%, 50% 0%, 65% 100%, 0% 100%);
    background-color: rgb(255, 255, 255, 0.5);
  }
	.section .billboard .page-title {
    font-size: 1.75em;
  }
  .application .list .item {
    border-bottom: 0px;
  }
  .parents .list .item {
    border-bottom: 0px;
  }
	
	
	
	
	
	.a1, .a2, .a3, .a4 {
    height: 16vh;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    box-shadow: 0 0 10px 1px #000;
    display: block;
  }
	h3.course-title-base, h3.course-title-electives, h3.course-title-base-math, h3.course-title-base-science {
    left: 1.4vw;
    top: 6vh;
    text-align: center;
  }
	h3.course-title-arts, h3.course-title-world, h3.course-title-social {
    left: 0vw;
    top: 5vh;
    text-align: center;
    text-transform: uppercase;
  }
}