@charset "utf-8";
/* CSS Document */
.pageheader {background-color:#0b2341;}
.pageheader .row {--bs-gutter-x:0;}
.title-container .row {--bs-gutter-x:0;}
.pageheader .content {padding:0px;}

	.pageheader .title1 {font-family:sweet-sans-pro;  font-weight: 800; text-transform: uppercase; word-spacing: 5px; font-size:1.75rem; margin-bottom:0;}

	@media (min-width:992px) {
		.pageheader .title1 {font-size:2rem;}
	}
	
	@media (min-width:1200px) {
		.pageheader .title1 {font-size:2rem;}
	}
	
	@media (min-width:1300px) {
		.pageheader .title1 {font-size:2.25rem;}
	}
	
	@media (min-width:1400px) {
		.pageheader .title1 {font-size:2.25rem;}
	}

	@media (min-width:1500px) {
		.pageheader .title1 {font-size:2.5rem;}
	}

.vid-controls {position:absolute; color:#fff; z-index: 9; bottom:5%; right:5%;}

/* INTERIOR PAGE 1 */

.pageheader-interior-01 .content {position:relative;}
.pageheader-interior-01 .text {background-color:#0b2341; padding:2% 10%; margin-bottom:0; color:#fff; position:relative; z-index: 1;}
.pageheader .angle-right {position: absolute; top: 0; bottom: 0; right: 0; width: 50%; background: url(https://auburn.edu/template/2022/_assets/images/angle-right-white.png); background-position: center center; background-size: cover; background-repeat: no-repeat; opacity: 0.4;}	
	@media (min-width:1200px) {
		.pageheader-interior-01 .text {padding:1% 10%;}
	}
	
/* INTERIOR PAGE 2 */

.pageheader-interior-02 {background-color:#0b2341; color:#fff; position:relative;}
.pageheader-interior-02 .content {padding:5% 10%;}
.pageheader-interior-02 .content .morecontent {border-top:1px solid #cc4e0b; padding-top: 1rem; margin-top: 1rem;}
.pageheader-interior-02 .content .morecontent p {margin-bottom:0;}
	
	@media (min-width:992px) {
		.pageheader-interior-02 {min-height:30vh;}
		.pageheader-interior-02 .content {padding:5%;}
		.pageheader-interior-02 .content .morecontent p {font-size:1.2rem;}
		.pageheader-interior-02 .slant-container {position:absolute; top:0; bottom:0; right:0; left:auto;}
		.pageheader-interior-02 .slant-container .slant {position: absolute; top: 0; bottom: 0; left: -2px; right: 0; background: url(https://auburn.edu/template/2022/_assets/images/design-elements/title-area-slant.png); background-size: contain; background-repeat: no-repeat;}
		.pageheader-interior-02 .content.image {padding:5%;}
    }
	
	
	@media (min-width:1400px) {
		.pageheader-interior-02 {min-height:40vh;}
		.pageheader-interior-02 .content .morecontent p {font-size:1.4rem;}
		
	}





/* INFORMATION PAGE 1 */


.pageheader-information-01 {background-color:#0b2341; color:#fff; position:relative;}
	.pageheader-information-01 .content {padding:5% 10%;}
	.pageheader-information-01 .content .morecontent {border-top:1px solid #cc4e0b; padding-top: 1rem; margin-top: 1rem;}
	.pageheader-information-01 .content .morecontent p {margin-bottom:0;}
	
	@media (min-width:992px) {
		.pageheader-information-01 {min-height:30vh;}
		/* .pageheader-information-01 .content {padding:5%;} */
		.pageheader-information-01 .content .morecontent p {font-size:1.2rem;}
		.pageheader-information-01 .slant-container {background: url(https://auburn.edu/template/2022/_assets/images/angle-right-white.png);
        position: absolute; top: 0; bottom: 0; right: 0; left:auto; background-size: cover; background-repeat: no-repeat; width: 50%; background-position: center right; opacity: .4;}
    }
	
	
	@media (min-width:1400px) {
		.pageheader-information-01 .content .morecontent p {font-size:1.4rem;}
		
	}


/* INFORMATION PAGE 2 */

.pageheader-information-02 {background-color:#0b2341; color:#fff; position:relative;}
.pageheader-information-02 .content {padding:3% 10%;}
.pageheader-information-02 .content .morecontent {border-top:1px solid #cc4e0b; padding-top: 1rem; margin-top: 1rem;}
.pageheader-information-02 .content .morecontent p {margin-bottom:0;}
.pageheader-information-02 .content .morecontent p a {color:#fff; border:0;}
.pageheader-information-02 .content .morecontent p a i {transition:all .25s;}
.pageheader-information-02 .content .morecontent p a:hover i {margin-left:20px;}

	@media (min-width:768px) {
	.pageheader-information-02 .slant-container {background: url(https://auburn.edu/template/2022/_assets/images/angle-right-white.png);
	position: absolute; top: 0; bottom: 0; right: 0; left:auto; background-size: cover; background-repeat: no-repeat; width: 50%; background-position: center right; opacity: .4;}
	}

	@media (min-width:992px) {
		.pageheader-information-02 .content .morecontent p {font-size:1.2rem;}
	}

	@media (min-width:1400px) {
		.pageheader-information-02 .content .morecontent p {font-size:1.4rem;}
		
	}

/* DEPARTMENT PAGE */


.pageheader.pageheader-department-01 {background-color:#0b2341; color:#fff; position:relative; margin-bottom:2%;}
.pageheader.pageheader-department-01.row {--bs-gutter-x:0;}
.pageheader-department-01 .image {position:relative;}

.pageheader-department-01 .dept-hp-nav {background-color:#0b2341;}
.pageheader-department-01 .dept-hp-nav a.nav-item {padding:2% 3%; text-align: center; font-family:sweet-sans-pro; color:#eaeaea; text-decoration: none; position:relative; color:#eaeaea; font-size:1.4rem; font-weight:700; transition:all .25s;}
.pageheader-department-01 .dept-hp-nav a.nav-item {}
.pageheader-department-01 .dept-hp-nav a.nav-item:hover {color:#fff; background-color:#cc4e0b;}
.pageheader-department-01 .content .title1 {padding:4%;}
.pageheader-department-01 .content .text {padding:0 4%;}
	
	@media (min-width:992px) {
	.pageheader-department-01 .content {position: absolute; bottom:-40px; z-index: 2; left: 0; right: 0;}
	.pageheader-department-01 .filter {background: linear-gradient(0deg, rgba(0,0,0,0.7540266106442577) 0%, rgba(11,35,65,0) 100%); position: absolute;
	top: 0px; bottom: 0;}
	.pageheader.pageheader-department-01 {min-height:10vh; margin-bottom:4%;}
	.pageheader-department-01 .content {}
	.pageheader-department-01 .dept-hp-nav {background-color:#0b2341; box-shadow:0 -5px 30px #000;}
	.pageheader-department-01 .content .title1 {padding:0%;}
	.pageheader-department-01 .content .text {padding:0%; margin-bottom:3%;}
    }
	
	@media (min-width:1100px) {
	.pageheader-department-01 .content .title1 {padding:1% 0; font-size:3rem;}
	/* .pageheader-department-01 .content {transform: translateY(-80%);} */
	.pageheader-department-01 {margin-bottom:5%;}
	}
	
	@media (min-width:1200px) {
	.pageheader-department-01 .dept-hp-nav a.nav-item:after {content:""; position:absolute; right:0; top:20%; bottom:20%; width:1px; background-color:#eaeaea;}
	.pageheader-department-01 .dept-hp-nav a.nav-item:last-child:after {background:none;}
	}


/* LANDING PAGE */

.pageheader.pageheader-subject-marketing-02 {color:#fff; position:relative; margin-bottom:3%;}
.pageheader.pageheader-subject-marketing-02.row { --bs-gutter-x:0;}
.pageheader-subject-marketing-02 .cta-container {background-color:#cc4e0b; }
.pageheader-subject-marketing-02 .cta-container a.cta-text:after {content:"";}
.pageheader-subject-marketing-02 .cta-container a.cta-text {color:#fff; font-weight:500; padding:2% 10%;}
.pageheader-subject-marketing-02 .cta-container a.cta-text:hover {border-bottom:0px;}
.pageheader-subject-marketing-02 .content {background-color:#0b2341; color:#fff;}
.pageheader-subject-marketing-02 .content .title1 {font-size:1.5rem; font-weight:800; padding:2% 10%;}


@media (min-width:768px) {
	.pageheader-subject-marketing-02 .content {position: absolute; bottom:-2rem; z-index: 2; left: 0; right: 0; background:none;}
	.pageheader-subject-marketing-02 .filter {background: linear-gradient(0deg, rgba(0,0,0,0.7540266106442577) 0%, rgba(11,35,65,0) 100%); position: absolute;
	top: 0px; bottom: 0;}
	.pageheader-subject-marketing-02 {min-height:10vh;}
	.pageheader-subject-marketing-02 .content {}
	.pageheader-subject-marketing-02 .cta-container {background:none;}
	.pageheader-subject-marketing-02 .cta-container .cta-links-container {background:url('https://auburn.edu/template/2024/_assets/images/design-elements/eyebrow-right-orange.png'); background-size:cover; background-position:left center; background-repeat: no-repeat;}
	.pageheader-subject-marketing-02 .cta-container a.cta-text {margin:0px; font-size:1.4rem;}
	.pageheader-subject-marketing-02 .content .title1 {font-size:2.25rem;}
}

@media (min-width:992px) {
	.pageheader-subject-marketing-02 .cta-container a.cta-text:after {content:"\F138"; top:25%;}
	.pageheader-subject-marketing-02 .content .title1 {font-size:3rem;}
}

@media (min-width:1200px) {
	.pageheader-subject-marketing-02 .content .title1 {font-size:3rem;}
	.pageheader-subject-marketing-02 .cta-container a.cta-text:after {top:30%;}
}

/* MARKETING / SUBJECT PAGE */

.pageheader-subject-marketing-01 { height:90vh;  position:relative; color:#fff; overflow: hidden;}
.pageheader-subject-marketing-01 .content h1.title {font-family:sweet-sans-pro; text-transform: uppercase; /* text-shadow:3px 3px 2px #000;*/ font-weight:800;}
.pageheader-subject-marketing-01 .content p {text-shadow:3px 3px 2px #000;}
.pageheader-subject-marketing-01 .filter { position:absolute; top:0; bottom:0; left:0; right:0; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.25) 50%);}
.pageheader-subject-marketing-01 .content  {position:absolute; padding: 0 10%; bottom:5%;}
	
@media (min-width:768px) {
	.pageheader-subject-marketing-01 .content  {position:absolute; bottom:5%;}
	.pageheader-subject-marketing-01 .content h1.title {position:relative; font-size:2.5rem;}
	.pageheader-subject-marketing-01 .content h1.title::before {display: inline-block; position: absolute; top: 10px; bottom: 0; right: 100%; width: 8%; content: ""; background: url(https://auburn.edu/template/2022/_assets/images/design-elements/3-lines.png) no-repeat 0 0; background-size: contain;}
	.pageheader-subject-marketing-01 .content .au-btn {margin-right:15px;}
	.pageheader-subject-marketing-01 .image.video-container {position: relative; overflow: hidden; height:100%;}
	.pageheader-subject-marketing-01 .image.video-container .video {position:absolute; top:0; bottom:0; left:0; right:0;}
	.pageheader-subject-marketing-01 .image.video-container .video video {height:100%;}
	.pageheader-subject-marketing-01 .image.video-container .vid-controls {top:5%; bottom:auto;}
	.pageheader-subject-marketing-01 .video-container {height:50vh;}
	.pageheader-subject-marketing-01 .vid-controls button {background:none; border:0px;}
	.pageheader-subject-marketing-01 .vid-controls svg {width:50px; color:#fff;}
	.pageheader-subject-marketing-01 .vid-controls i.bi {font-size: 2em;	color: #fff;}
	.pageheader-subject-marketing-01 .hidden {display:none;}
	.pageheader-subject-marketing-01 .visible {display:block;}
	}
	
@media (min-width:992px) and (orientation:landscape) {
	.pageheader-subject-marketing-01 .video-container {}
	.pageheader-subject-marketing-01 .content {left:auto;}
	.pageheader-subject-marketing-01 .content h1.title::before {display: inline-block; position: absolute; top: 10px; bottom: 0; right: 102%; width: 8%; content: ""; background: url(https://auburn.edu/template/2022/_assets/images/design-elements/3-lines.png) no-repeat 0 0; background-size: contain;}
	.pageheader-subject-marketing-01 .content.left {left:5%;}
	.pageheader-subject-marketing-01 .content.right {right:2.5%;}
}

@media (min-width:992px) and (orientation:portrait) {}

@media (min-width:1200px) {
	.pageheader-subject-marketing-01 .content h1.title {font-size:3rem;}
	/* .pageheader-subject-marketing-01 .content  {padding: 0;} */ 
}

@media (min-width:1300px) {
	.pageheader-subject-marketing-01 .video-container {height:65vh;}
	.pageheader-subject-marketing-01 .content.right {right:5%;}
}	

@media (min-width:1400px) {
	.pageheader-subject-marketing-01 .video-container {height:75vh;}
}



/* COLLEGE/UNIT HOMEPAGE - BASIC */

.pageheader-college-unit-basic {position:relative; --bs-gutter-x:0;}
.pageheader-college-unit-basic .filter {position:absolute; top:0; bottom:0; left:0; right:0;} 
.pageheader-college-unit-basic.dark .filter {background:rgb(11,35,65,0.7);}
.pageheader-college-unit-basic .content h1.title1 {font-family:sweet-sans-pro; text-transform: uppercase; font-size:2rem; font-weight:800; line-height: 1; margin-bottom: 1rem;}
.pageheader-college-unit-basic .content {padding:5% 10%; position:relative; z-index: 1;  height:100%;}
.pageheader-college-unit-basic .content p {font-size:1.4rem;}
.pageheader-college-unit-basic.dark .content {color:#fff;}
.pageheader-college-unit-basic .content.right .carousel .carousel-item {background:rgb(11,35,65,.8); color:#fff; position:relative;}
.pageheader-college-unit-basic .content.right .carousel .carousel-item .text-container {position:absolute; top:0; bottom:0; left:0; right:0; text-align:center;}
.pageheader-college-unit-basic .content.right .carousel .carousel-item .text1 {font-family:sweet-sans-pro; font-size:3rem; font-weight:800;}
.pageheader-college-unit-basic .content.right .carousel .carousel-item .text2 {font-size:1.5rem;}
.pageheader-college-unit-basic .content.right .carousel .carousel-item img {opacity:0;}
.pageheader-college-unit-basic.videobg {position:relative;}


@media (min-width:768px) {
	
	.pageheader-college-unit-basic {}
	.pageheader-college-unit-basic .content {padding:3%;}
	.pageheader-college-unit-basic .content h1.title1 {font-size:2.5rem;}
	.pageheader-college-unit-basic.videobg .content {position:absolute; top:0; bottom:0; left:0; right:0;}
	.pageheader-college-unit-basic.videobg .content h1.title {position:relative; }
	.pageheader-college-unit-basic.videobg .content h1.title::before {display: inline-block; position: absolute; top: 10px; bottom: 0; right: 102%; width: 5%; content: ""; background: url(https://auburn.edu/template/2022/_assets/images/design-elements/3-lines.png) no-repeat 0 0; background-size: contain;}
	.pageheader-college-unit-basic.videobg .image.video-container {position: relative; overflow: hidden;}
	.pageheader-college-unit-basic.videobg .image.video-container .video {position:absolute; top:0; bottom:0; left:0; right:0;}
	.pageheader-college-unit-basic.videobg .image.video-container .video video {height:100%;}
	.pageheader-college-unit-basic.videobg .image.video-container .vid-controls {top:5%; bottom:auto;}
	/* .pageheader-college-unit-basic.videobg .video-container {height:50vh;} */
	.pageheader-college-unit-basic.videobg .vid-controls button {background:none; border:0px;}
	.pageheader-college-unit-basic.videobg .vid-controls svg {width:50px; color:#fff;}
	.pageheader-college-unit-basic.videobg .vid-controls i.bi {font-size: 2em;	color: #fff;}
	.pageheader-college-unit-basic.videobg .hidden {display:none;}
	.pageheader-college-unit-basic.videobg .visible {display:block;}
}

@media (min-width:768px) and (orientation:landscape) {
	/* .pageheader-college-unit-basic {height:80vh;} */
}	
	
@media (min-width:992px) {
	.pageheader-college-unit-basic .content {padding:3%;}
}
	
@media (min-width:992px) and (orientation:landscape) {
	/* .pageheader-college-unit-basic {background:none;} */
	/* .pageheader-college-unit-basic.videobg .video-container {height:80vh;} */
	.pageheader-college-unit-basic.videobg .content {left:5%;}
}

@media (min-width:1200px) {
	/* .pageheader-college-unit-basic {min-height:85vh;} */
	.pageheader-college-unit-basic .content h1.title1 {font-size:3rem;}
}	
	
@media (min-width:1300px) {
	.pageheader-college-unit-basic.videobg .video-container {}
}	

@media (min-width:1400px) {
	.pageheader-college-unit-basic.videobg .video-container {height:88vh;}
}

/* COLLEGE/UNIT HOMEPAGE - SLANT */

.pageheader-college-unit-slant {height:90vh; position:relative;}
.pageheader-college-unit-slant .filter {position:absolute; top:0; bottom:0; left:0; right:0;} 
.pageheader-college-unit-slant.dark .filter {background:rgb(11,35,65,0.8);}
.pageheader-college-unit-slant.light {border-top:1px solid #a1a1a1;}
.pageheader-college-unit-slant.light .filter {background:rgb(255,255,255,0.85);}
.pageheader-college-unit-slant .content h1.title1 {font-family:sweet-sans-pro; text-transform: uppercase; font-size:2rem; font-weight:800; line-height: 1; margin-bottom: 1rem;}
.pageheader-college-unit-slant .content {padding:5% 10%; position:relative; z-index: 1;  height:100%;}
.pageheader-college-unit-slant .content p {font-size:1.4rem;}
.pageheader-college-unit-slant.dark .content {color:#fff;}
.pageheader-college-unit-slant.light .content {color:#000;}
	
@media (min-width:768px) {
	.pageheader-college-unit-slant {height:75vh;}
	.pageheader-college-unit-slant .content h1.title1 {font-size:2.5rem;}
}

@media (min-width:992px) and (orientation:portrait) {
	.pageheader-college-unit-slant {height:50vh; background:none;}
	.pageheader-college-unit-slant.dark .content {}
	.pageheader-college-unit-slant.light .content {}
	.pageheader-college-unit-slant .header-image {height:100%; position:relative;}
	.pageheader-college-unit-slant .header-image .slant {position:absolute; top:0; bottom:0; left:-5px; right:0;}
}

@media (min-width:992px) and (orientation:landscape) {
	.pageheader-college-unit-slant {height:85vh; background:none;}

	.pageheader-college-unit-slant.dark .slant {background:url('https://auburn.edu/template/2024/_assets/images/design-elements/header-slant-blue.png'); background-size:contain; background-repeat: no-repeat;}
	.pageheader-college-unit-slant.light .slant {background:url('https://auburn.edu/template/2024/_assets/images/design-elements/header-slant-white.png'); background-size:contain; background-repeat: no-repeat;}
	.pageheader-college-unit-slant .header-image {height:100%; position:relative;}
	.pageheader-college-unit-slant .header-image .slant {position:absolute; top:0; bottom:0; left:-5px; right:0;}
}

@media (min-width:992px) {
	.pageheader-college-unit-slant {min-height:10vh;}
	.pageheader-college-unit-slant .content {padding:3% 0 3% 5%;}
}

@media (min-width:1200px) {
	.pageheader-college-unit-slant.dark .content {background-color:#0b2341;}
	.pageheader-college-unit-slant.light .content {background-color:#fff;}
}

/* COLLEGE/UNIT HOMEPAGE - STATS */

.pageheader-college-unit-stats {position:relative;}
	.pageheader-college-unit-stats .filter {position:absolute; top:0; bottom:0; left:0; right:0;} 
	.pageheader-college-unit-stats.dark .filter {background:rgb(11,35,65,0.7);}
	.pageheader-college-unit-stats .content h1.title1 {font-family:sweet-sans-pro; text-transform: uppercase; font-size:2rem; font-weight:800; line-height: 1; margin-bottom: 1rem;}
	.pageheader-college-unit-stats .content {padding:5% 10%; position:relative; z-index: 1;  height:100%;}
	.pageheader-college-unit-stats .content p {font-size:1.4rem;}
	.pageheader-college-unit-stats.dark .content {color:#fff;}
.pageheader-college-unit-stats.dark .au-btn:hover {color:#0b2341;}
	.pageheader-college-unit-stats .content.right .carousel .carousel-item {background:rgb(11,35,65,.8); color:#fff; position:relative;}
	.pageheader-college-unit-stats .content.right .carousel .carousel-item .text-container {position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; font-family:sweet-sans-pro;}
	.pageheader-college-unit-stats .content.right .carousel .carousel-item .text1 {font-size: 2.5rem; font-weight: 800; line-height: 1; margin-bottom: 1.5rem;}
	.pageheader-college-unit-stats .content.right .carousel .carousel-item .text2 {font-size:1.75rem; line-height:1.2;}
	.pageheader-college-unit-stats .content.right .carousel .carousel-item img {opacity:0;}
	
	@media (min-width:768px) and (orientation:landscape) {
		/* .pageheader-college-unit-stats {height:80vh;} */
	}
	
	@media (min-width:768px) {
		.pageheader-college-unit-stats {}
		.pageheader-college-unit-stats .content {padding:3%;}
		.pageheader-college-unit-stats .content h1.title1 {font-size:2.5rem;}
	}
	
	@media (min-width:992px) and (orientation:landscape) {
		.pageheader-college-unit-stats {background:none;}
	}
	
	@media (min-width:992px) {
		.pageheader-college-unit-stats .content {padding:3%;}
		.pageheader-college-unit-stats .content.left {left:5%;}
    }
	
	@media (min-width:1200px) {
		.pageheader-college-unit-stats {min-height:85vh;}
		.pageheader-college-unit-stats .content h1.title1 {font-size:3rem;}
	}