/* topography  */
.usu-fancy-font {
	font-family: "Univers", "Helvetica", "Arial", "Garamond", "Times New Roman";
}



ul.textSize>li, ol.textSize>li {
	margin-left: 25px;
	padding-left: 5px;

}


.apply-now {
	font-size: 1.6em;
	text-align: center;
}

/* lists */
.smallLetters > ol {
	counter-reset: list;
	margin-left: 10px;
}
.smallLetters > ol > li {
	list-style: none;
	position: relative;
}
.smallLetters > ol > li:before {
	counter-increment: list;
	content: counter(list, lower-alpha) ") ";
	position: absolute;
	left: -1.5em;
}

/* font colors  */

.darkBlue {
	color: #384660;
}

.white-out {
	color: #FFF;
}

button a.white-out {
	color: #FFF;
	text-decoration: none !important;

}

/* text effects */
.sentence-wrap {
	word-wrap: break-word;
}

.full-width-landing-page {
	position: absolute;
	background-color: #0f2439; 
	padding: 24px; 
	font-size: .8em; 
	top: 85%;
	left: 0;
	bottom: 0; 
	right: auto;
	transform: translate(0, -60%); 
	height: 100px;
}

/* Background colors, for when you just need a background color */
.lightBlue {
	background-color: #d9ecff;
}

.line-block {
	display: inline-block;
}

em.researchTopics{
	font-style: normal;
}

h1.thesis {
	font-size: 3.0em;
}
h1 small.thesis {
	color: #0f2439;
	font-size: 2.4em;
}
h2.thesis {
	font-size: 2.5em;
	display: inline;
}
p.thesis {
	font-size: 1.6em;
}
strong.thesis {
	font-size: 2.3em;
	display: block;
}
strong.thesis small{
	font-size: 50%;
}
strong.thesis a:link {
	text-decoration: none;
	color: #000000;
}
p.abstract {
	font-size: 1.2em;
}
em.thesis {
	font-style: normal;
}

.black-backdrop {
	background-color: rgba(0,0,0,0.75);
	
}

/* boxes */
.space{
	margin: 2px;
	padding: 10px;
}
.space ul li{
	margin-left: 15px;
	padding-left: 15px;
	list-style-position: inside; 
}


/* .main-container-wide.blue-bg {
background-color: #fff;
border-bottom: 0px solid #fff;
} */


/* Overlays Text on top of pictures   */

/* second degree overlays for the CoE's landing page  */

.rightBlueSubOverlay {
	position: absolute;
	top: 70%; 
	right: 0; 
	left: auto; 
	bottom: auto; 
	padding: 5px 10px; 
	background-color: rgba(15, 36, 57, 0.75);
	font-size: 16px;
	color: #ffffff; 
	text-decoration: none;
	min-height: 75px;
	width: 60%;

}

.main-container-wrapper .main-content .rightBlueSubOverlay a {
	color: #ffffff;
	text-decoration: none !important;

}

.main-container-wrapper .main-content .rightBlueSubOverlay a:hover {
	color: #98f5ff;
	text-decoration: underline !important;
}

.leftBlueSubOverlay {
	position: absolute; 
	top: 70%; 
	right: auto; 
	left: 0; 
	bottom: auto;
	padding: 5px 10px; 
	background-color: rgba(15, 36, 57, 0.75);
	color: #ffffff; 
	min-height: 75px;
	width: 60%;
	font-size: 16px;
}

.leftBlueSubOverlay a {
	color: #ffffff;
	text-decoration: none !important;
}

.leftBlueSubOverlay a:hover {
	color: #98f5ff;
	text-decoration: underline !important;
}

/* Second degree Overlays for the CoE's landing page end  */


/* Third degree overlays bottom row */

.overflowHidden {
	overflow: hidden;
}

.simpleBlackOverlay {
	position: absolute;
	top: 95%; 
	bottom: 0; 
	left: 1%; 
	right: 0;
	transform: translate(0, -95%);
	-ms-transform: translate(0, -95%);
	color: white; 
	/* 	background-color: rgba(0, 0, 0, 0.75);  */
	background-color: rgba(15, 36, 57, 0.75);
	height: 33px;
	width: auto;
	max-width: 98%;
	padding-left: 15px;
	padding-top: 5px;
	overflow: hidden;
	margin: 0;

}


.main-container-wrapper .main-content p.simpleBlackOverlay a {
	color: white;
	text-decoration: none !important;
}
.main-container-wrapper .main-content p.simpleBlackOverlay a:hover {
	color: #98f5ff;
	text-decoration: underline !important;
}

