@charset "utf-8";
/* CSS Document */

@font-face {
	  font-family: messinaserif;
	  src: url(http://auburn.edu/admissions/learnmore/_assets/fonts/messinaserif.woff);
	}
	
	@font-face {
	  font-family: messinaserif-book;
	  src: url(http://auburn.edu/admissions/learnmore/_assets/fonts/messinaserif-book.woff);
	}
	
	@font-face {
	  font-family: messinasans-bold;
	  src: url(http://auburn.edu/admissions/learnmore/_assets/fonts/messinasans-bold.woff);
	}

	
	
	.mobile_button_menu {display:none;}
	.content_topper {background-position:center center; background-size:cover; height: auto;}
	.content_topper {background-image: url("//auburn.edu/admissions/learnmore/_assets/images/index-students.jpg");}
	.content_topper .filter {position: absolute; top:0; bottom:0; left:0; right:0; background-color: #03244d; opacity: .8;}
	.content_topper  {text-align: center;}
	.content_topper .content {position: relative; z-index: 1; padding:40px 15px;}
	
	.content_topper .title {color:#dc7f34; font-size:36px; font-family: messinaserif-book;}
	.content_topper .info {color:#fff; font-size:18px;}
	.content_topper .extra-01 {font-size:18px; font-weight: 600; color:#fff; margin:10px;}
	.content_topper .btn-default {border:0px; border-radius:0; width:65%; padding:15px; font-weight:600;}
	
	.stats .content_container {border-bottom:1px solid #a1a1a1;}
	.stats h2 {font-weight:600; font-family: messinasans-bold;}
	.stats p {font-size:16px;}
	.stats img {width:100%;}
	
	.welcome {text-align: center; padding:5% 0; border-bottom:1px solid #a1a1a1;}
	.welcome h2 {font-weight:600; font-family: messinasans-bold;}
	.welcome p {font-size:16px;}
	.welcome .btn-default {border:0px; border-radius:0; width:65%; padding:15px; font-weight:600; white-space: normal;}
	
	.thingstodo .content_container .carousel-thingstodo {border:1px solid #000;}
	.thingstodo h2 {color:#cc4e0b; font-family: messinaserif-book;}
	.thingstodo .item {text-align: center;}
	.thingstodo .item .text {font-size:16px;}
	.thingstodo .item .text .text1 {color:#03244d; font-weight:600; font-size:18px;}
	.thingstodo .item .text .text2 {color:#cc4e0b; padding:10px 20px;}
	.thingstodo .item .image img {width:75%;}
	.thingstodo .item .number img {width:50%;}

	.learnmore {text-align: center; padding:5% 0; border-bottom:1px solid #a1a1a1;}
	.learnmore h2 {font-weight:600; font-family: messinasans-bold;}
	.learnmore p {font-size:16px;}
	.learnmore .btn-default {border:0px; border-radius:0; width:65%; padding:15px; font-weight:600; white-space: normal;}
	
	
	/* CAROUSEL STYLES */
	
	.carousel-control.right, .carousel-control.left {background-image: none; opacity: 1;}
	
	.thingstodo .carousel-control {color:#cc4e0b;}
	.thingstodo .carousel-indicators {position: relative; left: 0; right: 0; width: 100%; padding-left: 0; margin-left: 0;}
	.thingstodo .carousel-indicators li {border: 1px solid #cc4e0b; padding:8px;}
	.thingstodo .carousel-indicators li.active {background-color: #cc4e0b;}
	.thingstodo .carousel .carousel-inner {max-width:1000px; margin:0px auto;}
	.thingstodo .carousel .carousel-indicators {bottom:auto; padding-top: 70px;}
	.thingstodo .carousel-control:focus  {background-color:#eaeaea;}
	.stats .carousel .carousel-inner .item {padding:30px; background-color:#fff;}
	.stats .carousel .carousel-indicators {bottom:0px;}
	.stats .carousel-indicators li {border: 1px solid #03244d; padding:8px;}
	.stats .carousel-indicators li.active {background-color: #03244d;}
	
	.students {padding:0px;}
	.students .carousel img {width:100%;}
	
	.students .carousel .content {padding:3%;}
	.students .carousel .carousel-control {height:45%;}
	
	.students .carousel .item .content .text {font-size:16px;}
	.students .carousel .item .content .text .quote {}
	.students .carousel .item .content .text .credit {color:#dc7f34; text-align: right;}
	.students .carousel-control:focus  {border:2px dashed #cc4e0b;}

	.input-group {padding:10px;}
	.success {font-size:20px; font-weight:600; color:#cc4e0b;}
	
	
				

	@media (min-width:768px) {
		.content_topper .btn-default {width:45%;}
		.content_topper .title {font-size:48px;}
		.stats {background-color:#03244d; color:#fff;}
		.stats .content_container {display: table;}
		.stats [class*="col-"] {float: none; display: table-cell; vertical-align: middle;}
		
		.welcome {padding:3% 0; border-bottom:0px;}
		.thingstodo {padding:5% 0;}
		.thingstodo h2 {text-align: center;}
		.thingstodo .item .col-sm-12 {display:table; width:100%;}
		.thingstodo .item .col-sm-12 [class*="col-"] {display:table-cell; vertical-align: middle; float: none;}
		.thingstodo .item .number span {background-color:#03244d; color:#fff; padding:15% 20%; font-size:48px; font-weight:600;}
		
		
		.students .carousel .carousel-control {height:auto;}
		.students .carousel .item .content {position:absolute; top:0; bottom:0; left:50%; right:10%;}
		.students .carousel .item .content .filter {position:absolute; top:0; bottom:0; left:0; right:0; background-color:#03244d; z-index: 0; opacity: 0.80;}
		.students .carousel .item .content .text {position:relative; padding:0; z-index: 1; color:#fff; font-size:14px;}
		.learnmore {padding:3% 0; border-bottom:0px;}

		
	}
	
	@media (min-width:1024px) {
		.content_topper {min-height:450px;}
		.content_topper .content {transform: translateY(30%);}
		.content_topper .btn-default {width:25%;}
		.students .carousel .item .content .text {font-size:18px;}
		
		
	}
	
	@media (min-width:1200px) {
		.content_topper {min-height:65vh;}
		.content_topper .title {font-size:72px;}
		.content_topper .content {transform: translateY(20%);}
		.students .carousel .item .content .text {padding-top:10%;}
		.students .carousel .item .content .text .quote {font-size:20px;}
		.students .carousel .item .content .text .credit {font-size:20px; padding-top:20px;}
		
	}