@font-face { font-family: 'sorts regular'; src: url("/cmsroot/fonts/sortsmillgoudy-regular.ttf");  }
@font-face { font-family: 'sorts italic'; src: url("/cmsroot/fonts/sortsmillgoudy-italic.ttf");  }
@font-face { font-family: 'source sans light'; src: url("/cmsroot/fonts/sourcesanspro-light.ttf");  }

	html, #etsuSearch {
		background: #FFFFFF;
	}

	/********************** Faculty and Staff Search Results Page *************************/
		#etsu_facstaff_advanced_search > ul > li:nth-child(6) > span > i {
			color: #FFC72C;
			display: inline;
		}
		
		#facStaffSearchResults > li > details > summary::-webkit-details-marker {display: none;}
	
	
		#facStaffSearchResults > li > details > summary:before, #facStaffSearchResults > li > details > summary[open]:before  {
			content: '\f055';
			font: normal 1.4em/1 FontAwesome;
			width: 1em;
			position: absolute;
			left: 1em;
			top: 0.7em;
		}
	
		#facStaffSearchResults > li > details > summary:before {
			content: '\f055';
			/*animation: close-facstaff-details .3s forwards;*/
		}
		
		#facStaffSearchResults > li > details[open] > summary:before {
			content: '\f056';
			/*animation: open-facstaff-details .3s forwards;	*/
		}
		
		@keyframes open-facstaff-details {
		  0%   { transform: rotate3d(0,0,1,0deg); }
		  100% { transform: rotate3d(0,0,1,90deg); }
		}
		
		@keyframes close-facstaff-details {
		  0%   { transform: rotate3d(0,0,1,90deg); }
		  100% { transform: rotate3d(0,0,1, 0deg); }
		}
		
		#facStaffSearchResults > li > details > summary  {
			display: block;
			color: #005EB8;
			position: relative;
			clear: both;		
		}
		
		.facstaff_summary { 	color: #000; white-space: normal; }
		
		#facStaffSearchResults > li > details > div { padding-left: 10rem; }
	
	/**************************************************************************************/
	
	
	/**************************** Student Search Results Page *****************************/
		#etsuStudentSearchContainer { padding: 2rem;	}
		
		#studentSearchResults > li { padding-left: 1rem; padding-right: 1rem;	}
	
	/**************************************************************************************/
	
	.pad__rem--8lr {padding-right:8rem;padding-left:8rem}

	/*********************************** MAIN SEARCH AREA *********************************/
	
	#etsuSearch main {
			margin-bottom:10rem;
			font-family:Helvetica-Neue, 'Helvetica Neue',Helvetica,Arial,sans-serif; 
			background: #FFFFFF;
	}
	#gcseSearchForm > ul > li:nth-child(1) { width: 30%; }

	/**************************************************************************************/

	/********************** Main Container, Tabs & Search Overrides ***********************/
	#etsearch__tabs > .tabs.three {padding-left:unset;padding-left:0.05rem;}
	#etsuSearch #etsearch__tabs .tabs input[type=radio]:checked + label.pseudo.button.toggle {
			background-color: #FFF;
			border-color: #FFC72C;
			color: #000;
			font-size: 1.25rem;
			font-weight: bold;
			letter-spacing: 0;
			line-height: 1;
			margin-bottom: 7px;
			opacity: 1;
			padding: 1.5rem 0.3rem;
			text-decoration: underline;
			text-transform: uppercase;
			z-index: 5;
			border-bottom-color: #fff;
			padding-left: 2rem;
			padding-right: 2rem;
		}

		#etsuSearch #etsearch__tabs .tabs label.pseudo.button.toggle {
			background-color: #041E42;
			border: solid 1px transparent;
			border-radius: 0.2rem;
			box-shadow: 0 0 1rem #fff;
			color: #FFC72C;
			display: block;
			font-size: 1rem;
			opacity: 0.68;
			padding: 0.3rem 0.1rem;
			position: relative;
			/*text-transform: lowercase;*/
			vertical-align: middle;
			padding-left: 2rem;
			padding-right: 2rem;
		}

		.fa-search {
			
			font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		}

		#etsuSearch .row > div {
			
			background-color: #fff;
			border: solid 1px #FFC72C;
			border-radius: 1rem;
			padding: 0;
		}

		#etsearch__tabs > div > div > div {width:unset}

		.siteheading {
			
			font-family: "sorts italic", georgia, serif;
			font-weight: normal;
		}

		.search-header-descrip {
			padding-bottom: 0em;
		}
		
		/*Input Fields*/
		.etsu_search_box input[type="text"] {
			
			border-color: rgba(0,0,0,.3);
			width: 50%;
			background: #FAFAFA;
			color: rgba(0,0,0,.87);
			box-shadow: none;
			font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
			border: 1px solid rgba(34,36,38,.15);
			border-radius: .28571429rem;
			transition: box-shadow .1s ease,border-color .1s ease;
			padding: 1rem;
		}
		
		details {
			cursor: pointer;
		}

	/**************************************************************************************/
	
	/************************************ Media Queries ***********************************/
	
		@media screen and (min-width:90.1rem) { 
		
			
		}
	
		/*********************** Tablet & Small Desktop *******************/
		 @media screen and (min-width:60.1rem) {
		 /** FOOTER **/
			#etsuSearch footer > img {max-height: 9rem;}
			#loginForm { max-width: 38%; margin: 4rem auto;}
		 }
		/*******************************************************************/ 
		
		/************************ Phones/Smaller Mobile ********************/
			 @media screen and (max-width:60rem) {
				
				header .box--blue > a > img { visibility: hidden; } 
				
				header .box--blue > a {
					background: transparent url(/remedy/images/header_logo_2014.png) no-repeat 0 0 ;		
				}
				
				#main > ul > li > ul > li.margin---1B > div {
					text-align: left;
					margin-left: -3rem !important;
					font-size: 0.9rem;
				}
				#facStaffSearchResults > li > details > div { padding-left: 1rem; }
						
				.stuSearchResults_header { display: none; }
				
				#etsuStudentSearchContainer { padding: unset; }
				
				#gcseSearchForm > ul > li:nth-child(1) { min-width: 100%; }
			 }	
		/*******************************************************************/ 
		 
		/********************** Devices in Landscape Mode ********************/ 
			@media (orientation: landscape) {
			  
				  #etsuSearch > header > div > div > h1 { text-align: right; }
				  #etsuSearch #etsearch__tabs .tabs label.pseudo.button.toggle  {
					  display: inline-block;
				  }
				  #etsearch__tabs > div > label:nth-child(2) {margin-left:1rem;}
				  
				  #etsuSearch .row { margin-top: -0.5rem; }
			}
		/*******************************************************************/ 
		
		/********************** Devices in Portrait Mode ********************/ 
			@media (orientation: portrait) {
				
			  #etsuSearch > header > div > div > h1 {text-align: center; }
			  
			}
		/*******************************************************************/ 
		
	/**************************************************************************************/