@import url(master.css);

section {padding:2em 1em;}

#bearcat_alert {background-color:#FFC420; clear:both; display:block; padding:2em 1em;}
#bearcat_alert_msg {width:70%; min-width:1000px; margin:0 auto; font-size:18px; line-height:1.2em;}
#bearcat_alert_msg .h1 {color:#000; font-size:24px; margin-bottom:0;}
#bearcat_alert a.btn {margin-top:15px;}

#majors-nav, #news-nav, #events-nav, #social-nav {float:right;}

#homepage-video {padding:0; }
#video-row {height:0; /*margin-bottom:35px;*/ overflow:hidden; padding-bottom:42%; position:relative; background-color:#fff;}
#video-row.hidden {padding-bottom:56.5%;}
video {width:100%; height:auto; }
#video-controls {font-style:italic; font-size:12px; color:#fff; text-shadow: 0px 0px 8px #000000, 0px 0px 8px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000; position:absolute; right:20px; top:20px; z-index:1800;}
#video-controls p {display:inline;}
#video-controls .audio-text {position:relative; top:-12px;}
#video-controls button {display:inline; background:none; border:none; opacity:0.8;}
#video-controls button:hover, #video-controls button:focus {opacity:1;}
#video-controls button svg {fill:#fff; width:42px; height:42px; filter: drop-shadow( 0px 0px 4px rgba(0, 0, 0, 1));}
.hidden #video-controls button svg {fill:#666; filter:none;}

#main-full {position:absolute; top:0px; z-index:1700;}

#video-row.hidden #main-full, #main-mobile {display:none;}
#video-row.hidden #main-mobile {display:block;}
#main-mobile {position:relative; width:100%;}
#main-mobile div {width:100%;}
#main-mobile div img {width:100%; height:auto;}
    
@keyframes fade {
    0%{opacity: 1;}
    8% {opacity: 1;}
	13%{opacity: 0;}
	93% {opacity: 0;} 
	100% {opacity: 1;}
}

#main-mobile img {position:absolute; left:0; right:0; width:100%;height:auto; opacity:0; animation-name:fade; animation-duration:24s; animation-iteration-count:infinite;}
#main-mobile img:nth-child(1) {animation-delay:0s;}
#main-mobile img:nth-child(2) {animation-delay:4s;}
#main-mobile img:nth-child(3) {animation-delay:8s;}
#main-mobile img:nth-child(4) {animation-delay:12s;}
#main-mobile img:nth-child(5) {animation-delay:16s;}
#main-mobile img:nth-child(6) {animation-delay:20s;}

#main-mobile img.paused{
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;
    -o-animation-play-state:paused; 
    animation-play-state:paused;
}


#homepage-action {display:block; padding:0; /*padding:0 0 50px;*/ width:100%; /*margin-bottom:-150px;*/   }
#action-row {/*position:relative; top:-150px; z-index:5000;*/ width:70%;  min-width:1000px; margin:0 auto;}
#action-row .module {float:left;width:24%; padding:2% 4%;  text-align:center;}
#action-row .module a {display:block; color:#000;}
#action-row .module a:hover, #action-row .module a:focus {text-decoration:none;}
#action-row .module img {width:90%; height:auto;}
#action-row .module h3 {font-family:"Montserrat", Verdana, sans-serif; color:#000; font-size:24px; line-height:1em; text-transform:uppercase;}
.action-image {width:100%; height:100%; max-width:300px; max-height:300px;}
.action-svg {margin:0 auto; width:90%; height:auto;}
#action-row .module p {margin-bottom:0;}


#homepage-feature {padding:0; background:url("../../admissions/images/pawbg.png") #E6E7E8;}
#feature-row {max-width:1200px; margin:0 auto;}
#feature-row h2 {position:relative; overflow:hidden; text-indent:-5000px; height:0; padding:0; margin:0;}
#feature-row img {width:100%; height:auto; display:block;}