/*  end of bottom row overlays */

ul.textSize>li {
	padding-left: 10px;
	margin-left: 10px;
}

ol.textSize>li {
	padding-left: 10px;
	margin-left: 10px;

}



/* Magazine custom styles. If anything in this section is an issue please call Levi Sanchez in the Dean's office of the College of Engineering at 435-797-2413 */

h2.magazine {
	font-size: 1.6em;	
	font-weight: 700;
	text-decoration: none;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


h3.magazine {
	font-size: 1.4em;
}


p.magazineFont {
	font-size: 1.2em;
	color:#000;
	text-decoration: none;
}

strong.magazine.plus {
	font-size: 1.8em;
	color: #324b7d;

}

strong.magazine {
	font-size: 1.6em;

}

strong.magazine.h3 {
	font-family: 'Roboto Condensed',Arial,Helvetica,sans-serif;

}

.h3, strong.magazine.h3 {
	font-family: 'Roboto Condensed',Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #384660;

}

strong.textSize.h3 {
	font-weight: 700;
}

strong.magazine a, strong.textSize.h3 {
	color: #384660;
	text-decoration: none;

}

strong.magazine a:hover {
	color: #2472b5;
	text-decoration: underline;

}


strong.textSize.h3:hover {
	text-decoration: underline;
	color: #2472b5;
}

strong.magazine.h3:hover {
	color: #2472b5;
	text-decoration: underline;
}

p.textSize.magazine a {
	color: #000;

}

/* Special Text Effects   */
.underline {
	text-decoration: underline;
}

.boulder {
	font-weight: bold;
}

.italize {
	font-style: italic;
}

.textEffect-no {
	text-decoration: none;
}

a.textEffect-no {
	text-decoration: none;
}

.main-container-wrapper .main-content a.whiteOut.textEffect-no {
	color: #fff;
}

.quick-read {
	color: #384660;
	font-family: 'Roboto Condensed',Arial,Helvetica,sans-serif;
	font-weight: 500;
	line-height: 1.1;

}

div.quick-read h4 {
	display: inline;
}

div.quick-read p {
	display: inline;
}

/* Special cases  */
div.list-group-item {
	padding: 5px;
}

div.list-group-item p.textSize a.textEffect-no {
	font-family: 'Roboto Condensed',Arial,Helvetica,sans-serif;
	font-weight: 900;
	line-height: 0.8;
	padding: 1px;
	margin: 0;
}

.main-container-wrapper .main-content a.textEffect-no.magazine {
	text-decoration: none;
	color: #0f2439;


}


.main-container-wrapper .main-content a.textEffect-no.magazine:hover {
	text-decoration: underline;

	color: #2472b5;

}

.main-container-wrapper .main-content div.list-group-item:hover {
	background-color: #e6e6e6;
	color: #ffffff;

}

.removedSecondTitle .digital_measures_status.profileTitlePosition {
/* 	display: none; */
	visibility: hidden;
}

/* Buttons  btn */

.btn {
	font-weight: 900;
}

button.btn.btn-lg.btn-effect {
	background: #0f2439; /* For browsers that do not support gradients */    

}

button.btn.btn-lg.btn-effect.full-width a {
	word-wrap: break-word;
	word-break: keep-all;
}


a.btn-gold {
	background-color: rgba(172, 141, 115, 1); 
	color: #fff;
	text-decoration: none !important;
}

a.btn-gold:hover {
	background-color: rgba(172, 141, 115, 0.5);
	color: #000;
}

a.btn-darkGreen {
	background-color: rgba(0, 105, 0, 1);
	color: #ffffff;
}

a.btn-darkGreen:hover {
	background-color: rgba(0, 105, 0, 0.5);
	color: #ffffff;
	text-decoration: none !important;
}

a.btn-lightPurple {
	background-color: rgba(132, 149, 254, 1);
	color: #ffffff;
	text-decoration: none !important;
}

a.btn-lightPurple:hover {
	background-color: rgba(132, 149, 254, 0.5);
	color: #ffffff;
}

a.btn-purple {
	background-color: rgba(118, 0, 118, 1);
	color: #ffffff;
	text-decoration: none !important;
}

a.btn-purple:hover {
	background-color: rgba(118, 0, 118, 0.5);
	color: #ffffff;
}

a.btn-Blue {
	background-color: rgba(27, 59, 253, 1);
	color: #ffffff;
	text-decoration: none !important;
}

a.btn-Blue:hover {
	background-color: rgba(27, 59, 253, 0.5);
	color: #ffffff;
}

a.btn-orange {
	background-color: rgba(192, 78, 0, 1);
	color: #ffffff;
	text-decoration: none !important;

}

a.btn-orange:hover {
	background-color: rgba(192, 78, 0, 0.5);
	color: #ffffff;
}

/* E-State CSS stuff */



img.estate-header-logo {
	position: absolute; 
	left: 0; 
	top: 66%; 
	right: auto; 
	transform: translate(0, -50%);
}

h1.registration {
	min-height: 100px;
	background-color: #384660;
}

h1.registration a.btn.btn-primary.btn-block {
	color: #FFF;
	font-size: 30px; /* brings me back to default size on h1s*/

}


.estate-overview-box {
	min-height: 210px;
	max-height: 210px;
	height: 210px;
}

.estate-box {
	position: relative;
	height: 100%;
	width: 100%;
}

.estate-box-text {
	position: absolute;
	left: 50%;
	top: 50%; 
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	font-weight: 900;
	color: #FFF;
	height: 100%;
	width: 100%;
	padding: 33%;


}

.estate-box-hover {
	background-color: rgba(15, 36, 57, 0.75);


}

.estate-box .estate-box-text.h1 {
	line-height: 0;
	margin: 0;
}

.estate-box a {
	color: #FFF;
	cursor: pointer;

}


/* personnel table  */

.personnel-table {
	display: inline-block;
}

div img.personnel-table, div i.personnel-table, div i.glyphicon.personnel-table {
	min-width: 30px;
	min-height: 30px;
	font-size: 28px;
	display: inline-block;
	margin: 3px;
	padding: 0;
	vertical-align: middle;
}

/* Spacers */

.inner-vertical-1px {
	padding-top: 1px;
	padding-bottom: 1px;
}

.inner-vertical-20px {
	padding-top: 20px;
	padding-bottom: 20px;
}

.outer-top-10px {
	margin: 10px auto;
}

.outer-top-20px {
	margin: 20px auto;
}

.outer-top-40px {
	margin: 40px auto;
}

.outer-spacer-5px {
	margin: 5px;
}

.outer-spacer-60px {
	margin: 60px auto;
}

.outer-spacer-33 {
	margin: 33%;

}

.inner-horizontal-20 {
	margin: 0 20px;
}

.inner-spacer-5px {
	padding: 5px;
}

.paragraph-tab {
	margin-left: 5px;
	padding-left: 5px;
}

.sm-space {
	margin-top: 20px;
	margin-bottom: 10px;
}

.inner-left-30px {
	padding-left: 30px;
}

.inner-left-10px {
	padding-left: 10px;	
}

.inner-left-60px {
	padding-left: 60px;
}

.outer-zero {
	margin: 0;
}

.outer-top-zero {
	margin-top: 0px;
}

.outer-bottom-zero {
	margin-bottom: 0px;
}

.outer-horizontal-20px {
	margin-left: 20px;
	margin-right: 20px;

}

.outer-left-10px {
	margin-left: 10px;
}

.inner-spacer-8px {
	padding: 8px;
}

/* Tutoring Centers CSS */

.tutorHead {
	border-bottom: 6px solid #000;
	padding-bottom: 5px;
}

small.tutorFont {
	font-size: 1.5em;	

}

.tutorFont {
	font-size: 2.5em;
	color: #000;

}

ul.tutorFont li {
	font-size: 1em;
}

.tutorFont.big {
	font-size: 3em;
}



.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	width: 25px !important;
	height: 25px !important;
	padding: 4px 4px !important;
	min-width: 13px !important;
	margin-top: 2px !important;
}
.cse .gsc-control-cse, .gsc-control-cse {
	padding: 0em !important;
	margin-top: 2em !important;
	width: 100% !important;
}
.gsc-control-cse {
	font-family: Arial, sans-serif;
	border-color: #EFF2F7 !important;
	background-color: #EFF2F7 !important;
}
.gsc-search-button input, .gsc-search-button:hover input, .gsc-search-button:focus input {
	border-color: #666666 !important;
	background-color: #CECECE !important;
	background-image: none;
	filter: none;
}
.gsc-option-menu-container.gsc-inline-block {
	width: 23%;
}
.gsc-selected-option-container.gsc-inline-block {
	width: 100% !important;
}
.gsc-input-box {
	height: 28px !important;
}


