/* CSS Document */

/* Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap */


/*AUBURN COLORS-----------
Primary Blue: #03244d
Primary Orange: #cc4e0b
Secondary Blue: #496e9c
Secondary Orange: #f68026

New
Primary Blue:#3244d;
Primary Orange: #cc4e0b
Secondary Blue: #496e9c
Secondary Orange: #f68026
Neutral: #aa9c8f


background: rgba(246, 128, 38, .99);
background: rgba(3, 36, 77, .8);
-------------------------*/

.navbar_fe {background-color: rgba(3,36,77,0.70);
margin: 0;
padding: 0;
width: 100%;}


.top-bar {
    height: 60px;
    width: 100%;
    background-color: #03244d;
    border-bottom: 0px solid #fff;
    z-index: 15;
    color: #fff;
    position: absolute;
    opacity: 0.85;
}

.top-bar-secondary {
    height: 60px;
    width: 100%;
    background-color: #03244d;
    border-bottom: 0px solid #fff;
    z-index: 15;
    color: #fff;
    position: absolute;
}

.top-links {
    
	left: 0;
	height: 60px;
    margin-top: 10px;
}
 
.fenav {color: #fff !important;
text-transform: uppercase;
	font-size: 18px;
	font-weight: 400;
	margin-top: 5px; 
	
	
}

.fevanspc {margin-left: 35px;}

.fenavtab {display: inline-block;
margin-left: 25px;
}

.fenav a {color: #fff !important;
	display: inline-block;


}

.fenav a:hover {color:#cc4e0b  !important;
text-decoration: underline !important;}



.fenavsm {color: #fff !important;
text-transform: uppercase;
	font-size: 16px;
	font-weight: 400;
	margin-top: 5px; 
	
	
}

 

.fenavtab {display: inline-block;
margin-left: 25px;
}

.fenavtabs {display: inline-block;
margin-left: 12px;
}


.fenavsm a {color: #fff !important;
	display: inline-block;


}

.fenavsm a:hover {color:#cc4e0b  !important;
text-decoration: underline !important;}



.fenavxs {color: #fff !important;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 400;
	margin-top: 5px;
	padding-top: 8px;
	text-align: left;
	width: 100%;
    background-color: #03244d;
    z-index: 15;
    opacity: 0.85;
	transition: 0.4s;
	
}

.fenavxspanel {  padding: 0 18px;
			  background-color: #03244d;
			  opacity: 0.85;
			  max-height: 0;
			  overflow: hidden;
			  transition: max-height 0.2s ease-out;
}
 

.fenavtabxs {display: inline-block;
			margin-left: 10px;
}

.fenavtabxs {display: inline-block;
			margin-left: 10px;
}


.fenavxs a {color: #fff !important;
	display: inline-block;
}

.fenavxs a:hover {color:#cc4e0b  !important;
				text-decoration: underline !important;}




.fe_zero {padding: 0;
		margin: 0;
}


	
.cimg { background-image: url("http://humsci.auburn.edu/fashionevent/images/banner-2024.jpg");
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 850px;
		filter: grayscale(45%); 
		top: 50;
 }	
.cimgalt { background-image: url("http://humsci.auburn.edu/fashionevent/images/fashioneventci20b.jpg");
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 850px;
		filter: grayscale(45%); 
		top: 50;
 }

.cimg2 { background-image: url("http://humsci.auburn.edu/fashionevent/images/banner-mid-2024.jpg");
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
		min-height: 700px;
		filter: grayscale(25%); 
		top: 10;
	 
	
 }

.cimg2alt { background-image: url("http://humsci.auburn.edu/fashionevent/images/bannersecimg2021.jpg");
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
		min-height: 700px;
		filter: grayscale(25%); 
		top: 10;
	 
	
 }

.cimg3 { background-image: url("http://humsci.auburn.edu/fashionevent/images/banner-bot-2024.jpg");
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
		min-height: 750px;
		filter: grayscale(15%); 
		top: 10;
	 
	
 }

.cimg3alt { background-image: url("http://humsci.auburn.edu/fashionevent/images/bannerthreeimg2021.jpg");
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
		min-height: 750px;
		filter: grayscale(15%); 
		top: 10;
	 
	
 }

.cimgabout { background-image: url("http://humsci.auburn.edu/fashionevent/images/fashioneventci_about1.jpg");
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			min-height: 500px;
			filter: grayscale(25%); 
			top: 10;
	
 }

.cimgabout { background-image: url("http://humsci.auburn.edu/fashionevent/images/about-2024.jpg");
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			min-height: 575px;
			filter: grayscale(25%); 
			padding-top: 50;
	
 }


.cimgexper { background-image: url("http://humsci.auburn.edu/fashionevent/images/experience-2024.jpg");
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			min-height: 900px;
			filter: grayscale(18%); 
			top: 50;
	
 }


.cimgpartners { background-image: url("http://humsci.auburn.edu/fashionevent/images/fashioneventci_partners.jpg");
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			min-height: 500px;
			filter: grayscale(18%); 
			top: 50;
	
 }