#homepage-career {background-color:#000;}
#career-row {display:table; width:70%; margin:0 auto;}
.career-item h2 {position:relative; overflow:hidden; text-indent:-5000px; height:0; padding:0; margin:0;}
.career-item {display:table-row; }
.career-text {display:table-cell; vertical-align:middle; width:57%; padding-right:3%; color:#fff;}
.career-img {display:table-cell; width:35%; margin-left:5%;}
.career-img img {width:100%; height:auto; min-width:340px;}
.crdo-logo {width:90%; max-width:550px; height:auto;}
#homepage-career .nav-list {float:none; position:relative; top:-50px; margin:0 auto; text-align:center;}
#homepage-career .nav-list li {max-width:300px; float:none; margin:0 auto;}


#homepage-majors {background:url("../images/bg-nlogo.png"); background-position:25% 50%;background-repeat: no-repeat; background-size:350px 350px; padding-bottom:40px;}
#homepage-majors .ui.search {position:relative; top:0;}
#homepage-majors .h2 b, #homepage-majors .h2 strong {display:block; font-family:"Montserrat", Verdana, sans-serif; font-size:4.5vw; line-height:5vw; text-transform:uppercase;}
#homepage-majors .h2 {font-size:2.5vw; text-align:center;}

#homepage-facts {background:url("../images/bg-campus.jpg") #006747 center top no-repeat; background-size:cover !important; height:500px;}
#homepage-facts .h1 {width:70%; min-width:1000px; font-family:"Oswald", Arial, sans-serif;  font-size:96px; line-height:1em; margin:-40px auto 30px auto; color:#fff; }
#facts-row {background-color:rgba(18,71,52,0.9); padding:30px 6px; width:70%; min-width:1000px; margin:0 auto 15px auto;}
#facts-row a {display:block;}
.facts-item {display:block; float:left; width:20%; padding: 1.25rem 2.5%; font-family:"Oswald", Arial, san-serif;  color:#fff;  text-align:center; font-size:20px; line-height:26px; font-weight:300; text-transform:uppercase; min-height:194px;}
.facts-item .fact-number {display:block; font-size:72px; line-height:72px; font-weight:600; letter-spacing:-1px; padding-bottom:20px;}
#homepage-facts .nav-list {float:none; margin:0 auto; padding-top:20px;text-align:center;}
#homepage-facts .nav-list li {max-width:300px; float:none; margin:0 auto;}

#homepage-locals {background:url("../../admissions/images/stripes-aqua.jpg") #497D85; max-height:300px; padding:0;}
#locals-row {width:70%; min-width:1000px; min-height:300px; margin:0 auto 15px auto; color:#fff; position:relative;}
.locals-bg {position:absolute; top:0; bottom:0; left:0; right:0;background:url("../images/bg-seal.png") 10% top no-repeat; background-size:300px 300px; opacity:0.65; width:100%; height:100%; z-index:100;}
.locals-item {margin-left:30%; width:60%; position:relative; z-index:200; padding-top:50px;}
.locals-item h2 {font-family:"Oswald", Arial, sans-serif; font-size:48px; color:#fff; margin-top:0; margin-bottom:0.5em;}
.locals-item p {text-shadow: 0 0 8px #237283, 0 0 8px #237283, 0 0 8px #237283;}
#locals-nav {float:none; margin-top:30px; margin-left:-5px; }

.news-item a {color:#000;}
.news-item a:hover, .news-item a:focus {text-decoration:none;}
.news-item a p.headline {font-family:"Montserrat", Verdana, sans-serif;  color:#006747; font-weight:bold; font-size:15px;}
.news-item a:hover p.headline, #news-feature a:hover, .news-item a:focus p.headline, #news-feature a:focus {color:#000;}
.news-grid {float:left; width:50%; min-height:400px; }
#news-feature .news-item {float:left; width:98%;}
#news-feature a p.headline {font-size:28px; line-height:34px;}
#news-sub .news-item {float:left; width:48%; padding-left:2%; padding-bottom:2%;}
#news-sub .news-item:nth-of-type(1n+5){display:none;}
#news-sub .news-item:nth-child(3) {clear:both;}
/*.news-image {position:relative; display:block; overflow:hidden;}*/
.news-image {display:block; width:100%; height:auto; position:relative; overflow:hidden; padding-top:66.67%;}
.news-tag {position:absolute; bottom:0; left:0;  background-color:#000; color:#fff; padding:5px 15px; text-transform:uppercase; z-index:800;  font-family:"Oswald", Arial, san-serif; font-size:15px;}
.news-item a:hover .news-tag, .news-item a:focus .news-tag {background-color:#006747;}
.news-item a:hover img,.news-item a:focus img {-webkit-transform: scale(1.2); transform: scale(1.2);}

/*.news-item img {width:100%; height:auto; vertical-align:bottom;}*/
.news-image img {display:block; max-width:100%; max-height:100%; position:absolute; top:0; bottom:0; left:0; right:0;}
.news-item .date {font-size:12px; color:#666; text-transform:uppercase; margin-bottom:-10px;}


#homepage-events {background:url("../../admissions/images/slim-panel-bg.jpg") #124735 repeat;}
#homepage-events .h1 {color:#fff;}
.event-item {background-color:#fff; border:1px solid #D4D5D7; min-height:200px;}
.event-item:hover, .event-item:focus, .event-item:focus-within {background-color:#DDDFDE;}
.event-item a:hover, .event-item a:focus {text-decoration:none;}
.event-date {}
.event-details {color:#000; padding:8px 15px;}
.event-item .month {display:inline-block; font-family:"Oswald", Arial, san-serif;  font-size:13px; color:#000; text-transform:uppercase; border-top:8px solid #000; padding:6px 15px 0 15px;}
.event-item .day {font-family:"Montserrat", Verdana, sans-serif; font-weight:bold; font-size:45px; line-height:1em; color:#006747; padding:0 15px;}


#homepage-social {background-color:#000;}
#homepage-social .h1 {color:#fff;}
#social-row {margin-bottom:20px;}
.col-lg:nth-of-type(1n+9){display:none;}
.ig {width:100%; height:100%; /*justify-content:center; display:flex; flex-direction:row; overflow:hidden;*/ background-color:#006747;}
.ig-rollover {font-size:14px; line-height:20px; color:#fff; position:absolute; top:0; width:100%; height:100%; display:table; opacity:0; text-align:center; /*bottom:0px;left:0px;padding:1em;*/}
.ig a {display:block;}
#instafeed a:hover .ig-rollover, #instafeed a:focus .ig-rollover {opacity:1;}
.ig-img {width:100%; padding-top:100%; background-position:center top !important; background-size:cover !important; /*object-fit:cover; flex:1;*/ height:100%; }
#social-row .ig:hover, #social-row .ig:focus  {/*background-color:#006747;*/ /*opacity:0.65; -moz-opacity:0.65; -webkit-opacity:0.65;*/}
#social-row .ig:hover .ig-img, #social-row .ig a:focus .ig-img {opacity:0.2;}
/*#social-row .ig:hover img.img-fluid, #social-row .ig:focus img.img-fluid {visibility:hidden;}*/
.ig-info {display:table-cell; padding:1em; vertical-align:middle !important;}
.ig-stat {display:block;margin-top:10px; font-family:"Montserrat", Verdana, sans-serif; font-size:16px; font-weight:bold; line-height:18px;}
.ig-stat img {position:relative; top:5px; margin:2px;}
.ig-stat img:last-of-type {margin-left:20px;}

.img-fluid {max-width:100%; height:auto;}
.row {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; /*margin-right:-15px; margin-left:-15px;*/}
.col-lg {float:left; position:relative; width:25%; min-height:1px; /*padding-right:15px; padding-left:15px;*/}




/* ========== RESPONSIVE CODE ========== */


@media (max-width: 1200px) {
	#homepage-features {background-image:none; background-color:#fff;}
	.ig-rollover {font-size:11px; line-height:16px; }
}
@media (max-width: 1079px) {
	section#homepage-action, section#homepage-facts {padding-left:0; padding-right:0;}
	#homepage-facts {background-position:center 0;}
	#bearcat_alert_msg, #action-row, #career-row, #facts-row, #locals-row {width:100%; min-width:0; padding-left:0; padding-right:0;}

	#homepage-facts .h1 {width:100%; min-width:0;}
	.facts-item {width:28%;}
	.facts-item:nth-of-type(4) {display:none;}
    
}

@media (max-width:959px) {
	.col-lg {width:33%;}
	.col-lg:nth-of-type(1n+7){display:none;}
	/*
	.locals-img {margin-left:0;text-align:left;}
	.locals-img img {width:300px; height:auto; max-height:none;}
	.locals-text {float:none; left:-15%; width:110%;}
	*/


}

@media (max-width: 767px) {
	#video-row {padding-bottom:56%;}
	#alert-row {font-size:15px;}
	#alert-row .h1 {font-size:18px;}
	#main-full {display:none;}
	#main-mobile {display:block;}
	
	#video-controls button svg {fill:#666; filter:none;}
	
	.locals-bg {background-position:-35% center;}
	.locals-item {margin-left:5%; width:90%; }
	/*
	#homepage-locals {min-height:300px; max-height:none;}
	.locals-img {margin-left:-15%; height:100%; width:auto;}
	.locals-text {left:0; width:100%; float:none; border:1px solid red;}
	*/
	
	#homepage-action {margin-top:0; margin-bottom:0; background-color:#fff;}
	#action-row {width:100%; margin:0 auto;}
	#action-row .module {float:none; display:table; width:92%; }
	#action-row .module a {display:table-row; width:100%;}
	#action-row .module .action-image, #action-row .module .action-text {display:table-cell; vertical-align:middle; }
	#action-row .module .action-image {padding-left:5%; padding-right:5%; width:30%;}
	#action-row .module .action-text {width:55%; padding-right:5%; text-align:left;}
	#action-row .module .action-text p {margin-bottom:0;}
	#action-row .module img {width:100%; height:auto;}
	.module h3 {margin:0;}
	
	#homepage-features {margin-bottom:15px;}

	.crdo-logo {width:90%;}
	.career-img img {min-width:260px;}



	#homepage-majors .h2 b, #homepage-majors .h2 strong {font-size:7.5vw; line-height:8vw;}
	#homepage-majors .h2 {font-size:4.5vw;}
	
	
	
	#homepage-facts {height:auto !important; background-size:cover; /*background-image:none; background-opacity:100%; padding-top:0; padding-bottom:0;*/ }
	#homepage-facts .h1 {font-size:72px; }
	.facts-item {font-size:16px; line-height:22px; min-height:154px;}
	.facts-item .fact-number {font-size:60px; line-height:60px;}
	
	.news-grid {float:none; width:100%;}
	#news-feature {}
	#news-feature .news-item {width:100%;}
	#news-sub {clear:both; margin-top:1rem;}
	#news-sub .news-item {padding-left:2%; padding-right:2%;}
	#news-sub .news-item:nth-child(odd) {padding-left:0%;}
	#news-sub .news-item:nth-child(even) {padding-right:0%;}
	
	.ig-text {display:block;}
	.col-lg {width:50%;}
	.col-lg:nth-of-type(1n+5){display:none;}
}

@media (max-width:569px) {
	#career-row {display:block}
	.career-item {display:block; }
	.career-text {display:block; width:100%; padding-right:0;}
	.career-img {display:block; width:100%; text-align:center; margin-left:0;}
	.career-img img {width:100%; height:auto; max-width:340px; min-width:0;}
	.crdo-logo {width:90%; max-width:550px; height:auto;}

	#homepage-facts .h1 {font-size:60px; }
	.facts-item {width:45%; min-height:0; padding-top:1.25rem; padding-bottom:1.25rem;}
	.facts-item:first-child {display:inline;}

	#homepage-locals {max-height:none; paddings-bottom:0;}
	.locals-bg {background-position:center 0; background-size:cover; opacity:0.2;}
	#locals-row {padding-bottom:45px;}
	
	.news-grid {min-height:0;}
	.news-item {border-bottom:1px solid #e1e1e1;}
	#news-sub .news-item {float:none; width:100%; padding:0;}
	#news-sub .news-image {display:none;}
	#news-feature a p.headline {font-size:24px; line-height:30px;}
	.ig-text {display:none;}	
}

@media (max-width:480px)
{

	
	#action-row {width:99%; margin:0 0.5%;}
	#action-row .module {float:left; display:block; width:25%; padding:2% 4%; text-align:center;}
	#action-row .module a {display:block;}
	#action-row .module .action-image, #action-row .module .action-text {width:100%; display:block; padding-left:0; padding-right:0; }
	#action-row .module h3 {padding-top:10px; padding-bottom:10px; font-size:5vw; text-align:center;}
	#action-row .module .action-text p {display:none;}
	/*#action-row .module .action-image {width:29%; min-width:100px;}
	#action-row .module .action-text {width:65%;}
	*/

	#homepage-majors .h2 {margin-bottom:30px; font-size:20px}
	#homepage-majors .h2 b, #homepage-majors .h2 strong {font-size:36px; line-height:36px; margin-bottom:10px;}
	#majors-row {margin-bottom:20px;}
	
	#homepage-facts .h1 {margin-top:-24px; font-size:42px; }
	.facts-item br {display:none;}
	.facts-item:nth-of-type(1n+3){display:none;}
	.facts-item {font-size:16px; line-height:22px;}
	.facts-item .fact-number {font-size:48px; line-height:48px;}

	#homepage-locals .h1 {font-size:42px;}
		
	.col-lg {width:100%;}
}

@media (max-width:360px)
{

}