/*general styling */
.heading h2 {
	font-size: 20.5px;
}
.img-width {
	width: 100%;
}
.img-width-100 {
	width: 100%;
}
.img-width-75 {
	width: 75%;
}
.img-width-50 {
	width: 50%;
}
.hr-aqua {
	width: 175px;
	margin-right: 100%;
	border-top: 1.5px solid #73cbeb;
}
.hr-orange {
	width: 175px;
	margin-right: 100%;
	border-top: 1.5px solid #da6b34;
}
.color-aqua {
	color: #63bcdd;
}
.color-orange {
	color: #da6b34; 
}


/*Clubs*/
hr.shrink {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

}




/* testing for box forms inside LDP OU Campus Managed forms */
#boxupload1 .control-label {
	width: 100%;
}
#id_boxupload1 {
	display: none;
}

/*end of testing for box upload */





/* Society of Women Engineerings SWE  */
.swe-banner {
	position: relative;
	background-image: url("https://engineering.usu.edu/students/clubs/swe/images/SWE-header-web.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	width: 100%;
	height: 250px;

}

.swe-bannerText {
	width: 75%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	font: normal normal normal 50px/1.4em 'jockey one',sans-serif;
	border: 5px solid #fff;
	background-color: #deeaea;

}

/*Space Dynamics Lab CSS  */
.sdl-lectures {
	font-family: 'Roboto Condensed',Arial,Helvetica,sans-serif;
	font-size: 1.6em; 
	font-weight: 500; 
	line-height: 1.1;
	color: #384660;
	/* 	color: #eff2f7; */

}

.headliner {
	font-size: 1.3em;
	font-weight: 500;
	line-height: 1.1;
	color: #384660;
}


/*  Generic positioning  */

.setRelative, .set-relative {
	position: relative;
}

.setAbsolute, .set-absolute {
	position: absolute;
}

.absolute-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, 50%);

}

