@charset "utf-8";
/* AU TEMPLATE CSS STYLING */

/* GLOBAL STYLING */

	body {font-size:15px;}
	.content_row {position:relative;}
	.content_container {max-width:1280px; margin:0px auto; position:relative; z-index:0; padding:10px;}
	h2 {margin:0px; padding:10px 0px;}
	h3 {margin:0px; padding:10px 0px;}
	h4 {margin:0px; padding:10px 0px;}

	.page_content {padding-top:210px; position:relative;}
	header {position:fixed; width:100%; z-index:1000;}
	
	.page_content ul {margin:0px;}
	.page_content ul li {margin:0px;}
	
	.inset {max-width:1200px; margin:0px auto;}
	
	.font_ultralight {font-weight:100;}
	.font_light {font-weight:300;}
	.font_regular {font-weight:400;}
	.font_semibold {font-weight:600;}
	.font_bold {font-weight:700;}
	.font_black {font-weight:900;}

	.blubar {position:absolute; width:100%; left:0; right:0; bottom:50px; color:#fff; z-index:1;}
	.blubar_bg {position:absolute; background-color:#03244d; top:0; bottom:0; left:0; right:0; opacity:0.8;}
	.blubar_title {font-family: "myriad-pro"; font-size:36px;}
	.blubar_info {letter-spacing: 0.5px;}
	.blubar .blubar_info a {color:#fff;}
	.blubar .col {text-align:center;}

	.content_row_title {font-size:42px;}
	.title01 {font-family: "myriad-pro"; font-weight:100;}
	.title02 {font-family: "museo-slab"; font-weight:100;}
	.title03 {font-family: "myriad-pro"; font-weight:900;}
	
	#row_anchor {position:absolute; top:-210px;}
	
	.content_row button {margin-bottom:10px; border:0px; background-color:#dd550c; color:#fff;} 

	.column_header {font-size:16px; font-weight:600;}
			
	.lastUpdate {text-align:right; color:#a1a1a1;}
	
	.rowanchorlink {position:absolute; top:-210px;}

	.header_secondary h2 {display:none;}
	.header_secondary h4 {display:none;}
			
/* PRE-NAVIGATION STYLING */

	.pre_nav_container {width:100%; background-color:#03244d; padding:5px;}
	.pre_nav_content {max-width:1280px; margin:0px auto; padding:0px;}
	.pre_nav_container .content_container a {color:#eaeaea; font-size:12px; font-weight:bold; }
	.pre_nav_container .content_container a:focus {background:none;}
	.pre_nav_container .content_container li {margin:0px;}
	.pre_nav_container .content_container li a {padding:0px;}
	.pre_nav_container .content_container li a:hover {background:none; text-decoration:underline;}
	.pre_nav_search {padding:8px; margin:5px; border-top:1px solid #03244d;}
	.pre_nav_search input {float:right; width:100%; border-radius:5px;}

/* HEADER LOGOS STYLING */

	.header_logos_container {background-color:#03244d;}
	.header_logo {padding:0px;}
	.header_logo img {padding:5px; width:85%;}
	.header_secondary {float:right;}
	.header_secondary img {width:100%; float:right;}
	.header_secondary h2 {color:#fff; text-align:right;}
	.header_secondary h4 {color:#fff; text-align:right;}
	.header_logos_container button {font-size:24px; margin-bottom:10px; color:#fff; background:none;border:none; margin:15px 0px;}
	
/* PRIMARY NAVIGATION STYLING */

	.au_nav_container {width:100%; }
	.au_nav_links_container { color:#fff; width:100%; background-color:#dd550c; }
	.au_nav_links {margin:0px auto; }
	.au_nav_container a {color:#fff; letter-spacing: 0.5px;}
	.au_nav_container .nav li a:hover {background-color:#f68026;}
	.au_nav_container .nav li a:focus {background-color:#f68026;}
	.au_nav_container .panel {border-radius:0px; border:0px; color:#fff; background:none;}
	.au_nav_container .panel-collapse { margin:0px auto; }
	.au_nav_container .panel-group {margin:0px; padding:0px; border-bottom:0px solid #dd550c; }
	.au_nav_container .panel-group .panel {margin:0px;}
	.au_nav_container .panel-group .panel a {letter-spacing: 0.5px;}
	.au_nav_container .panel-group .panel .content_container {padding:15px;}
	.au_nav_container ul {max-width:1280px; margin:0px auto;}
	.au_nav_panels {border-radius:0px; margin:0px; background-image:url(http://ocm.auburn.edu/images/bg_gradient.jpg); background-size:contain; background-position:center; padding:0px;}
	.au_nav_container .navbar-header {background-color:#03244d;}
	.au_nav_container .navbar-header .icon-bar {background-color:#fff;}
	.au_nav_container .mobile_logo {padding:5px;}
	.au_nav_container .mobile_logo img {float:left; width:70%; margin:20px 10px;}
	.au_nav_container button {clear:right;}

/* MOBILE SEARCH DROPDOWN */

	.mobile_search {padding-bottom:10px;}
	.mobile_search .glyphicon {margin:2px 5px;}
	.mobile_search .title-area-search {margin:10px 0px; color:#000;}

/* SCROLLING ADJUSTMENTS */
	
	body.smaller .locking_header {width:100%; z-index:1000;}
	body.smaller .header_logos_container .header_logo {padding:0px;}
	body.smaller .header_logos_container .header_logo img {width:65%;}
	body.smaller .header_logos_container .header_tia {width:75%;}
	body.smaller .au_nav_container a {padding:3px;}
	body.smaller .pre_nav_container {display:none;}
	body.smaller .header_secondary h2 {font-size:18px;}
	body.smaller .backtotop {display:block;}
	
	
/* SIDEBAR NAVIGATION */

	.sidebar-nav ul {background:none;}
	.sidebar-nav li {}
	.sidebar-nav .navbar-collapse ul li a {font-weight:bold; color:#03244d;}
	.sidebar-nav .navbar-collapse ul {}
	
	
	.sidebar-nav .navbar {margin-bottom:0px;}
	.sidebar-nav ul li {background:none;}
	.sidebar-nav ul li ul li{background:none;}
	.sidebar-nav .dropdown-menu {margin-left:20px;}
	.sidebar-nav .dropdown-header {background-color:#eaeaea; padding:5px;}
	.sidebar-nav button {background-color:#B9B9B9;}

/* QUICK LINKS */

.iconlinks ul li {background-image:none; padding:0px 10px;}
.iconlinks .icon {width:95px; height:155px; margin:0px auto;}
.iconlinks .icon:hover img {opacity:0.0;}



/* BY THE NUMBERS */

.bythenumbers {font-size:16px;}
.bythenumbers .content_row_title {text-align:center; margin-bottom:20px;}
.bythenumbers .item {margin:0px auto; margin-bottom:20px; text-align:center;}
.bythenumbers .item .image {}
.bythenumbers .item .image img {width:100%; max-width:200px;}
.bythenumbers .item .text1 {font-size:36px; color:#4a6e9c;}
.bythenumbers .item .text2 {}


	
/* FOOTER STYLING */

	footer {background-color:#03244d; color:#fff; padding:25px 0px; border-top:5px solid #dd550c;}
	.footer_col {margin-bottom:15px;}
	.footer_col_logo {width:70%; margin:0px auto;}
	.footer_col_logo img {width:80%;}
	footer .col_1 {}
	footer .col_2 {padding:0px;}
	footer .col_3 {}
	footer h4 {border-bottom:1px solid #eaeaea; padding-bottom:5px;}
	footer a {color:#fff;}
	footer a:hover {color:#f68026; text-decoration:none;}

	.backtotop {position:fixed; bottom:0; right:0; z-index:999; display:none;}
	
	.backtotop a{display:inline-block; color:#a1a1a1;}
	.backtotop a,.backtotop a:hover{background-size:77px 35px}
	.backtotop{bottom:25px;position:fixed;right:10px;z-index:3000}
	.backtotop a{background-image:url(https://cdn.auburn.edu/assets/img/to-top.png);border-bottom:none;height:35px;width:77px}
	.backtotop a:hover{background-image:url(https://cdn.auburn.edu/assets/img/to-top2.png);}
	

/* SOCIAL MEDIA ROW */

.getconnected {color:#03244d; padding:25px 0px;}
.getconnected ul li {background-image:none; padding:0px 10px;}
.getconnected .icons {padding:15px 0px;}

.socialbutton {width:50px; height:50px; margin:0px auto;}
.socialbutton:hover img {opacity:0.0;}

.facebook {background-image:url(http://ocm.auburn.edu/images/icons/social/fb_o.png);}
.twitter {background-image:url(http://ocm.auburn.edu/images/icons/social/tw_o.png);}
.instagram {background-image:url(http://ocm.auburn.edu/images/icons/social/ig_o.png);}
.flickr {background-image:url(http://ocm.auburn.edu/images/icons/social/fl_o.png);}
.youtube {background-image:url(http://ocm.auburn.edu/images/icons/social/yt2_o.png);}
.webcams {background-image:url(http://ocm.auburn.edu/images/icons/social/wc_o.png);}

/* CAMPAIGN ROW */
.campaign_row {padding:20px; position:relative; background-image:url(http://ocm.auburn.edu/images/indexbackground_campaign.jpg); background-size:cover; background-position:center center; padding-bottom:50px;}
.because_text {font-size:32px; padding:20px;}
.because_images {text-align:center; }
.because_images img {width:100%;}
.because_logo {max-width:300px;}
.campaign_row button {background-color:#dd550c; color:#fff; margin-bottom:10px; border:0px;}

/* SPOTLIGHT */

.spotlight {background-size:cover; background-position:center left; color:#03244d;}
.spotlight .content_row_title {color:#dd550c; line-height:50px;}
.spotlight .quote {font-size:32px; font-family: "museo-slab"; margin-bottom:20px;}
.spotlight .info {text-align:right; }
.spotlight .info .name {font-size:24px;}
.spotlight .info .status {font-size:16px; margin-bottom:20px;}
.spotlight .info .link a {color:#fff;}
.spotlight button {background-color:#dd550c; color:#fff;}


/* SECOND TIER PAGES */

.second_tier_topper {width:100%; height:300px;}
.second_tier_topper img {width:100%;}



.tier_2 .blubar {bottom:0;}
.tier_2 .content_row_title {font-family: "myriad-pro"; font-weight:100;}
.tier_2 .bythenumbers .item .text1 {font-size:32px; font-weight:500;}
.tier_2 .bythenumbers .item .text2 {font-size:20px; font-weight:100;}



/* THIRD TIER PAGES */

body.smaller .tier_3 .header_tia {display:none;}
body.smaller .tier_3 .header_secondary h2 {display:block; font-size:26px;}
body.smaller .tier_3 .header_secondary h4 {display:block; font-size:18px;}
.tier_3 .blubar {bottom:0;}
.third_tier_topper {width:100%; height:300px;}
.third_tier_topper img {width:100%;}




@media (max-width:1024px) {
	header {position:relative;}	
	.page_content {padding-top:0px;}
	.blubar {position:absolute; bottom:0;}
	.header_secondary h2 {font-size:20px;}
	.header_secondary h4 {font-size:18px;}
	.spotlight .quote {font-size:24px;}
} 

/* make sidebar nav vertical */ 
@media (min-width: 768px) {
	.sidebar-nav .navbar {}
	.sidebar-nav .navbar .navbar-collapse {padding: 0; max-height: none;}
	.sidebar-nav .navbar ul {float: none;}
	.sidebar-nav .navbar ul:not {display: block;}
	.sidebar-nav .navbar li {float: none; display: block;}
	.sidebar-nav .navbar li a {padding-top: 12px; padding-bottom: 12px; }
	.sidebar-nav .navbar li:hover {background-color:#496e9c;}
	.sidebar-nav .navbar li:hover a {color:#fff;}
	.sidebar-nav-header {background-color:#496e9c; padding:10px 20px; color:#fff; font-family: "myriad-pro"; font-size:30px; font-weight:100;}
	.breadcrumb {padding:3px; background:none;}
}

@media (max-width:768px) {
	.pre_nav_container {border-bottom:1px solid #a1a1a1;}
	.header_secondary h2 {font-size:22px;}
	.sidebar-nav {margin-bottom:10px;}
	.content_row_title {font-size:36px;}

}



@media (max-width:480px) {
	.header_pagetitle {float:none;}
	.header_secondary h2 {text-align:center; border-top:1px solid #a1a1a1; padding-top:15px;}
	.header_secondary h4 {text-align:center;}
	.getconnected ul li {width:50%; float:left;}
	.second_tier_topper {height:200px;}
	.second_tier_topper .blubar_info {display:none;}
	.blubar .blubar_title {font-size:20px;}
	.content_row_title {font-size:28px;}
	.spotlight {background:none;}
	
	
}

