/* Department CSS Document */
/*For mobile first adaptive design place styles for mobile and up in the mobile and up area.
Place styles for tablet and up inside the media query in the tablet and up area.
Place styles for desktop only inside the media query in the desktop only area.

For questions or media query training contact Web Development Services.
*/
/* ====================== Mobile and Up ========================== */
/* BUTTON */

a.button-border.button-solid-lime {
	display: block;
}
/* Track Buttons */
a.button-border.button-blue {
	border-color: #408EB5;
	color: black;
	position: relative;
	text-transform: none;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	transition: 0.6s;
	margin-top: 20px;
}
a.button-border.button-green {
	border-color: #748C4F;
	color: black;
	position: relative;
	text-transform: none;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	transition: 0.6s;
	margin-top: 20px;
}
a.button-border.button-red {
	border-color: #733122;
	color: black;
	position: relative;
	text-transform: none;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	transition: 0.6s;
	margin-top: 20px;
}
/* PDF Links Button  */
a.button-bottom-border {
	border-bottom: 1px solid;
	position: relative;
	text-transform: none;
	font-size: 16px;
	padding: 15px 45px 10px 0px;
	font-family: 'Lato', sans-serif;
	display: block;
	transition: 0.6s;
	margin-top: 20px;
	width: 340px;
}
a.button-bottom-border::after {
	content: '\f019';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	color: #275D38;
	position: absolute;
	right: 15px;
	top: 13px;
	font-size: 20px;
}

/* For IETC Conference Colors */
.bg-usu-blue {
	background: #002347
}
/* Accessible text classes */
.i-etc-conference section.page-header.jumbo.fullbleed {
	background-image: url('/cet/i-etc/images/final-header-usu-1.png')
	margin: 0;
}

.text-12 {
	font-size: 0.7500em;
	line-height: 1.5;
}
.text-14 {
	font-size: 0.8750em;
	line-height: 1.5;
}
.text-16 {
	font-size: 1.0000em;
	line-height: 1.5;
}
.text-17 {
	font-size: 1.063em;
	line-height: 1.5;
}
.text-18 {
	font-size: 1.1250em;
	line-height: 1.5;
}
.text-20 {
	font-size: 1.2500em;
	line-height: 1.5;
}
.text-21 {
	font-size: 1.3125em;
	line-height:1.5;
}
.text-22 {
	font-size: 1.3750em;
	line-height: 1.5;
}
.text-24 {
	font-size: 1.5000em;
	line-height: 1.5;
}
.text-26 {
	font-size: 1.625em;
	line-height: 1.5;
}
.text-28 {
	font-size: 1.75em;
	line-height: 1.5;
}
.text-40-lg {
	font-size: 2.5em;
	line-height: 1.5;
}
/* p {
	line-height: 1.5;
} */
.card-spotlight p {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.1875em !important;
    font-weight: 500;
}
h2 {
	font-size: 1.875em !important;
}
/* End Accessible text classes */

/* REMOVE SPACE AND BORDER ON HERO IMAGES. USE ON HOME PAGES THAT HAVE A BANNER FLUSH WITH THE HERO */
.fullbleed:has(+ [class*='bg-']) {
	margin-bottom: 0;
	border-bottom: none;
}

/*basic banner*/
.bg-dark-grey {
	background-color: #3f3f3f;
}

.degree-section {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-direction: column;
	}