/* E-State classes */

.estate-learnMore-text {
	position: absolute;
	top: 50%; 
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	color: #ffffff;
	font-size: 3.6em;

}

.estate-learnMore-text p a {
	color: #ffffff;

}

@media only screen and (max-width: 450px) {

	.estate-learnMore-text {
		font-size: 1.8em;
	}
}




/* containers Boxes Box wrappers */

.simple-box {
	margin-left: 20px;
	margin-right: 20px;
	padding: 8px;
}

.full-width {
	min-width: 100%;
	max-width: 100%;
	width: 100%;
}

.magazineHeight {
	min-height: 400px;
}

/* Simple Background Colors */

.warm-yellow {
	background-color: #fff8c6;
}

.cool-blue {
	background-color: #d9ecff;

}

.pro-dark-gray {
	background-color: #D3D3D3; 
}

.pro-light-gray {
	background-color: #eeeeee;
}

.light-blue {
	background-color: #eff2f7;
}



/* photo effects */
.newsPic {
	max-width: 40%;
}



/* Explore Degrees stuff */
/* hover opacity effect.  */
a div.hover:hover{
	opacity: 0.5;
	filter: Alpha(opacity=50); /* IE8 and earlier */
}

button.btn-reset {
	width: 100%; 
	color: inherit; 
	background-color: inherit; 
	border: 0; 
	padding: 0; 
	margin: 0; 
	height: auto;
}

/* fullScreen image */



/* Font on photo  */
.mainPhoto {
	white-space: nowrap;
	position: relative;
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 600%;
	height: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

}


.mainPhoto .picText {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}



/* font awesome icons fixing the footer Social Media twitter, */

.skyblue-socialMedia-box {
	position: relative; 
	width: 32px; 
	height: 32px; 
	background-color: rgba(63, 161, 218, 1); 
	color: #ffffff;
	padding: 5px;
	margin: 2.5px;
}


.skyblue-socialMedia-circle {
	position: relative; 
	width: 50px; 
	height: 50px; 
	border-radius: 50%;
	background-color: rgba(63, 161, 218, 1); 
	color: #ffffff;
	padding: 0;
	margin: 0;
}

.skyblue-socialMedia-circle .skyblue-socialMedia-content, .skyblue-socialMedia-box .skyblue-socialMedia-content {
	position: absolute; 
	left: 50%; 
	top: 50%; 
	transform: translate(-50%, -50%); 
	-ms-transform: translate(-50%, -50%); 
	color: #ffffff;
}
.skyblue-socialMedia-circle .skyblue-socialMedia-content a, .skyblue-socialMedia-box .skyblue-socialMedia-content a {
	color: #ffffff;
}

.skyblue-socialMedia-box .skyblue-socialMedia-content a span {
	transform: scale(1.5, 1.5);
}

.skyblue-socialMedia-circle .skyblue-socialMedia-content a span {
	transform: scale(2.25, 2.25);
}



