/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Roboto'), url('../fonts/roboto.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Roboto Condensed'), url('../fonts/roboto-condensed.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local('Roboto Condensed'), url('../fonts/roboto-condensed-bold.woff2') format('woff2');

}
 
 .sticky-menu{
 	list-style:none !important;
 	margin-left:0 !important;
 }
 
 .no-jump-menu{
 	margin-top: -3em;
 }
 

 
 .shortcode-error{
 	color:#ff0000;
 }
 
 
.school-button-asd{
	margin:20px 0;
}
 
 .school-button-asd a {
    background-image: url(../images/find_a_school.gif);
    display: block;
    height: 43px;
    width: 210px;
    margin-left:auto;
    margin-right:auto;
}

/* HE Search Box */
.he-searchbox{
	background-color: #196da6;
    padding: 10px;
    color: #fff;
}

.he-searchbox select{
	height:36px;
	margin-bottom:8px;
}

.he-searchbox label{
	margin-bottom:0px;
	font-weight:normal;
}

.he-title{
	font-size:18px;
	color:#fff;
	background-color:#014068;
	padding: 10px 14px;
}

.he-sponsored{
	margin-bottom: 20px;
	text-align:right;
	font-size:11px;
	font-style:italic;
	color:#666;	
	margin-right:5px;
} 

.searchbox-nav{
	background-color:#fff;
}

.he-title,
.he-searchbox,
.he-searchbox select,
.he-searchbox input {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"
}

.he-searchbox form{
	margin:0px;
}

.he-searchbox select{
	color:#666;
	width:100% !important;
	max-width:100% !important;
}

.he-searchbox input[type="submit"]{
	margin:15px 0px 10px;
	background-color:#df6600;
	height:35px;
	border:0px;
	width:100%;
	font-size:110%;
	color:white;
}

.he-searchbox .he-degree,
.he-searchbox .he-category,
.he-searchbox .he-subject {
    display:block;
    margin:0;
    width:100%;
}

@media (min-width: 1024px){
	.searchbox-body .he-title{
		display: none;
	}
	
	.searchbox-body .he-searchbox .he-degree,
	.searchbox-body .he-searchbox .he-category,
	.searchbox-body .he-searchbox .he-subject {
	    float: left;
	    width: 33%;
	    padding-right: 25px;
	    box-sizing: border-box;
	}
	
	.searchbox-body .he-searchbox .he-subject{
		padding-right:0px;
	}
	
	.searchbox-body .he-searchbox .button-wrapper{
		width: 260px;
	    margin-left: auto;
	    margin-right: auto;
	}
	
	.searchbox-body .he-searchbox label{
		font-size:14px;
	}
	
	.searchbox-body .he-searchbox input[type="submit"] {
    	margin: 5px 0px 5px;
	}
	
}	

@media (min-width: 1200px){
	.searchbox-body .he-searchbox label{
		font-size:18px;
	}
}

/* HEV2 */
.searchbox-body-he form,
.searchbox-nav-he form{
	width:100% !important;
}

/* New esyoh body */
.esy_school_code{
	display:none !important;
}

.searchbox-body-esyoh{
	margin:0 !important;
}
/*Horizontal Search Box Styles*/
#horizontalsearch {
	margin-bottom: 15px;
}
#horizontalsearch #quick-search-filters-container .tl-modal-title {
    display: none !important;
	visibility: hidden !important;
}
#horizontalsearch #quick-search-filters-container {
	width:90%;
	margin:auto;
}
#horizontalsearch #quick-search-filters-container .tl-col-md-12 {
	padding-inline: 11% 8% !important;
}
#horizontalsearch #quick-search-filters-container div.marker-container {
	float:left;
	width: 30%;
}
#horizontalsearch #quick-search-filters-container #btnSearchSchools {
	margin-top: 10px;
	border-radius: 0px !important;
	width: 150px;
}
#horizontalsearch #quick-search-filters-container .field-container.submitButton {
    width: 100%;
    max-width: none !important;
}
#horizontalsearch .marker-container:nth-child(4n){
	display:none !important;
	visibility: hidden !important;
}
@media (max-width: 960px) {

	#horizontalsearch #quick-search-filters-container div.marker-container {
		float: none !important;
		width: auto !important;
	}
}
/*#horizontalsearch #quick-search-filters-container #sponsored-content-disclosure {
    color: #FFFFFF !important;
}*/
#horizontalsearch #school-description-container .read-more-content {
    height: auto !important;
}