/* deadlines banner  */
.text-yellow-green {
	color: #C7DA72;
}
.text-55 {
	font-size: 55px;
}
div.application-banner {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
div.application-banner-inner {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
}
div.application-banner-inner div {
	padding: 20px;
}

/* belles css */
 .ietcLogo{
	display:none;
} 
/* .button-border{
	background-color:white;
}
.button-border:hover{
	background-color:#e8e8e8;
}
 */

/* end belle's css
/* --- Home Header --- */
.home-header {
	height: calc(50vh - 42px);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 20px;
	margin: 0px;
}

.header-update {
	display: flex;
	justify-content: space-between;
}
	
.background-position-home-variable{
	background-position: 10% bottom;

}

/* For Subpage Headers (except Track pages) 2022 */

.background-position-subpages {
	background-position: 75% bottom;
}



/* --- END Home header --- */

/* --- Track Backgrounds --- */
.bg-tracks {
	background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
	color: white;
	height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	text-align: center;
}

.bg-engineering {
	background-image: url('/cet/i-etc/images/tracks/engineering-track-bg.png');
	background-color: #9e3922;
}

.bg-technology {
	background-image: url('/cet/i-etc/images/tracks/technology-track-bg.png');
	background-color: #235332;
}

.bg-computing {
	background-image: url('/cet/i-etc/images/tracks/computing-track-bg.png');
	background-color: #003c50;
}




/* --- END Track backgrounds --- */

.text-shadow-black {
	text-shadow: 3px 3px 3px #000;
}

.ietc-text-yellow {
	color: #ffff00;
}

.height-inherit {
	height: inherit;
}

.text-30 { font-size: 30px; }

.justify-content-between {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.justify-content-end {
  justify-content: flex-end;
}




.disabled {
  pointer-events: none;
  cursor: default;
}

.bg-image1
{
	background-image: url("/cet/i-etc/images/background-blue-green-red.png");
	background-size: cover;
}




/* ===== HOMEPAGE ===== */

/* Jumbo Header */

.jumbo {
	padding-top: 120px;
}

.fullbleed {
		background-position: left;
	}


/* Track Cards */

.track-card > img {
    width: 100%;
}

/* Sponsors */
.social-icons > a > span:before {
  font-size: 3.5em;
}

.sponsors img {
    margin: 20px;
    width: 50%;
}

/* Technical Sessions*/

.technical-sessions{
	display: flex;
	justify-content: space-evenly;
}



/* ===== REGISTRATION ===== */
.jumbo.padding-40 {
  padding: 40px!important;
}

/* Registration Cards */
.reg-cards {
    background: #4ba23f;
    padding: 10px 15px;
    margin: 5px;
}

.rc-h3,
.rc-h4,
.rc-h5,
.rc-h6 {
  font-family: Raleway, Arial, sans-serif;
  text-align: center;
  margin: 10px 0;
  color: white;
}

.rc-h4 { color: #F9EA00!important; }

/* ===== COMMITTEE ===== */

.committee .col-xs-3 {
  margin: 10px 0;
}

.committee .col-xs-9 h3 {
  font-weight: bold;
  font-size: 22px;
  color: #000;
}

/* ===== TRACKS ===== */

.i-list {
  list-style-image: url(/cet/i-etc/images/tracks/list-icon.png);
}

.i-list li p+p:last-of-type {
  font-weight: 300;
}


/* === 2022 added styles for home header fixes and spacing issues === */

.variable-top-padding {padding-top: 5px;}

.neg-margin{margin-bottom: -2rem;}

.right-header-div {height: 50px; visibility: hidden;}

.header-content {flex-flow: column;}


.logo-container{padding-right: 0; text-align: center;}

.mobile-calltoaction{
	visibility: visible;
	
}

.student-awards-mobile {
padding-top: 5px;
}
.sponsors-mobile {
	padding-top: 20px;
	padding-bottom: 20px;
	
}

.sponsors-mobile p {
	display: flex; 
	justify-content: center;
}

.gray-box{visibility: hidden;}


	.home-section-1-styles {
	margin-top: auto;
}


.bottom-button-div {
	margin-left: auto;
	margin-right: auto;
}

.button-mobile {
	height: 60px;
	background-color: white;

}

.track-button-mobile{
	padding-top: 5.8%;
	padding-bottom: 5.8%;
	
}

/*=========SCHEDULE=========*/

.bg-ietc-2022{
	background-color: #23B6E0;
	padding: 10px;
}

.bg-orange{
	background-color: #EEA045;
	padding: 10px;
}

/*banner*/

.no-mobile {
	display: none;
}


@media only screen and (min-width: 600px) {
.padding-bottom-300 {
		padding-bottom: 300px;
	}

}


/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 760px) {
	a.button-border.button-solid-lime {
	min-width: 200px;
	width: fit-content;
}
	.fullbleed {
		background-position: left;
	}
	
	.padding-bottom-300 {
		padding-bottom: 300px;
	}
	
	.bio-header-pic {
		margin-top: -175px;
	}
	
	/* === 2022 added styles for home page styling and spacing === */
	
	.neg-margin{margin-bottom: -3.5rem; font-size: 1.1rem;} 
	.background-position-home-variable{
	background-position: 32% bottom;
}
	.right-header-div {width: 50%; padding-right: 2%; height: auto; visibility: visible;}
 
	.rectangle-box {width:70%; height: 110%; background-color: #F1EFEF;}
	.header-content {flex-flow: row; justify-content: space-between;}
	.logo-container{padding-right: 0; text-align: left;}
	.mobile-calltoaction{
	visibility: hidden;
		height: 0;
		width: 0;
		display: none;
}
.mobile-title{
	visibility: hidden;
	height: 0;
	width: 0;
	display: none;
}
	
	.sponsors-mobile p {
	display: flex; 
	justify-content: flex-start;
}

	.gray-box{visibility: visible;}
	
	
	.home-section-1-styles {
	margin-top: -6rem;
}
	
		.sponsors-mobile {
	padding-top: 20px;
	padding-bottom: 20px;
}

	
	.home-section-1 {
		padding-top: 0;
	}
	.title-text-home {
		margin-top: 0;
		
	}
	
	.bottom-button-div {
		margin: revert;
		
}
	.button-mobile {
	height: revert;
}

	.track-button-mobile{
	padding-top: 4.5%;
	padding-bottom: 4.5%;
	
}
	.track-button-mobile:hover{
		opacity: 87%;
	}
	
/*basic Banner*/
.no-mobile {
		display: block;
	}
	.degree-section {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		align-items: center;
		flex-direction: row;
	}
	.degree-container {
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 20px;
		margin-top: 20px;
		text-align: center;
		min-width: 250px;
	}

	/* FOR NON-CLICKABLE VERSION */
	.degree-container span {
		display: block;
		margin-top: -20px;
	}
	
/* Deadlines banner */
	
div.application-banner {
		align-items: center;
	}
div.application-banner-inner {
		grid-template-columns: 1fr 1fr;
		width: 100%;
}

	

}
	



/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {

	.padding-bottom-300 {
		padding-bottom: 300px;
	}
	
	.w-50 {
	width: 50%;
}
	
	/* For Subpage Headers except Track pages 2022 */
	
.background-position-subpages {
	background-position: 95% bottom;
}
	
	
  /* ===== HOMEPAGE ===== */
	
	.transition, .transition:hover {
  transition: all 400ms ease-in-out;
}
	
  /* Jumbo Header */
/*   .jumbo header img {
    max-width: 33%
  }
 */
section.slim-header {
	padding: 0px;
}
	

	.background-position-home-variable{
	background-position: 57% bottom;
}
	
	.neg-margin{margin-bottom: -5rem; font-size:1.4rem;}
	
	.right-header-div {width: 45%;}
	
	
  /* About */

.about {
  margin-top: -125px;
}

  /* Track Cards */
  .track-card h2,
.track-card h4 {
  transition: all 300ms ease;
}

.track-card:hover {
    text-decoration: none;
}

.track-card:hover h2,
.track-card:hover h4 {
  font-weight: bolder;
  transition: all 300ms ease;
}

  /* Sponsors */
  .sponsors img {
    height: 50px;
    margin: 15px;
    width: auto;
  }

  /* ===== REGISTRATION ===== */
  .reg-cards {
      margin: 0;
  }


  /* ===== TRACK PAGES ===== */
  .i-list {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  }

  .i-list li {
  width: 90%;
  padding-bottom: 10px;
}

	.student-awards-mobile {
padding-top: 20px;
}
	

	
.gray-box{visibility: hidden;}	
	

.home-section-1-styles {
margin-top: 0;
}

/* banner */
	.degree-section {
		flex-wrap: nowrap;
	}
	.degree-container {
		min-width: 200px;
	}
	
/* Deadlines Banner */
div.application-banner-inner div {
		padding: 10px 30px;
	}
}


/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
/* 	.i-etc-conference section.page-header.jumbo.fullbleed {
	background-image: url('/cet/i-etc/images/1251x300-header1.png') 
} 
	
.jumbo {
	padding-top: 600px;
}
	.headerImg {
		padding-top: 300px;
	} */
	
	/* === 2022 added styles for home page styling and spacing === */
	.variable-top-padding {padding-top: 40px;}


	.neg-margin{margin-bottom: -5.8rem;}


.right-header-div {width: 56%;}

	.sponsors-mobile {
	padding-top: 40px;
	padding-bottom: 40px;
}
	
		.home-section-1-styles {
	margin-top: -10rem;
}

	.button-mobile {
	background-color: #f1efef;
}
.button-mobile:hover{
	background-color: white;
}


	.bottom-button-div span:hover{
	background-color: #275d38;
		color: white;
		border-color: white;
		
}
.bottom-button-div span:hover a{
	color: white;
}

.title-text-home {
		margin-top: 0;
		display:none;
	}
	
/* Deadlines Banner */
div.application-banner {
		flex-direction: row;
		gap: 30px;
	}
	div.application-banner-inner {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.border-right {
		border-right: 1px solid #C7DA72;
	}
	a.button-border.no-margin {
		margin: 0;
	}
}


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

}

	
}





/*end media query*/
/*End desktop only styles*/
/*END OF DOCUMENT*/