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

/* HEADER  */

	@media (min-width:1200px) {
		.site-header {position:absolute; background:rgb(255,255,255,.95); box-shadow: 0px 2px 10px #464646;}
		.totop .nav-toggle button {background-color: rgb(255,255,255,.95);}
		.nav-toggle button {background-color: rgb(255,255,255,0);}
		.nav-toggle button:hover {color: #fff; background:rgb(11,35,65, .9);}
		
		
	}
	
/* BILLBOARD */
	
	.content_row.billboard {padding:0px; background-color:#0b2341;}
	.billboard .carousel {height:35vh;}
	.billboard .carousel-indicators {height:100%;}
	.billboard .carousel-inner {height:100%;}
	.billboard .carousel-inner .carousel-item {height:100%; }
	.billboard .carousel-inner .carousel-item .carousel-image {position:absolute; top:0; bottom:0; left:0; right:0; }
	
	.billboard .carousel-inner .carousel-item a .carousel-caption {transition:all .25s;}
	.billboard .carousel-inner .carousel-item a:focus .carousel-caption {box-shadow:inset 0px 0px 0px 5px #cc4e0b;}
	.billboard .carousel-inner .carousel-item .carousel-caption {right: 0; bottom: 0; left: 0; padding:5%;}
	.billboard .carousel-inner .carousel-item .carousel-caption .title {font-family:sweet-sans-pro; font-size:1.2em; font-weight:700;}
	.carousel-control-next, .carousel-control-prev {top: auto; bottom: 5%; opacity: 1;}
	.carousel-control-prev-icon, .carousel-control-next-icon {transition:all .15s;}
	.carousel-control-prev:focus .carousel-control-prev-icon {background-color:#cc4e0b; border:3px solid #0b2341; transform: scale(1.5);}
	.carousel-control-next:focus .carousel-control-next-icon {background-color:#cc4e0b; border:3px solid #0b2341; transform: scale(1.5);}
	.carousel-control-prev-icon:hover, .carousel-control-next-icon:hover {background-color:#cc4e0b;}
	.carousel-control-next, .carousel-control-prev {z-index: 2;}
		
	@media (min-width:768px) {
		.billboard .carousel {height:55vh;}
		.billboard .carousel-inner .carousel-item .carousel-caption {padding:3% 15%;}
		.billboard .carousel-inner .carousel-item .carousel-caption .title {font-family:sweet-sans-pro; font-size:1.35em; font-weight:700;}
		}
		
	@media (min-width:992px) {
		.billboard .carousel {height:70vh;}
		.billboard .carousel-inner {box-shadow:0px 0px 15px #000;}
		.billboard .carousel-inner .carousel-item .carousel-caption {width:30%; background:rgb(231,233,236,.95); color:#0b2341; padding:3%;}
		.billboard .carousel-inner .carousel-item .carousel-caption.dark {width:30%; background:rgb(11,35,65, .95); color:#fff; padding:3%;}
		.billboard .carousel-inner .carousel-item .carousel-caption.pos01 {top:5%; bottom:auto; left:6%;  text-align: left;}
		.billboard .carousel-inner .carousel-item .carousel-caption.pos02 {top:auto; bottom:5%; left:6%; text-align: left;}
		.billboard .carousel-inner .carousel-item .carousel-caption.pos03 {top:5%; bottom:auto; left:auto; right:6%; text-align: right;}
		.billboard .carousel-inner .carousel-item .carousel-caption.pos04 {top:auto; bottom:5%; 
		left:auto; right:6%; text-align: right;}
		.billboard .carousel-inner .carousel-item .carousel-caption.pos05 {width: auto; top:auto; bottom:2%; 
		left:25%; right:25%; text-align: center}
		.billboard .carousel-inner .carousel-item .carousel-caption .info {border-top:1px solid #cc4e0b; margin-top:2%; padding-top:2%;}
		.carousel-control-next, .carousel-control-prev {top: 40%; bottom: 40%;}
		.carousel-caption.pos01, .carousel-caption.pos02 {box-shadow:2px 2px 10px #464646;}
		.carousel-caption.pos03, .carousel-caption.pos04 {box-shadow:-2px 2px 10px #464646;}
		.carousel-caption.pos05 {box-shadow:0px 0px 10px #464646;}
		}
		
	@media (min-width:1200px) {
		.billboard .carousel {height:100vh;}
		.billboard .carousel-inner .carousel-item .carousel-caption .title {font-size:2em;}
		.billboard .carousel-inner .carousel-item .carousel-caption .info {font-size: 1.25em;}
		.billboard .carousel-inner .carousel-item .carousel-caption.pos01 {top:15%;}
		.billboard .carousel-inner .carousel-item .carousel-caption.pos03 {top:15%;}
		}
		
/* SPECIAL ANNOUNCEMENT */
	
	.page-content .special-bar {padding:10%; margin:2% auto; border-bottom:1px solid #cc4e0b;}
	.special-bar.info h3.section-header {color:#0b2341;}
	.special-bar.alert h3.section-header {color:#cc4e0b;}
	.special-bar .bar-info p {font-size:1.2em;}
	.special-bar .links .item {text-align: center;}
	.special-bar .links .item a.btn {font-family:sweet-sans-pro; position:relative; font-weight:600; margin:2% auto; width:90%;}

	@media (min-width:768px) {
		.page-content .special-bar {padding:5% 10%;}
	}

	@media (min-width:1200px) {
		.page-content .special-bar {position:relative; z-index:1; padding:2% 10%; background:url("https://auburn.edu/template/2022/_assets/images/design-elements/arrow-top.jpg"); background-position: left center; background-size: contain; background-repeat: no-repeat; border-bottom:0px;}
		.page-content .special-bar:after {content:""; position:absolute; background-color:#eaeaea; right:10%; width:75%; bottom:0; height:2px; z-index: 2;}
	}

/* QUICK LINKS */
	
	.page-content .content_row.quick-links {padding:3% 10% 1.5% 10%;}
	.quick-links .crc {color:#0b2341; border-bottom:1px solid #aaa; margin-bottom:5%;}
	.quick-links .crc .text {padding-left:2%;}
	.quick-links .crc a {color:#0b2341; text-decoration: none; font-family:sweet-sans-pro; font-weight:700;}
	.quick-links .crc a:hover {color:#cc4eob; border-bottom:1px dashed #cc4e0b;}
	.quick-links .crc a:focus {color:#cc4eob; border-bottom:1px dashed #cc4e0b;}
	.quick-links .links .item {text-align: center; margin:3% auto;}
	.quick-links .links .item svg {width:100%; color:#0b2341;}
	.quick-links .links .item .text {padding-top:4%; transition: all .25s;}
	.quick-links .links .item a {color:#0b2341; text-decoration: none; position:relative; font-family:sweet-sans-pro; font-weight:600;}
	.quick-links .links .item a::after {content: ""; background: #cc4e0b; position: absolute; bottom: -3px; height: 3px; width: 0%; left: 50%;
	transition:all .25s;}
	.quick-links .links .item a:hover:after {content: ""; background: #cc4e0b; position: absolute; bottom: -3px; height: 3px; width: 70%; left: 15%;}
	.quick-links .links .item a:hover .text {color:#cc4e0b;}
	
	@media (min-width:768px) {
		.quick-links .crc {padding-bottom:5%;}
	}
	
	@media (min-width:992px) {
		.quick-links .crc {margin-bottom:2%; padding-bottom:2%;}
	}
	
	@media (min-width:1200px) {
		.quick-links .crc {border-bottom:0px; margin-bottom:auto; padding-bottom:0px;}
		.quick-links .crc .text {padding-left:5%;}
	}
	
	@media (min-width:1400px) {
		.page-content .content_row.quick-links {padding:1% 10% .75% 10%;}
		.quick-links .crc {padding-top:1%;}
	}

/* RANKINGS */
	
	.content_row.rankings {min-height:100vh; padding:0%; border-top:5px solid #cc4e0b; overflow: hidden; background-color:#e0e3ec;}	
	.rankings .stats {padding:5%;}
	.rankings .item {transform: translateX(-20%); font-family: 'sweet-sans-pro'; padding: 5%;}
	.rankings .item .text1 {font-size:1.75em; color:#cc4e0b; line-height: 1; font-weight: 800; margin-bottom: 1%;}
	.rankings .item .text2 {font-size:1.25em; color:#0b2341; line-height: 1.25; font-weight:800;}
	.rankings .item .text3 {font-style: italic; font-weight:600;}
	.rankings .item {opacity:0; transition: all 1s;}
	.rankings.active .item {opacity:1; transform: translateX(0%);}
	.rankings .item02 {transition-delay: 250ms;}
	.rankings .item03 {transition-delay: 500ms;}
	.rankings .item04 {transition-delay: 750ms;}
	.rankings .item05 {transition-delay: 1000ms;}
	.rankings .item06 {transition-delay: 1250ms;}
	
	@media (min-width:768px) {
		.content_row.rankings {min-height:60vh; position: relative; z-index: 1;}
	}
	
	@media (min-width:992px) {
		.content_row.rankings {border-top:0px;}
		.rankings {background:url("https://auburn.edu/template/2022/_assets/images/homepage-assets/aubie-bg-l.jpg"); background-size:cover; background-position: right center; background-repeat: no-repeat;}
	}
	
	@media (min-width: 768px) and (orientation:portrait) {
		.rankings {background:url("https://auburn.edu/template/2022/_assets/images/homepage-assets/aubie-c.jpg"); background-size:cover; background-position: center center; background-repeat: no-repeat;}
		.rankings .stats {position: absolute; top: 0; bottom: 0; width: 100%; background: rgb(255,255,255,.9); border-top: 3px solid #aaa; border-bottom: 3px solid #aaa;}
	}

	@media (min-width:1200px) {
		.rankings .item .text1 {font-size:2.5em;}
	}
	
/* EXPERIENCE */
	
	.content_row.experience { padding:0px; min-height:100vh;}
	.experience .item {position:relative; overflow: hidden; border-bottom:5px solid #fff;}
	.experience .item a {text-decoration: none;}
	.experience .item .text {padding: 10%; background: rgb(11,35,65,1); height: 100%; position:relative; transition:all .25s;}
	.experience .item .text .section-header {color:#fff;}
	.experience .item .text p {color:#eaeaea; font-size:1.2em; font-weight:500; transition:all .25s; opacity:1; line-height: 1.3;}
	.experience .item.academics {background-size:cover;}
	.experience .item.traditions {background-size:cover;}
	.experience .item.studentlife {background-size:cover;}
	.experience .item.visit {background-size:cover;}
	.experience .item.research {background-size:cover;}
	.experience .item.outreach {background-size:cover;}
	.experience .item .background {transition:all .5s; background-size:50%;}
	.experience .item a {color:#fff;}
	.experience .item a:hover {border-bottom:1px dashed #fff;}
	.experience .item a:focus {border-bottom:1px dashed #fff;}
	.experience .item:hover .background {transform:scale(1.3);}
	.experience .item:focus .background {transform:scale(1.3);}
	.experience .item:focus .text p {border:1px dashed #fdefe5;}
	.experience .item svg {color:#cc4e0b; transition: all .25s; width:4.5%;}
	.experience .item:hover svg {color:#fff;}
	.experience .item:focus svg {color:#fff;}
	.experience .item:hover .text {padding: 10%; background: rgb(11,35,65,.85); height: 100%; position:relative;}
	.experience .item:focus .text {padding: 10%; background: rgb(11,35,65,.85); height: 100%; position:relative;}
	.experience .item:hover .text p {opacity: 1;}
	.experience .item:focus .text p {opacity: 1;}

	@media (min-width:768px) {

		.experience .background {position:absolute; top:0; bottom:0; left:0; right:0;}
		.experience .item .text {background: rgb(11,35,65,.85);}
		.experience .item .text p {font-size:1.3em;}
		.experience .academics .background {background:url("https://auburn.edu/template/2022/_assets/images/homepage-assets/experience-academics.jpg"); background-position:center center; background-repeat: no-repeat; background-size:cover;}

		.experience .traditions .background {background:url("https://auburn.edu/template/2022/_assets/images/homepage-assets/experience-traditions.jpg"); background-position:center center; background-repeat: no-repeat; background-size:cover;}

		.experience .studentlife .background {background:url("https://auburn.edu/template/2022/_assets/images/homepage-assets/experience-studentlife.jpg"); background-position:center center; background-repeat: no-repeat; background-size:cover;}

		.experience .visit .background {background:url("https://auburn.edu/template/2022/_assets/images/homepage-assets/experience-visit.jpg"); background-position:center center; background-repeat: no-repeat; background-size:cover;}

		.experience .research .background {background:url("https://auburn.edu/template/2022/_assets/images/homepage-assets/research.jpg"); background-position:center center; background-repeat: no-repeat; background-size:cover;}

		.experience .outreach .background {background:url("https://auburn.edu/template/2022/_assets/images/homepage-assets/outreach.jpg"); background-position:center center; background-repeat: no-repeat; background-size:cover;}

	}

	@media (min-width:992px) {

		.experience .items .item {border:10px solid #fff;}
		.experience .items .item:nth-child(1) {border-top:20px solid #fff; border-left:20px solid #fff;}
		.experience .items .item:nth-child(2) {border-top:20px solid #fff; border-right:20px solid #fff;}
		.experience .items .item:nth-child(3) {border-left:20px solid #fff;}
		.experience .items .item:nth-child(4) {border-right:20px solid #fff;}
		.experience .items .item:nth-child(5) {border-left:20px solid #fff; border-bottom:20px solid #fff;}
		.experience .items .item:nth-child(6) {border-right:20px solid #fff; border-bottom:20px solid #fff;}
		.experience .item .text p {font-size:1.4em; line-height: 1.4;}

	}

	@media (min-width:1200px) {

		.experience .items .item {border:25px solid #fff;}
		.experience .items .item:nth-child(1) {border-top:50px solid #fff; border-left:50px solid #fff;}
		.experience .items .item:nth-child(2) {border-top:50px solid #fff; border-right:50px solid #fff;}
		.experience .items .item:nth-child(3) {border-left:50px solid #fff;}
		.experience .items .item:nth-child(4) {border-right:50px solid #fff;}
		.experience .items .item:nth-child(5) {border-left:50px solid #fff; border-bottom:50px solid #fff;}
		.experience .items .item:nth-child(6) {border-right:50px solid #fff; border-bottom:50px solid #fff;}
		.experience .item .text p {font-size:1.5em;  line-height: 1.5}
		.experience .item .text .section-header {font-size:2em;}
	}

	@media (min-width:1400px) {
		.experience .item .text {background: rgb(11,35,65,.75);}
		.experience .item .text p {opacity:0;}
	}
		
/* SOCIAL LINKS */
	
	.page-content .social.homepage {background-color:#fff;}
	.social.homepage .icons {padding:5% 3%;}
	.social.homepage .icons .item.title {margin-bottom:5%;}
	.social.homepage .icons .item {text-align: center;}
	.social.homepage .icons .item a {color:#0b2341;}
	.social.homepage .icons .item a svg {transition: all .25s; width:40%;}
	.social.homepage .icons .item a:hover svg {color:#cc4e0b; transform:scale(1.5);}
	.social.homepage .icons .item a:focus svg {color:#cc4e0b; transform:scale(1.5);}
	
	@media (min-width:768px) {
		.page-content .social.homepage {background-color:#e7e9ec;}
		.social.homepage .icons .item.title {margin-bottom:auto;}
	}
	
	@media (min-width:992px) {
		.social.homepage .icons .item a svg {width:30%;}
	}
	
	@media (min-width:1200px) {
		.social.homepage .icons .item a svg {width:20%;}
	}
	
/* ACTIONS */
		
	.content_row.next-step {background-color:#e0e3ec; padding:10%; position:relative;}
	.next-step .item {padding:2%;}
	.next-step .item .btn {width:100%; font-family:sweet-sans-pro; font-weight:500;}

	@media (min-width:768px) {
		.content_row.next-step {min-height:50vh; padding:5% 0px; overflow:hidden;}
		.content_row.next-step .background-image{background:url("https://auburn.edu/template/2022/_assets/images/homepage-assets/daypart-bg-01.jpg"); background-position:center center; background-size:cover; position:absolute; top:0; bottom:0; left:0; right:0; transition:all 1s;}
		.next-step .items {z-index: 1; margin-left:10%; transform: translateX(-150%); opacity:0; transition:all 1s;}
		.next-step.active .items {transform: translateX(0); opacity:1;}
		.next-step .items item a.btn {font-size:1.4em;}
		.next-step .items .items-background {position: absolute; top: -30%; bottom: -30%; left: -15%; right: -15%; border: 1px solid #fff; z-index: -1; background: rgb(255,255,255,.85);}
	}

	@media (min-width:1200px) {
		.content_row.next-step {min-height:75vh;}
		.next-step .items .item a.btn {font-size:1.75em;}
	}

	@media (min-width:1400px) {
		.content_row.next-step .background-image {background-attachment: fixed;}
	}

/* NEWS */

	.content_row.news {padding:5% 10%; position:relative;}
	.news .articles {padding:3% 0px;}
	.news h2.section-header {font-size:1.5em;}
	.news .callout .item {margin-bottom:3%;}
	.news .callout .item .text .headline {font-size:1.1em; line-height: 1.15; padding-top:3%;}
	.news .callout a  {text-decoration: none; color:#0b2341; transition: all .25s;}
	.news .callout a:hover  {text-decoration: none; color:#cc4e0b;}
	.news .features .item {padding:1%; margin-bottom:3%;}
	.news .features .item a {text-decoration: none; color:#0b2341; font-size:1.1em;}
	.news .features .item .headline {line-height: 1.15; padding-top: 3%;}
	.news .features.features-alt .image {margin-bottom:10px;}
	.news .features.features-alt.features-alt-4 .image {text-align: center;}
	.news .features.features-alt.features-alt-4 .image img {width:75%;}	
	.news .headlines .items .item {margin-bottom:5%; border-left:2px solid #a1a1a1; padding-left:5%;}
	.news .headlines .items .item a {text-decoration: none; color:#0b2341; transition: all .25s; position:relative;}
	.news .newsroom-link a {color:#737373; text-decoration: none; transition:all .25s;}
	.news .newsroom-link a svg {transition: all .25s; width:1%;}
	.news .newsroom-link a:hover {color:#cc4e0b;}
	.news .newsroom-link a:hover svg {transform: translateX(100%)}
	
	@media (min-width:768px) {
		.news .callout {margin-right:5%;}
		.news .callout .item .text .headline {font-size:1.2em; font-weight:500;line-height: 1.25;}
		.news .callout .item .info {line-height: 1.25; margin-top:2%;}
		.news .features .item .headline {padding-left: 5%; padding-top:0px;}
		.news .headlines {margin-top:2%;}
		.news .headlines .items .item {margin-bottom:2%; padding:0px 3%;}
	}
	
	@media (min-width:992px) {
		.news .callout .item .text .headline {font-size:1.2em; font-weight:500;}
		.news .headlines .items .item {border-left:0px;}
		.news .headlines .items .item a:hover {color:#cc4e0b;}
	}
	
	@media (min-width:1200px) {
		.news h2.section {font-size:3em;}
		.news .callout .item {position: relative;}
		.news .callout .item .text {position: relative;}
		.news .callout .item .text .headline {font-size:1.65em; font-weight:500; line-height: 1.25; position:relative;}
		.news .callout .item .info {line-height: 1.25; margin-top:2%; font-size:1.2em;}
		.news .features .item a {position: relative;}
		.news .features .item a .headline {font-size:1.3em; transition: all .25s;}
		.news .features .item a:hover .headline {color:#cc4e0b; position:relative;}
		.news .features .item .image {position:relative;}
		.news .features.features-alt-4 .item a:hover .image::before {left:0; width: 0%;}
		.news .headlines .items .item {margin-bottom:1%; font-size:1.2em;}
	}
	
/* EVENTS */
	
	.events {height:auto;}
	.localist-widget {padding:5%;}
	.localist-widget-hl .event-card {}
	.localist-widget-hl .event-card .event-short-date {background-color:#cc4e0b; font-family:sweet-sans-pro; text-align: center;}
	.localist-widget-hl .event-card .event-short-date abbr {text-decoration:none;}
	.localist-widget-hl .event-title {background-color:rgb(11,35,65,.8); letter-spacing:.5px; font-family:sweet-sans-pro;}
	.localist-widget-hl .event-card .content p { font-family: sweet-sans-pro,sans-serif; color: #0b2341; font-weight: 500;}
	.localist-widget-hl .event-list .event-card:hover .event-details {background:rgb(11,35,65,.9);}
	.localist-widget-hl .event-list .event-card a.cover:focus {border:3px solid #ff0000;}
	.localist-widget-hl .event-card .content p {font-size:1em;}
	.localist-widget-hl .event-list .event-card .start-time.location {display:none;}
	.events .more-events-link a {color:#737373; text-decoration: none; transition:all .25s;}
	.events .more-events-link a svg {transition: all .25s; width:1%;}
	.events .more-events-link a:hover {color:#cc4e0b;}
	.events .more-events-link a:hover svg {transform: translateX(100%)}
	
/* AU ALERT */

	#aualertDiv{display: block; margin-top:10%; padding: 2% 5%; color: #cc4e0b; font-family: davis-sans; border: 3px solid #cc4e0b; position: fixed; z-index: 1100; background-color: #fff; left: 10%; right: 10%; box-shadow: 5px 5px 5px #000; border-radius: 5px; transition: all 1s;}
	#aualertDiv #aualertDismiss {float: right; background: none; border: 0px; color: #cc4e0b;}
	#aualertDiv #aualertDismiss:hover .bi-x-circle, #aualertDiv #aualertDismiss:focus .bi-x-circle {display:none;}
	#aualertDiv #aualertDismiss .bi-x-circle-fill {display:none;}
	#aualertDiv #aualertDismiss:hover .bi-x-circle-fill, #aualertDiv #aualertDismiss:focus .bi-x-circle-fill {display:block;}
	#aualertDiv {top:.5%;}	
	#emergDiv{border:#496e9c 2px solid; display:block; margin:0px; padding:0px;}
	.aualert-title{font-size:1.75em; font-weight:600; padding-bottom:10px;}
	.emergency-message{display:block; font-size:1.25em; line-height:1.3em; font-weight:500;}
	.emergency-date{color:#757575; margin:1.5% auto;}
	#emergTimeStamp{color:#545351; display:block; font-size:11px; line-height:1.3em; font-style:italic; text-align:right;}

		@media (min-width:1200px) {
			#aualertDiv {top:3%;}
		}

		@media (min-width:1400px) {
			#aualertDiv {top:5%;}
		}