/* Extra small devices (portrait phones, less than 576px) No media query since this is the default in Bootstrap */
/*OLD AUBURN COLORS----------- Primary Blue: ##0b2341 Primary Orange: #cc4e0b Secondary Blue: #496e9c Secondary Orange: #e86100 New Primary Blue:#0b2341;
 Primary Orange: #cc4e0b Secondary Blue: #006c9a Secondary Orange: #f68026 Neutral: #e7e9ec background: rgba(246, 128, 38, .99);
 background: rgba(3, 36, 77, .8);
 -------------------------*/
 
@import "animations.css";

.title-container .content .angle-right {
    width: 66.67%;   
    background-position-x: unset;
}

@media (min-width: 992px) {
    .title-container .content .angle-right {
        width: 35%;
    }
}

.accordion-button {
    background-color: #e7e9ec;
}
.accordion-item {
    border: 1px solid rgb(255 255 255);
}

.col .card .card-footer a:not(.btn) {
    text-decoration: none;
    font-weight: 500;
    color: #0b2341;
}
.col .card .card-footer a:not(.btn):hover {
    color: #cc4e0b;
}

.remove_a {
    text-decoration: none;
    --bs-text-opacity: 1;
    color: inherit!important;
}
.grey-bar {
    display: block;
    border-bottom: 1px solid #a1a1a1;
    width: 100%;
}

.content_row a[id] {
    scroll-margin-top: 100px;
}
.sweet-sans {
    font-family: sweet-sans-pro,sans-serif;
}
.sweet-sans-bold {
    font-family: sweet-sans-pro,sans-serif;
    font-weight: 800;
}
.davis {
    font-family: 'davis-sans',sans-serif;
}
.utopia-std {
    font-family: 'utopia-std', serif;
}
#title_container > .content {
    z-index: 5;
}

/* counteract Global.CSS stripping gutters away */
.content_row .row:not(.articles) {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}
.g-0, .gx-0 {
    --bs-gutter-x: 0 !important;
}
.g-0, .gy-0 {
    --bs-gutter-y: 0 !important;
}
.g-1, .gy-1 {
    --bs-gutter-y: 0.25rem !important;
}
.g-1, .gx-1 {
    --bs-gutter-x: 0.25rem !important;
}
.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem !important;
}
.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem !important;
}
.g-3, .gy-3 {
    --bs-gutter-y: 1rem !important;
}
.g-3, .gx-3 {
    --bs-gutter-x: 1rem !important;
}
.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem !important;
}
.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem !important;
}
.g-5, .gy-5 {
    --bs-gutter-y: 3rem !important;
}
.g-5, .gx-5 {
    --bs-gutter-x: 3rem !important;
}

.au-grey-bg {
    background-color: #F4F4F4;
}
.au-blue-bg {
    background-color: #0b2341;
}
.au-orange-bg {
    background-color: #cc4e0b;
}
.bg-img-full {
    background-position: center;
    background-size: cover;
}

/* TEXT CLASSES */
 .text-au-orange {
	 color: #cc4e0b !important;
}
 .text-au-orange-2 {
	 color: #f68026 !important;
}
 .text-au-blue {
	 color: #0b2341 !important;
}
 .text-au-blue-2 {
	 color: #006c9a !important;
}
.link-au-blue {
    color: #0b2341 !important;
    font-family: 'sweet-sans-pro', 'davis-sans', sans-serif;
    font-weight: bold;
    transition: color .35s;
}
.link-au-blue:hover, .link-au-blue:focus {
    color: #cc4e0b !important;
}
.link-au-orange {
    color: #cc4e0b !important;
    font-family: 'sweet-sans-pro', 'davis-sans', sans-serif;
    font-weight: bold;
    transition: color .35s;
}
.link-au-orange:hover, .link-au-orange:focus {
    color: #0b2341 !important;
}
.link-au-burn {
    transition: color .35s;
}
.link-au-burn:hover, .link-au-burn:focus {
    color: #f68026 !important;
}
.fw-boldest {
    font-weight: 800;
}

 .image_100percent {
	 width:100%;
}
 .ham-active {
	 top: initial;
}
 @media (min-width: 1400px) {
	 .nav-toggle {
		 top: 2px;
	}
	 .ham-active {
		 position: absolute;
		 margin-top: 20px;
		 top: 0;
	}
}
 .image-brand {
	 background-position-y: 6px !important;
}
 .video-container-inner {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
 .videoWrapper {
	 position: relative;
	 padding-bottom: 56.25%;
	/* 16:9 */
	 padding-top: 25px;
	 height: 0;
}
 .videoWrapper iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
.videoWrapper2 {
	 position: relative;
	 padding-bottom: 56.25%;
	/* 16:9 */
	 padding-top: 25px;
	 height: 0;
}
 .videoWrapper2 iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}

