@charset "utf-8";
/* AU INDEX STYLING */


/* HOMEPAGE SLIDER STYLING */

#index_carousel a {color:#fff;}
#index_carousel .item {margin:0px auto; background-color:#000; }
#index_carousel .item_content_bg {opacity:0.4; position:absolute;
	-webkit-filter: blur(7px); filter: blur(7px); 
	top:0; bottom:0; left:0; right:0; 
	background-size:cover; 
	background-position:center center;
	}
#index_carousel .item_image {max-width:1280px; margin:0px auto; position:relative; box-shadow:0px 0px 40px #000;}
#index_carousel .item_image img {width:100%; position:relative;}
#index_carousel .content_container {position:relative;}
#index_carousel .blubar_title {text-align:center; padding:0px;}
#index_carousel .blubar_info {

  flex-direction: column;
  justify-content: center;
  resize: vertical;
  overflow: hidden;
  }
#index_carousel .blubar_info p {
	font-size:16px;
	margin: 0;
  padding:10px;
  }

.content_row_title {font-size:52px;}

/* AUBURN EXPERIENCE */

.auburn_experience {position:relative; background-image:url(http://ocm.auburn.edu/images/indexbackground_auburnexperience.jpg); background-size:cover; background-position:center center; min-height:600px;}
.auburn_experience .content_row_title {color:#fff;}
.auburn_experience_header {text-align:right; padding:20px;}
.auburn_experience_header .content_row_title .title01 {line-height:1;}
.auburn_experience button {float:right; width:100%; font-size:22px; background-color:#fff; font-size:24px; padding:10px;}
.auburn_experience button:hover {background-color:#dd550c; color:#fff;}
.auburn_experience button {color:#dd550c;}
.auburn_experience li {display:block; margin:30px 10px;}
.auburn_experience .blubar_info .col-sm-4 {padding:15px; text-align:center;}
.auburn_experience .blubar_info a {color:#fff; font-size:18px; margin:20px;}

/* NEWS AREA STYLING */



.index_news {padding:0px 20px;}
.index_news_features_top button {background-color:#dd550c; color:#fff; font-weight:bold;}
.index_news_features {padding:0px 0px;}
.index_news_item {padding-top:5px;}
.index_news_item_content {background-color:#dd550c; padding:0px;}
.index_news_item h4 {margin-top:15px; width:100%; background-color:#03244d; padding:10px; color:#fff; letter-spacing: 0.5px;}
.index_news_item a:hover {text-decoration:none;}
.index_news_item_image { overflow:hidden;}
.index_news_item img {width:100%;}
.index_news_item_alt {position:relative; }
.index_news_item_alt_bg {position:absolute; border-radius:4px; background-color:#03244d; top:0; bottom:0; left:0; right:0; opacity:0.0;
	-webkit-transition: all 0.3s;
	-webkit-transform: all 0.3s;
    transition: all 0.3s;
	}
.index_news_item_alt_info { text-align:center; position:absolute; top:0;-webkit-transition: all 0.3s;
	-webkit-transform: all 0.3s;
    transition: all 0.3s; position:absolute; margin:0px; font-size:20px; color:#fff; opacity:0.0; padding:0px; overflow: hidden;}
.index_news_item_alt_info p {font-size:15px; padding:10px; margin:0px; overflow:hidden; display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;}
.index_news_item_alt_info h4 {}
.index_news_item:hover .index_news_item_alt_bg {opacity:0.8;}
.index_news_item:hover .index_news_item_alt_info {opacity:1;}
.index_news_headlines ul {padding-right:30px; padding:0px;}
.index_news_headlines li {margin:5px; font-size:16px; border-bottom:1px dashed #a1a1a1; padding:5px;}
.index_news_item button {background-color:#dd550c; color:#fff; font-weight:bold; border:0px;}
.overlay {position:absolute; top:-25px; bottom:-25px; left:0; right:0; box-shadow:0px 0px 40px 2px #000; width:100%; z-index:-1;}


/* CALENDAR STYLING */

.index_calendar {border-left:1px solid #a1a1a1; }
.index_calendar a {}
.index_calendar .cItem {border-bottom:1px dashed #a1a1a1; display:inline-block; width:100%; padding:5px;}
.index_calendar .cDate {width:10%; float:left; margin-right:10px; color:#03244d;}
.index_calendar .cMonth {margin-right:5px;}
.index_calendar .cDay {}
.index_calendar .cEvent {width:85%; float:left;}
.index_calendar .cTitle {width:70%; float:left;}
.index_calendar .cTime {width:25%; float:left;}
.index_calendar .more {display:none;}


/* AUBURN BY THE NUMBERS */

.bythenumbers .item .text1 {font-family: "museo-slab"; }
.bythenumbers .item .text2 {max-width:250px; margin:0px auto;}







@media (max-width:1280px) {
	.index_news_item_alt_info p {-webkit-line-clamp: 2; padding:0px; }
	.index_news button {margin-top:15px;}
}

@media (max-width:1024px) {
	.index_news_item_alt_info {opacity:1.0; position:relative; margin:0px; padding:0px;}
	.index_news_item_alt_bg {display:none;}
	.index_news_item_alt_info p {display:none;}
	.index_news_item_alt h4 {position:relative; margin-top:0px;}
	.index_news_item button {display:none;}
	
	.index_calendar {border-left:none; border-top:1px solid #a1a1a1; margin-top:20px; padding-top:10px;}
.auburn_experience .blubar {position:relative;}
} 

@media (max-width:768px) {
	#index_carousel .item {bottom:0; padding:0px;}
	#index_carousel .item_headline {padding:0px;}
	#index_carousel .item_description p {padding:0px; display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical; overflow:hidden;}
	.auburn_experience .blubar a {font-size:14px;}
	.index_calendar {border:none;}
	.auburn_experience .button {padding:15px;}
	.overlay {display:none;}
	.index_news_item {width:33%; float:left;}
	.iconlinks ul li {float:left; width:25%; text-align:center;}	
}

@media (max-width:480px) {


		.index_news_item {width:100%; float:none;}
		.iconlinks {padding:5px 0px;}
		.iconlinks ul {padding:0px;}
		.iconlinks ul li {background-image:none; padding:0px 0px; width:25%; height:auto; text-align:center; }
		.iconlinks .icon {background:none; padding:0px; width:100%; height:auto;}
		.iconlinks .icon:hover img {opacity:1.0;}
		.iconlinks .icon img {width:90%;}
	
	.because_text {font-size:18px; padding:20px;}
	.content_row_title {font-size:36px;}
	.index_calendar .cDate {color:#496e9c; font-weight:bold;}
	.index_calendar .cMonth {float:left;}
	.index_calendar .cDay {float:left;}
	.index_calendar .cTitle {float:none; width:100%;}
	.index_calendar .cTime {float:none; width:100%; font-size:11px;}
		

}