.socialMedia>span.fa.fa-facebook, .socialMedia>span.fa.fa-twitter, .socialMedia>span.fa.fa-linkedin, .socialMedia>span.fa.fa-youtube-play, {
	color: #0f2439 !important;

}

div.socialMediaWrap {
	border-radius: 50%;
	background-color: #ebebeb;
	display: inline-block;
	position: relative;
	height: 50px;
	width: 50px;
	z-index: 5;
	margin: 15px 5px;

}

.socialMedia {
	font-size: xx-large;
	color: #0f2439;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 10;

}

.socialMedia span{
	font-size: xx-large;

}

.socialMediaWrap:hover {
	background-color: #FFF;
	color: #0f2439;

}





/* /end of font awesome footer stuff */
/* Correctly hiding things from the screen but letting screen readers know that it exists. Accessibility accessible access  */
.accessible-hidden {
	position:absolute; 
	left: -10000px; 
	top: auto; 
	width: 1px; 
	height: 1px; 
	overflow: hidden;

}

/* SubLanding Images   */
.subLanding-wrapper {
	display: block; 
	position: relative; 
	overflow: hidden;
}
.subLanding-wrapper img {
	width: 100%; 
	z-index: -1; 
	padding: 0;
	margin: 0;
}

.subLanding {
	background: -webkit-linear-gradient(right, rgba(0,51,102,0.05), rgba(0,51,102,1)); /* for safari 5.1 to 6.0 */;
	background: -o-linear-gradient(left, rgba(0,51,102,0.05), rgba(0,51,102,1)); /* for opera 11.1 to 12.0 */;  
	background: -moz-linear-gradient(left, rgba(0,51,102,0.05), rgba(0,51,102,1)); /* for firefox 3.6 to 15 */; 
	background: linear-gradient(to left, rgba(0,51,102,0.05), rgba(0,51,102,1)); /* standard syntax (must be last) */;        
	position: absolute;
	text-align: left; 
	min-width: 75%; 
	max-width: 75%; 
	margin-top: -5%; 
	margin-right: 25%; 
	padding: 0px 5px;

}
.subLanding h1 {
	font-size: 24pt;
	font-weight: bold; 
	color: white; 
	margin: 5px;
}


.site-foot {
	color: #fff; 
	font-size: 1.4em;
}

.site-foot-social {
	color: #0f2439;

}

/* Program overviews  */
.ug-program-wrapper {
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.ug-program-icon {
	min-width: 12%;
	max-height: auto;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}

.ug-program-icon a {
	width: 100%;

}

.ug-program-icon img {
	width: 100px;
	height: 100px;
	margin: auto;
}

@media screen and (max-width: 1050px) {
	.ug-program-icon {
		min-width: 25%;
		margin: 0;
	}
}

@media screen and (max-width: 990px) {
	.ug-program-icon {
		min-width: 25%;
		margin: 5px;
	}
}


@media screen and (max-width: 500px) {
	.ug-program-icon {
		min-width: 100%;
	}
}

/* Sortable Tables */
.sort {
	width: 100%;
	font-family: inherit;
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: inline-block;
	background-color: #0f2439;
	border: 1px solid #0f2439;
}

.sort.desc::after {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fff;
	content: "";
	position: relative;
	top: -4px;
	right: -5px;
	display: inline-block;
}

.sort.asc::after {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	content: "";
	position: relative;
	top: 4px;
	right: -5px;
	display: inline-block;
}

.sort::after {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	font-family: FontAwesome;
	content: "\f0dc";
	position: relative;
	top: 0px;
	right: 0px;
}

td {
	padding: 5px 10px;
	border: solid 1px #eee;
}

table {
	width: 100%;
}

/* Media Query section */

@media only screen and (min-width: 5px) {

	#lrs-testCSS {
		margin: 0px;
		padding: 0px;
		width: 100%;

		background-color: darkBlue;
		color: white;
	}
}

@media only screen and (max-width: 1200px) {
	.leftBlueSubOverlay {
		width: 100%;
	}

	.rightBlueSubOverlay {
		width: 100%;
	}
	.setAbsolute, .set-absolute {
		display: relative;
	}
}

@media only screen and (max-width: 768px) {

	.subLanding h1 {
		margin-top: 0px;
		margin-bottom: 0px;
	}

}

@media only screen and (max-width: 425px) {
	.subLanding h1 {
		font-size: 1.2em;

	}

	.newsPic {
		max-width: 100%;
	}

	.magazineHeight {
		min-height: auto;
	}
}

@media only screen and (max-width: 320px) {
	.subLanding h1 {
		font-size: 0.8em;
	}

}