.cimgfep { background-image: url("http://humsci.auburn.edu/fashionevent/images/fashioneventci_pep.jpg");
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			min-height: 500px;
			filter: grayscale(18%); 
			top: 50;
 
	
 }


.cimgavg { background-image: url("http://humsci.auburn.edu/fashionevent/images/fashioneventci_avg.jpg");
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			min-height: 575px;
			filter: grayscale(25%); 
			top: 50;
	
 }


.cimgmod { background-image: url("http://humsci.auburn.edu/fashionevent/images/fashioneventci_mod.jpg");
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			min-height: 500px;
			filter: grayscale(25%); 
			top: 50;
	
 }


.cimgurb { background-image: url("http://humsci.auburn.edu/fashionevent/images/fashioneventci_urb2.jpg");
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			min-height: 500px;
			filter: grayscale(25%); 
			top: 50;
	
 }

.felogo {margin-top: 120px;
		padding: 10px 10px;
}

.feppad {margin-left: 15px;}


.feeppad {margin-left: 5%;}


.feexpvid {margin-top: 5%;
		   margin-left: 3%;
}


.fetitle {font-size: 2.25vw;
		font-weight: 400;
		padding: 10px 10px;
		font-family: 'Lato', sans-serif;
	 
 
}
.fetitlesm {font-size: 6.25vw;
		font-weight: 400;
		padding: 10px 10px;
		font-family: 'Lato', sans-serif;
}


.fedtp {font-size: 22px;
		font-weight: 400;
		padding: 10px 10px;
		font-family: 'Lato', sans-serif;
		line-height: 1.2em;

}

 
.feptitle {font-size: 3vw;
		font-weight: 400;
		padding:10px 10px;
		font-family: 'Lato',  sans-serif;
		text-align: center;
		color:rgba(13,11,11,.85);
	
 
}
.feptitlesm {font-size: 6.75vw;
		font-weight: 400;
		padding: 10px 10px;
		font-family: 'Lato', sans-serif;
		text-align: center;
		color: rgba(13,11,11,.85);
}

.fetoptext {color: #fff;
			z-index: 100;
			
}
.fetoptext2 {color: #fff;
			z-index: 100;
			
}

.fetoptext p {font-size: 19px;
			line-height: 1.3em;
			color: #fff;
			padding: 10px 10px;
			z-index: 100;
}

.fetoptext2 p {font-size: 19px;
			line-height: 1.3em;
			color: #fff;
			padding: 10px 10px;
			z-index: 100;
	text-align: right;
}

.fepagtext {color: #5e5f62 !important;
			z-index: 100;
	 
			
}

.fepagtext p{font-size: 19px !important;
			line-height: 1.6em !important;
			color: #5e5f62;
			padding: 20px 25px;
			z-index: 100;
}

.fetoptext a{color: #fff !important;}

.fetoptext a:hover {color: rgba(207,128,48,1.00) !important;}


.fepad {margin-top: 30px;}

.fepad2 {margin-top: 15%;}

.fepad2a {margin-top: 25%;}

.fepad3 {margin-top: 7%;}

.fepadding {margin-left: 6.5%;}

.fepadneg {margin-top: -8%;
margin-bottom: 5%;}

.feptitpad {margin-top: 2%;}

.fe_cblock {text-align: center;
			color: #fff; 
			background-color: #03244d;
			font-size: 3.5vw;
			font-family: 'PT Sans', sans-serif; 
			font-weight: 600;
			padding: 5px 5px;
			text-transform: uppercase;
			filter: opacity(75%);
			margin-bottom: -5.5%;
			z-index: 1000;
}



.btn 
{
  background-color:rgba(255,255,255,0.00);
   
  border-color: #FFF;
	border-radius: 5px;
	margin-top: 5px;
}
.btn:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
 border-color:rgba(207,128,48,1.00);
 }




.feln { border-bottom: 1px #000 solid; 
	margin: 3% 30%;
	
	 
	}


.felnsm { border-bottom: 1px #000 solid; 
	margin: 3% 30%;
	 
	}


.felni { border-bottom: 1px #fff solid; 
	margin: 1% 35% 5% -10px;
	
}

.felnis { border-bottom: 1px #fff solid; 
	margin: 1% 50% 5% -10px;
	 
}

.fepcards { margin-top: 5%;
		  padding: 10px;
		  box-shadow: 3px 8px 6px rgba(30,30,30,0.45);
	 
}

.fepcards p { font-size: 19px;
			font-family: 'Lato',  sans-serif;
			text-align: center;
			padding-top: 10px;
	text-transform: uppercase;
	 
}

.fe_height {height:  0px;
}

.fe_row {margin-right: 0px !important;}



.gal {
	
	
	-webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5; /* Firefox */
    column-count: 5;
	  
	
	}	
	.gal img{ width: 100%; padding: 7px 0;}
@media (max-width: 500px) {
		
		.gal {
	
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	  
	
	}
		
	}