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

header {border-bottom:3px solid #cc4e0b;}
	.03244d {color:#03244d;}
	.cc4e0b {color:#cc4e0b;}
	p a {border-bottom:1px dashed #cc4e0b;}
	.content_topper .pres-titles {margin:0px auto; text-transform: uppercase; padding:5px;}
	.pres-title {margin-bottom:10px;}
	.pres-title .pres-title-01 {font-size:28px; font-weight: 600;}
	.pres-title .pres-title-02 {font-size:20px; font-weight: 600;}
	
	.content_topper .au_nav_container {position:relative; background:none; overflow: hidden;}
	.content_topper .au_nav_container .aupres-navbg {position:absolute; background-color:#000; top:0; bottom:0; left:0; right:0; opacity:.65;}
	.content_topper .au_nav_container .navbar-default {background:none;}
	.au_nav_container .dropdown-toggle {font-weight: 600;}
	.au_nav_container .dropdown-toggle:hover {background-color:#a1a1a1;}
	
	.page_content .content_row {padding:0px 20px;}

	.about .content_container, .media .content_container, .gallery .content_container, .staff .content_container, .contact .content_container {border-top:1px solid #a1a1a1; padding:0px;}

	.content_topper {background-image:url(http://www.auburn.edu/administration/president/_assets/_images/2019-auburn-sunset.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; border-bottom:2px solid #03244d;}
	
	.content_topper .pres-titles  {position:absolute; bottom:0; width:100%;}
	.content_topper .pres-titles .pres-titles-bg {position:absolute; top:0; bottom:0; left:0; right:0; background-color:#fff; opacity: 0.8;}
	
	.pres-intro {margin:20px auto;}
	.pres-intro p {font-size:18px; font-family:"museo-slab";}
	
	.pres-links1 {}
	.pres-links1 .item {padding:10px; margin:20px auto; font-family:"myriad-pro";}
	.pres-links1 .item .btn {position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #fff; opacity:0; z-index: 9999;}
	.pres-links1 .item .icon {text-align:center;}
	.pres-links1 .item .icon img {width:100%;
		/* -webkit-filter: drop-shadow(5px 5px 5px #000); filter: drop-shadow(5px 5px 5px #000);*/
		}
	.pres-links1 .item .title {font-size:32px; text-align:center; text-transform: capitalize;}
	.pres-links1 .item .info {font-size:18px; text-align:center;}
	
	.social .content_container .twitter-widget {max-height:300px; overflow: auto; border:1px solid #a1a1a1;}
	.social .links {padding-bottom:20px;}
	.social .links .item {text-align:center; font-family: "myriad-pro"; font-weight:600; font-size:18px; margin-bottom:20px;}
	.social .links .item img {width:6%; margin-right:20px;}
	
	.about .bio {margin:20px auto; font-size:16px;}
	.about .bio p {font-family:"museo-slab";}
	.about img {width:100%;}
	.about .col-md-7 {padding:0px;}
	
	.about .links {padding-bottom:20px;}
	.about .links .item {text-align:center; font-family: "myriad-pro"; font-weight:600; font-size:18px; margin-bottom:20px;}
	.about .links .item .glyphicon {margin-right:20px; font-size:32px;}
	
	.media .content_container {}
	.media .content_container .content_row_title {}
	.media .content_container .item {padding:15px 0px;}
	.media .content_container .item .title {font-size:20px; font-weight:600; margin:10px 0px; text-align:center;}
	.media .content_container .item .info {font-size:16px; font-family:"museo-slab";}
	
	.gallery {}
	.gallery .content_container section img:hover {cursor:pointer;}
	
	.modal img {width:100%;}
	
	
	
	* {
      box-sizing: border-box;
    }

    .slider {width: 75%; margin: 20px auto;}
    .slick-slide {margin: 0px 20px;}
    .slick-slide img {width: 100%;}
    .slick-prev:before,
    .slick-next:before {color: black;}
    .slick-slide {transition: all ease-in-out .3s; opacity: .2;}
    .slick-active {opacity: .5;}
	.slick-current {opacity: 1;}
	.slick-current img {}
	.gallery .content_container .slider {padding:15px;}
	.slick-arrow:focus {border:1px dashed #000;}
	
	.contact-pres {text-align:center; margin:10px auto;}
	.contact-pres a {padding:30px; display:inline-block; border:2px solid #03244d; font-size:16px; color:#03244d; -webkit-transition: all 0.2s; letter-spacing:4px; font-weight:600; text-transform: uppercase;}
	.contact-pres .glyphicon {font-size:38px; padding:10px;}
	.contact-pres a:hover {text-decoration:none; background-color:#03244d; color:#fff;}
	
	
	.staff-container .col-sm-6 {padding:20px;}
	.staff-container .member {padding:20px;}
	.staff-container .member .name {font-size:20px; font-weight:600; color:#03244d;}
	.staff-container .member .title {font-size:16px; font-weight:600; color:#cc4e0b; margin-bottom:10px;}
	.staff-container .member .number, .member .email  {font-size:14px;}
	.staff-container .member .glyphicon {padding-right:10px; color:#03244d;}
	.staff-container .member .contact-pres .glyphicon{color:#cc4e0b;}
	.staff-container .member .contact-pres a:hover .glyphicon{color:#fff;}

	.success {display:none;}

	.staff-container .col-sm-6 {padding:0px;}
	.member .image {padding:0px;}

	.content_topper .au_nav_container {position:relative; left:0; right:0; background:none; overflow: hidden; border-top:1px solid #a1a1a1;}
	
	.remark-title {font-size:24px; font-weight:600; padding-top:15px;}
	.remark-date {margin-bottom:20px; font-weight:18px; font-style:italic;}
	.remark-expand {font-weight:600; margin-bottom:15px;}

	@media (min-width: 480px){
		.pres-links1 .item .title {font-size:48px;}
	}
	
	@media (min-width: 768px){
		
		/*.content_topper {min-height:550px;}*/
		
		.pres-title-01 {font-size:28px;}
		.pres-title-02 {font-size:20px;}
		
		.pres-links1 .content_container {width:100%; display:table;}
		.pres-links1 {padding-top:5%;}
		.pres-links1 .content_container .col-sm-4 {display:table-cell; float:none; position:relative; padding:20px;}
		
		.pres-links1 .content_container .col-sm-4 .item {position:relative; height:200px; padding-top:10%;}
		
		.pres-links1 .content_container .col-sm-4 .item .icon {position:absolute; top:-20%; left:0px; right:0px;}
		
		.pres-links1 .content_container .col-sm-4 .item .icon img {width:25%;}
		
		.media .content_container .item .title {text-align:left;}
		.media .content_container .item {border-bottom:1px dashed #a1a1a1;}
		
		.gallery {padding:20px 0px;}
		
		.anchor {position:absolute; top:-210px;}
		
		.form-container .input-group {width:100%; padding:10px;}
		.form-container .input-group-addon {width:20%; text-align:left;}
		.form-container .contact-element {margin:10px 0px;}
		.intro p {font-size:16px;}
		.success {font-size:24px;}
		
		.staff-container  .col-sm-6 {min-height:250px;}
		
		.content_topper .au_nav_container {position:absolute; bottom:0;}
		
	}
	
	@media (min-width: 1024px){
		.pres-links1 .content_container .col-sm-4 .item .icon {top:-30%;}
		
		.content_topper {min-height:500px;}
		
	}
	
	@media (min-width: 1280px){
		.pres-links1 .content_container .col-sm-4 .item .icon {top:-25%;}
		.staff-container  .member-container {min-height:225px; text-align:center;}
		.staff-container  .member-container-sec {min-height:150px; text-align:center;}
		
	}