.videoWrapper3 {
    position: relative;
    padding-bottom: 55.25%;
    padding-top: 0px;
    height: 0;
}

 .videoWrapper3 iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}

 .embed-container {
	 position: relative;
	 padding-bottom: 56.25%;
	 height: 0;
	 overflow: hidden;
	 max-width: 100%;
}
 .embed-container iframe, .embed-container object, .embed-container embed {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
 .navigation .nav-links li {
	 margin: 2% auto;
}
 .navigation .nav-level-1 > .column {
	 padding: 1% 2%;
}
 .sec-nav-horiz {
	 padding: 1.7% 8%;
}
 .orange-bar {
	 background: #cc4e0b;
	 display: block;
	 font-size: 1px;
	 height: 2px;
	 margin: 5px 0px;
}
 .orange-bar-div-bottom {
	 border-bottom: 2px solid #cc4e0b;
	 padding-bottom:3px;
	 margin-bottom:15px;
}
/* Spacing Classes */
 .padding-all {
	 padding:15px;
}
 .padding-left {
	 padding-left:30px;
}
 .padding-right {
	 padding-right:30px;
}
 .padding-bottom {
	 padding-bottom:30px;
}
 .padding-top {
	 padding-top:30px;
}
 .padding-all-double {
	 padding:30px;
}
 .padding-left-double {
	 padding-left:30px;
}
 .padding-right-double {
	 padding-right:30px;
}
 .padding-bottom-double {
	 padding-bottom:30px;
}
 .padding-top-double {
	 padding-top:30px;
}
 .margin-all {
	 margin:15px;
}
 .margin-left {
	 margin-left:15px;
}
 .margin-right {
	 margin-right:15px;
}
 .margin-bottom {
	 margin-bottom:15px;
}
 .margin-top {
	 margin-top:15px;
}
 .margin-all-double {
	 margin:30px;
}
 .margin-left-double {
	 margin-left:30px;
}
 .margin-right-double {
	 margin-right:30px;
}
 .margin-bottom-double {
	 margin-bottom:30px;
}
 .margin-top-double {
	 margin-top:30px;
}
 @media (min-width: 1200px) .title-bluebar.title-container .content {
	 min-height: 0vh !important;
}
 @media (min-width: 768px) .title-bluebar.title-container .content {
	 height: 0vh;
}
 .title-container::before {
	 content: "";
	 position: absolute;
	 top: 0px;
	 right: 0px;
	 bottom: 0px;
	 left: 0px;
	 background-position: center center !important;
	 background-size:cover !important;
	 opacity: 0.21;
	 z-index: 0;
}
.title-container a {
    color: #fff;
    transition: color .2s;
}
.title-container .banner-links a {
    padding-top: .75em;
    display: inline;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dashed #cc4e0b;
    font-size: 1.15em;
    font-family: inherit;
    font-weight: inherit;
    text-transform: inherit;
    float: left;
    clear: left;
}
.title-container .banner-links a:hover {
    border-bottom-color: #fff;
    color: #cc4e0b;
}
/* make left-nav menus not sticky */
 .sec-nav-vert .nav {
	 position: initial !important;
}
/* 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', 'davis-sans', sans-serif;
	 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 !important;
		 position: relative;
		 z-index: 1;
	}
}
 @media (min-width:992px) {
	 .content_row.rankings {
		 border-top:0px;
	}
	 .rankings {
		 background:url("https://eng.auburn.edu/images/sam-ginn-background.jpg");
		 background-size:cover;
		 background-position: right center;
		 background-repeat: no-repeat;
	}
}
 @media (min-width: 768px) and (orientation:portrait) {
	 .rankings {
		 background:url("https://eng.auburn.edu/images/sam-ginn-background-small.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;
	}
}*/

/* NEWS CENTER & NEWS PAGES */

.news-box {
    position: relative;
    overflow: hidden;
}
.news-box:hover .title {
    margin-bottom: 1em;
}
.news-box-title {
    position: absolute;
    color: #000;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffffb0;
    padding: .5em 1em;
}
.news-box-title .title {
    margin-bottom: 0;
    transition: margin-bottom .5s;
    color: #222;
    padding: .25em 0;
    font-weight: bolder;
}
.news-box-title .ginn-title {
    font-weight: bold;
    margin-top: .5rem;
    margin-bottom: .5rem;
    text-transform: uppercase;
    color: #222;
    font-size: 1.35rem;
}
.news-links {
    margin: 4em 0;
    font-size: 1.8rem;
}
.news-links a {
    color: #0b2341
}
.news-links .row {
    margin: 2em 0;
}
.news-tweet-show {
    width: 100%;
    border-radius: 100px;
    display: inline-block;
    color: #006fd6;
    background-color: #fff;
    border: 1px solid #006fd6 !important;
}
.news-tweet-show:hover {
    color: #fff;
    background-color: #006fd6;
}

.card-news:hover a {
    color: #cc4e0b;
}

a .headline {
    transition: all .25s;
}
a .headline:hover {
    color: #cc4e0b;
}

/* DIRECTORY PAGES */

.double-streaks {
    border: 0px;
    border-bottom: 4px solid #cf4e0b;
    display: block;
    margin-bottom: 36px;
    transform: skewX(-45deg) translateX(4px);
    margin-bottom: 6px;
}

.profile-thumbnail {
    background-size: cover;
    background-position-x: center;
    background-position-y: 12%;
    aspect-ratio: 7/9;
    width: 100%;
}

.bio-page .title {
    color: #cc4e0b;
    font-weight: bolder!important;
}
.bio-page .name {
    font-family: sweet-sans-pro,sans-serif;
    font-weight: 800;
}
.bio-page .dept {
    font-weight: 300!important;
}

.person a, .person span {
    text-decoration: none;
    color: #0b2341;
}
.person-name a {
    text-transform: none;
}
.person-name .non-faculty {
    font-family: 'sweet-sans-pro', 'davis-sans', sans-serif;
    font-weight: 800;
}

/* LABELED CARDS */

.card-label {
    position: relative;
    overflow: hidden;
}
.card-label .card-img-overlay {
    top: initial;
    border-radius: initial;
    background-color: #ffffffb0;
    padding: .5em 1em;
}
.card-label:hover:not(.card-label-static) .card-title {
    margin-bottom: 1em;
}
.card-label .card-title {
    font-size: 1.4rem;
    margin-bottom: 0;
    transition: margin-bottom .5s;
    color: #222;
    padding: .25em 0;
    font-weight: bolder;
}

/* ICON GRID */
.icon-grid {
    --bs-gutter-x: 3rem !important;
    --bs-gutter-y: 3rem !important;
    margin: 3rem!important;
}
.icon-grid i {
    padding-bottom: 6px;
}
.icon-grid .icon, .icon-grid i.fa, .icon-grid svg {
	font-size: 64px !important;
}
.icon-grid svg {
    display:block;
    margin: auto;
    padding-bottom: 6px;
}
.icon-grid a {
	// font-family: 'sweet-sans-pro', 'davis-sans', sans-serif;
	font-size: 1.15em !important;
	font-weight: 400;
	color: #03244d !important;
	transition: color .35s;
	text-decoration: none;
	text-align: center;
}
.icon-grid a:hover {
	color: #cc4e0b !important;
}
.icon-grid a:not(.img-link):after {
	content: '';
	display: block;
	padding-top: .25em;
	border-bottom: 3px solid #cc4e0b;
	width: 0;
	transition: width .35s;
	margin:auto;
}
.icon-grid a:hover::after {
	width: 10em;
}
.icon-grid .img-link {
    width: 160px;
}

/* MULTI-LEVEL DROPDOWN NAV */

.dropdown-menu li {
    position: relative; 
}
.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    width: 100%;
}
@media (min-width: 1200px) {
    .dropdown-menu .dropdown-submenu {
        width: initial;
        left: 100%;
        top: -7px;
    }
}
.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}


/* PAGE SPECIFICS */

.facilities { /* programs page */
    min-height: 240px;
}
.rankings sup {
    top: -.25em !important;
}