/* 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);
-------------------------*/  



	
	
/* OIP STATS */
	
	.content_row.oip-stats {min-height:100vh; padding:0%; border-top:5px solid #cc4e0b; overflow: hidden; background-color:#e0e3ec; background:url("https://auburn.edu/academic/international-dev/_assets/images/bgs/center-arrow-db.png"); background-size:cover; background-position: center center; background-repeat: no-repeat;}	
	.oip-stats .stats {padding:5%;}
	.oip-stats .item {transform: translateX(-20%); font-family: 'sweet-sans-pro'; padding: 2%;}
	.oip-stats .item .text1 {font-size:1.75em; color:#cc4e0b; line-height: 1; font-weight: 800; margin-bottom: 1%;}
	.oip-stats .item .text2 {font-size:1.25em; color:#0b2341; line-height: 1.25; font-weight:800;}
	.oip-stats .item .text3 {font-style: italic; font-weight:600;}
	.oip-stats .item {transition: all 1s;}
	.oip-stats.active .item {transform: translateX(0%);}
	.oip-stats .item02 {transition-delay: 250ms;}
	.oip-stats .item03 {transition-delay: 500ms;}
	.oip-stats .item04 {transition-delay: 750ms;}
	.oip-stats .item05 {transition-delay: 1000ms;}
	.oip-stats .item06 {transition-delay: 1250ms;}
	
	@media (min-width:768px) {
		.content_row.oip-stats {min-height:60vh; position: relative; z-index: 1;}
	}
	
	@media (min-width:992px) {
		.content_row.oip-stats {border-top:0px;}
		.oip-stats {background:url("https://auburn.edu/academic/international-dev/_assets/images/bgs/center-arrow-db.png"); background-size:cover; background-position: right center; background-repeat: no-repeat;}
	}
	
	@media (min-width: 768px) and (orientation:portrait) {
		.oip-stats {background:url("https://auburn.edu/academic/international-dev/_assets/images/bgs/center-arrow-db.png"); background-size:cover; background-position: center center; background-repeat: no-repeat;}
		.oip-stats .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) {
		.oip-stats .item .text1 {font-size:2.5em;}
	}


	

 .ham-active {
	 top: initial;
}

.image_100percent {
    width:100%;
}


 .video-container-inner {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}

.videoWrapper2 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-top: -15%;
	margin-bottom: -24px;
}

.videoWrapper2 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;
}

.blue-bar-div-bottom {
    border-bottom: 2px solid #0b2341;
    padding-bottom:3px;
    margin-bottom:15px;
}


.title-container.title-feature .content {
    background: rgb(11,35,65);
}

.title-container {
    background:none;
}

.title-container.title-bluebar .content {
    height: 0vh;   
}

.title-bluebar.title-container .content {
    min-height: 0vh !important;
}

#page_title {
    border-top:0px solid #0b2341;
}


@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 .content {
    padding: 1%;
    text-align: left;
}

.title-container .content {
    padding: 1%;
    text-align: center;
}

.content_row .articles .row {
    --bs-gutter-x: 0;
}