@charset "utf-8";
/* CSS Document */

/* SITE-WIDE STYLING */
		
	.dualenrollment {position:relative; z-index: 2; 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;}
	
	p {color:#03244d; font-size:1.3em;}
	.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 .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;}
	.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.2021/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.2021/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.2021/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 {border:0px solid #a1a1a1; width:75%; margin:8% auto;}
	.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 {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.2021/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.2021/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.2021/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.2021/header-background-team.jpg"); background-position: center center; background-size: cover;}


	.modal-backdrop.in {z-index: auto;}

	@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: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 (min-width:1200px) {
		.section .billboard .page-title	{font-size:1.75em;}
		.application .list .item {border-bottom:0px;}
		.parents .list .item {border-bottom:0px;}
	}