#horizontalsearch #quick-search-filters-container .tl-modal-content.wgtBGColor {
  background-color: transparent;
}

#footSearchHead {
	font-family: 'AmericanTypewriter';
    font-size: 22px;
    line-height: 30px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 20px;
}

/* Header */
.page-header-xl{
	position: relative;
	background-position: 62% 0;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-header-xl-container{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 30px 20px 90px 20px;
	position:relative;
}

.page-header-xl .background-screen{
	background-color: #252420;
	opacity: .14;
	position:absolute;
	inset:0;
}


.page-header-xl,
.page-header-xl h2,
.page-header-xl h4,
.page-header-xl span{
	font-family: \'Roboto\',sans-serif;
}

.page-header-xl h2{
	font-size: 22px;
	color: #fff;
	font-family: 'Roboto Condensed',sans-serif;
	line-height: 1.3em;
	font-weight: bold;
	margin: 0 0 20px 0 !important;
}

.page-header-xl h4{
	font-size: 18px;
	font-family: 'Roboto Condensed',sans-serif;
	color: #183D1E;
	line-height: 1.2em;
	text-shadow: 0 0 6px rgba(255, 255, 255, 0.34);

}

.page-header-xl span{
	font-size: 15px;
	color: #fff;
	line-height: 1.65em;
	margin-bottom: 20px;
	display:inline-flex;
}

.ph-r1{
	display:flex;
	flex-direction:column;
	align-items:center;

}

.ph-r1-c1{
	margin-bottom: 20px;
	min-width: 180px;
	min-height: 180px;
}

.ph-r2{
	display:flex;
	flex-direction:column;

}

.ph-r2 > div{

}

.star-filled:before{
	content: url("data:image/svg+xml,%3Csvg class='w-%5B20px%5D h-%5B20px%5D text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='rgb(0,160,12)' viewBox='0 0 24 24'%3E%3Cpath d='M13.849 4.22c-.684-1.626-3.014-1.626-3.698 0L8.397 8.387l-4.552.361c-1.775.14-2.495 2.331-1.142 3.477l3.468 2.937-1.06 4.392c-.413 1.713 1.472 3.067 2.992 2.149L12 19.35l3.897 2.354c1.52.918 3.405-.436 2.992-2.15l-1.06-4.39 3.468-2.938c1.353-1.146.633-3.336-1.142-3.477l-4.552-.36-1.754-4.17Z'/%3E%3C/svg%3E%0A");
	color:#00AD11;
	font-size:18px;
	margin:4px 5px 0 12px;
	position:relative;
	top:5px;
}

.ph-r2-c1 > span{
	color:#285E33;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0);
	background-color: #BADFC3;
	border-radius: 12px;
	display:block;
	font-size: 12px;
	padding: 3px 0;
	line-height: 28px;
	max-width: 190px;
	padding-right: 12px;

}


@media (min-width: 768px){
	.page-header-xl-container{
		padding: 39px 10px 81px 10px;
	}

	.ph-r1-c1,
	.ph-r2-c1{
		flex-basis: 34%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.ph-r1-c1{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.ph-r1-c2,
	.ph-r2-c2{
		flex-basis: 66%;
	}

	.ph-r1{
		flex-direction:row;
	}

	.ph-r2{
		flex-direction:row;
	}

	.ph-r2-c1 > span{
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 1024px){
	.page-header-xl h2{
		font-size: 37px !important;
	}

	.page-header-xl h4{
		font-size: 23px !important;
	}

	.ph-r1-c2 > span{
		font-size: 19px;
	}

	.ph-r2-c2 > span{
		font-size: 16px;
	}

	.ph-r1-c1,
	.ph-r2-c1{
		flex-basis: 20%;
	}

	.ph-r1-c2,
	.ph-r2-c2{
		flex-basis: 80%;
	}

}