/* University Courses CSS Document */

h1 {
    font-family: "Oswald", "Open Sans Condensed", sans-serif;
	font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
	color:#555;
    margin: 0 0 40px 0;
	text-align: center;
}

.Title_Course_Type {
    font-family: "Oswald", "Open Sans Condensed", sans-serif;
	font-size: 2.5rem;
    font-weight: normal;
    text-transform: uppercase;
	color:#00355C;
	line-height: normal;
	padding: 10px;
	border: 1px solid #BBB;
	background-color: #f3efdb;
	text-align: center;
	margin: 0;
}

.Title_Course_Name {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: 700;
	color: #666;
	margin-bottom: .55rem;
}

.Head_Container {
	width: 100%;
	background-color: #B8B7B4;
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
}

.Head_Image {
	background-image: url("/site/graphics/Backgrounds/People/Background_SisterAtComputerSmiling_957x300.jpg");
	width: 100%;
	height: 126px;
  	background-repeat: no-repeat;
  	background-size: cover;
	background-position: right;
	padding-top: 4%;
	padding-left: 0;
	padding-right: 72%;
    padding-bottom: 100px;
	text-align: left;
	font-family: Roboto;
	font-weight: 500;
	text-shadow: 1px 1px 3px #FFF;
	font-size: 1.9rem;
	color: #333;
	border-bottom: 1px solid #CCC;
}



.Box_Link a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: #666;
}

.Box_Link:hover {
	background-color: #FF9;
}

.Text_Introduction {
	margin-bottom: 2rem;
}

.TTU_Course_Types {
	margin-bottom: 3rem;
}

.TTU_Course_Display {
	width: 100%;
	padding: 25px 10px;
	font-size: 1rem;
	display: flex;
	column-gap: 1rem;
	border-bottom: 1px solid #DDD;
}

.TTU_Course_Icon {
	width: 130px;
	padding-top: 4px;
}

.TTU_Course_Info {
	flex: 1;
	font-size: .9rem;
	line-height: 1.2rem;
}

.TTU_Course_Info p {
	margin-top: 0;
	margin-bottom: .55rem;
}

.TTU_Course_Description{
	display: none;
}

.TTU_Course_Details_Link {
	display: inline-block;
	margin-bottom: .5rem;
}

.TTU_Course_Details_Link a {
	padding: .1rem .4rem;
	background-color: #EFEFEF;
	color: #0051ff;
	border-radius: .3rem;
}

.TTU_Course_Details_Link a:hover {
	background-color: #FF0;
}

.TTU_Course_Time_Remaining {
	font-weight: 500;
}

.Text_Course_Cost,
.Text_Qualification {
	font-weight: 500;
	color: #2A5AAF;
}

.Text_RedHighlight {
	color: #F00;
}

.Instructor_Photo {
	display: none;
}








/* Mobile First */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

	h3 {
		font-size: 1rem;
	}

	.Head_Image {
		height: 155px;
		font-size: 2.2rem;
		padding-top: 6%;
		padding-right: 67%;
	}

	.TTU_Course_Icon {
		width: 200px;
	}

	.TTU_Course_Display {
		column-gap: 1.4rem;
	}

	.TTU_Course_Description{
		display: inline;
	}

	.TTU_Course_Details_Link a {
		margin: 0;
	}
	
	.TTU_Course_Time_Remaining {
		margin-top: .25rem;
	}
	
	.TTU_Course_Info {
		font-size: .95rem;
	}

}




/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.Head_Image {
		height: 210px;
		font-size: 3.2rem;
		padding-right: 60%;
		padding-top: 5%;
	}

	h3 {
		font-size: 1.1rem;
	}

	.TTU_Course_Info {
		font-size: 1rem;
		line-height: 1.3rem;
	}

	.TTU_Course_Info p {
		margin-top: 0;
		margin-bottom: .7rem;
	}

	.Instructor_Photo {
		padding-top: 4px;
		padding-left: 20px;
		display: inline-block;
	}

}



/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.Head_Image {
		height: 270px;
	  	background-size: contain;
		font-size: 4.0rem;
		padding-right: 50%;
		padding-top: 4%;
	}

	h3 {
		font-size: 1.2rem;
	}

	.Container {
		font-size: 1.1rem;
	}


}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.Head_Image {
		height: 300px;
		font-size: 5.3rem;
		padding-right: 45%;
	}


}